UIキットを使ってウェブサイトも簡単にプロの仕上がり!無料のUIキットいっぱい デスクトップ編

ボタンやフォーム、プログレスバーなどのコンポーネントやレイアウト、フォントなどなど、ウェブデザインの素材がぎっしりつまった、UIキットを使えば、 簡単にプロが作ったようなウェブデザインが作れます! しかも、今回は無料のU […]…

ウェブデザインに使えるチャート・グラフツールいろいろ

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。エクセルで作成したグラフを貼り付けたりするのも可能ですが…。今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。…

印刷用に使えるツールやブックマークレットいろいろ

ウェブサイトを印刷してみると想像していた以上にページが多く出力されてしまったことなどありませんか? わざわざワードなどにコピペするのも面倒だし…。こんな時に使えそうな印刷用に使えるツールやブックマークレットなどをまとめてみました。…

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユ…

ここまでできる!CSS3を使ったチュートリアルまとめ

ここ数年でたくさんの情報が揃ってきたCSS3。古いブラウザでは対応されていないため、まだまだ一般に普及するまでは時間がかかってしまうのかもしれませんが…。 CSS3を使えば、ウェブデザインの可能性をさらに広げてくれることは間違いありません。 デザイナーの皆さんは、是非CSS3でどんなことができるの?って事だけでも今のうちから知っ…

グリッドデザインに使えるツールいろいろ

ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか?ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ!今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。…

ワイヤーフレームに使える素材いろいろ

以前、このブログでご紹介した「ウェブサイトの設計図 ワイヤーフレームを活用しよう」 ウェブサイトをデザインする前に、用意すると、とっても便利なワイヤーフレーム。 ページの各要素をレイアウトして、デザイン制作をスムーズに行うことが出来ます。 今回は、そんなワイヤーフレームに使える素材をいろいろとまとめてみました…

ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ

最近では、Google Chromeを標準のブラウザとして利用されている方々も多いのではないでしょうか。
表示もサクサクで自分好みに拡張できるエクステンションもだんだんと充実してきました。
今回は、ウェブデザイナーやデベロッパーの方々におすすめのGoogle Chromeのエクステンションをまとめてみました。…

ついついクリックしたくなるボタンデザインいろいろ

ボタンひとつでクリック率やコンバージョンが大きく変わってしまうので、ボタンのデザインや配置はとっても重要ですね。ボタンのデザインを変えたら、とたんに問い合わせ、売り上げが伸びたりすれば、デザイナー冥利につきますね。皆さんも、ついついクリックしたくなるボタンのデザインを沢山見て、参考にしてみてくださいね…

ウェブデザインに使えるイラストのチュートリアルいろいろ

イラストをうまく使ったウェブサイトはたくさんありますね。例えば、SilverbackとかMailChimpなどは、とてもわかりやすいイラストをうまく使ったウェブサイトの例なのではないでしょうか?一度見ると、『あぁ、あのゴリラのイラストのサイトね。』なんて覚えてもらえる確率が高まります。イラストをうまく使う事でウェブサイトによりインパクトを…