60点をとれるWebデザイン

60点をとれるWebデザイン井村圭介

～顧客に確実にデザインを通すために～

井村圭介K E I S U K E I M U R A

プロダクトデザインからWebデザインへ転向。WordPressが大好きです。@imura_design

60点デザインの狙い

クライアントが安心して見られる。ユーザーに安心して見せられる。

60点デザインの狙い

あ、こんな感じのホームページ見たことある

→　安心感

箸にも棒にもかからない

方向性が合わないリスクをともなう

老若男女安心して見られる

こんな時に60点デザイン！

こんな時に60点デザイン！

＼明日ま

でにデザ

インつく

ってー／

＼素材ありません／

60点デザインの例

60点デザインのポイント

気になるところをなくす


間隔つまりすぎかなーバナーだけ未完成だなーここの色派手すぎかなー

画像荒いなーメニュー押しづらいなー

このキャッチコピーは違うなーこのアイコンは意味違うだろーなんでメインイメージにこの画像？


色相をしぼる


パーツを盛る

影

写真出典元：PAKUTASO

http://www.pakutaso.com/

http://www.pakutaso.com

http://www.pakutaso.com

線 / 角丸

テクスチャー

出典元：Sublte Patterns

http://subtlepatterns.com/

http://stocker.jp/diary/typographic/


出典元：Stocker.jp

[Webデザイン] 文字組みについて本気出して考えてみた


文字組み






文字組み






文字組み






文字組み






文字組み



組み合わせ

60点をとれるWebデザイン

ありがとうございました m(_ _)m

Design

60点をとれるWebデザイン