第1回Creators MeetUpで発表したスライドです。

1. 60点をとれるWebデザイン
∼ 顧 客 に 確 実 に デ ザ イ ン を 通 す た め に ∼
井村 圭介

2. 井村 圭介
K E I S U K E I M U R A
プロダクトデザインから
Webデザインへ転向。
WordPressが大好きです。
@imura_design

3. 60点デザインの狙い
クライアントが安心して見られる。
ユーザーに安心して見せられる。

4. 60点デザインの狙い
あ、こんな感じの
ホームページ見たことある
→ 安心感

5. 方向性が合わない
リスクをともなう
老若男女
にも棒にも 安心して見られる
かからない

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

7. こんな時に60点デザイン！
＼
素
材
あ
り
ま
せ
ん て ー／
／ つ くっ
ザ イン
で にデ
明 日ま
＼

8. 60点デザインの例

9. 60点デザインのポイント
気になるところをなくす

10. 60点デザインのポイント
間隔つまりすぎかなー
バナーだけ未完成だなー
ここの色派手すぎかなー
画像荒いなー
メニュー押しづらいなー
このキャッチコピーは違うなー
このアイコンは意味違うだろー
なんでメインイメージにこの画像？

11. 60点デザインのポイント
色相をしぼる

12. 60点デザインのポイント
パーツを盛る

13. 影
写真出典元：PAKUTASO
http://www.pakutaso.com/

14. 線 / 角丸

16. テクスチャー
出典元：Sublte Patterns
http://subtlepatterns.com/

17. 文字組み
出典元：Stocker.jp
[Webデザイ 文字組みについて本気出し
ン] て考えてみた
http://stocker.jp/diary/typographic/

18. 文字組み
出典元：Stocker.jp
[Webデザイ 文字組みについて本気出し
ン] て考えてみた
http://stocker.jp/diary/typographic/

19. 文字組み
出典元：Stocker.jp
[Webデザイ 文字組みについて本気出し
ン] て考えてみた
http://stocker.jp/diary/typographic/

20. 文字組み
出典元：Stocker.jp
[Webデザイ 文字組みについて本気出し
ン] て考えてみた
http://stocker.jp/diary/typographic/

21. 文字組み
出典元：Stocker.jp
[Webデザイ 文字組みについて本気出し
ン] て考えてみた
http://stocker.jp/diary/typographic/

22. 組み合わせ

23. 60点をとれるWebデザイン
ありがとうございました m(_ _)m