Webデザイン

プロ御用達！WEBデザインに役立つデザインツール13選

2015/06/11(Thu) 07:57

忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。

http://blog.codecamp.jp/web_design_tool/

デザインの引き出しに入れておきたいテクニック！Webならではのミニマルの効果的な使い方 -The Elegance of Minimalism

2015/06/08(Mon) 07:50

広いホワイトスペースやネガティブスペース、ブラックのタイポグラフィ、これらは確かにミニマルの特徴ですが、Webデザインに特有するものではありません。最近のWebデザインでは、Webならではのミニマルを効果的に使うようになりました。

http://coliss.com/articles/build-websites/operation/design/web-ui-design-trends-minimalism-by-uxpin.html

フォームの2大誤操作「閉じる・戻る」での離脱を減らす確認ダイアログを実装しよう／15か条の10

2015/06/05(Fri) 07:50

フォームの2大誤操作「閉じる」または「戻る」離脱の対策として有効な「確認ダイアログ」の活用例を紹介します。

http://web-tan.forum.impressrd.jp/e/2015/06/05/17005

料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！

2015/05/28(Thu) 08:10

サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。

http://www.webcreatorbox.com/inspiration/price-table/

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワーク -Hartija

2015/05/28(Thu) 08:08

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワークを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-framework-for-print-hartija.html

ここ半年で話題になったデザインに関する知見が広がる5つの記事

2015/05/25(Mon) 07:55

直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。

http://creive.me/archives/5872/

Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ

2015/05/20(Wed) 07:54

人気が高いのは、写真をより魅力的に見えるようにレイアウトすること、またアニメーションを使ったユーザーを楽しませるインタラクションも面白いものばかりです。

http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-by-dribbble-2015-spring.html

無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ

2015/05/18(Mon) 07:46

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-spring.html

分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック

2015/05/15(Fri) 07:56

デザインの基本を顧みることもたまには必要ですよね。分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。

http://coliss.com/articles/build-websites/operation/design/10-basic-elements-of-design-by-secondfret.html

今更聞けない画像ファイルの種類と使用する形式の選択

2015/05/01(Fri) 08:46

画像ファイルは多くの形式が有りますが、それぞれについての目的を勉強してみましょう。ウェブ業界は長いけど、ファイル形式について今更人にきけない・・・という方にオススメです！

http://flipsblog.jp/archives/2055