#kosenconf #kosenconf-091tsuyama2 のLTにて発表した内容 デザインの３つの守ってほしいルールについて解説させていただいています。

1. 美しいデザインは
レイアウトから
でなり @denari01
高専カンファレンス in 津山2

2. でなり
@denari01

3. 美しいデザインはレイアウトから
レイアウトって何?
@denari01

4. 美しいデザインはレイアウトから
レイアウトって何?
レイアウトって
配 置
@denari01

5. 美しいデザインはレイアウトから @denari01
なんだよたかが配置かよ…

6. 美しいデザインはレイアウトから @denari01
なんだよたかが配置かよ…
そっすよ

7. 美しいデザインはレイアウトから
なんだよたかが配置かよ…
要は
「いい感じに配置」
さえすればいい
@denari01

8. 美しいデザインはレイアウトから
なんだよたかが配置かよ…
@denari01
配色とかも青とオレンジの
組み合わせは結構イケてる
なんかテーマを持ってロゴ
とかデザインとかできてる

9. 美しいデザインはレイアウトから
なんだよたかが配置かよ…
@denari01
配色とかも青とオレンジの
組み合わせは結構イケてる
なんかテーマを持ってロゴ
とかデザインとかできてる
※本発表は高専カンファレンスin福井2をdisるものではありません
でも
配置がダメ
だから情報がスッとはいってこない

10. 美しいデザインはレイアウトから
情報がスッと入るレイアウト
@denari01
※コンテンツが横書きの場合
Z字に視線は動く
デザインにおいては
視線の動く順番と
コンテンツの大事さ
この２つが同じになる
のが理想とされている

11. 美しいデザインはレイアウトから
Z字に配置？常識じゃん
@denari01

12. 美しいデザインはレイアウトから @denari01
そっすよ
Z字に配置？常識じゃん

13. 美しいデザインはレイアウトから @denari01
常識なんだから
かならず守る
常識のない高専生って…なんて言われないように!
Z字に配置？常識じゃん

14. 美しいデザインはレイアウトから @denari01
Z字に配置？常識じゃん
一番大事な
コンテンツ

15. 一番大事な
コンテンツ
美しいデザインはレイアウトから @denari01
Z字に配置？常識じゃん
←この辺あいてるじゃ∼ん

16. 一番大事な
コンテンツ
美しいデザインはレイアウトから @denari01
Z字に配置？常識じゃん
←この辺あいてるじゃ∼ん
常識をきちんと守って
悪霊退散
※本発表は高専カンファレンスin福井2をdisるものではありません

17. 美しいデザインはレイアウトから @denari01
Z字配置してもキレイにならない
左揃えとか中央揃えとか右揃え
コンテンツで見えない線をつくる

18. 美しいデザインはレイアウトから @denari01
見えない線って何?

19. 美しいデザインはレイアウトから @denari01
見えない線、意外と簡単じゃん

20. 美しいデザインはレイアウトから @denari01
見えない線、意外と簡単じゃん
そっすよただし、円形は扱いが難しいです…

21. 美しいデザインはレイアウトから @denari01
簡単なんだから
かならず守る
簡単なこともできない高専生って…なんて言われないように!!
見えない線、意外と簡単じゃん

22. 美しいデザインはレイアウトから @denari01
面倒になってきた…
じゃあ使い回しとかしましょ。

23. 美しいデザインはレイアウトから @denari01
面倒になってきた…
じゃあ使い回しとかしましょ。
↑こんなのとか
↑こんなのとか
こんなのとか↓
こんなのとか↓ こんなのとか↓

24. 美しいデザインはレイアウトから @denari01
使い回しのメリット
・楽
凝ったデザインも、使いまわす一個を作るだけ
・統一感が生まれる
・ユーザー(見てる人)が経験的に
自分のレイアウトのルールを学んでくれる

25. 美しいデザインはレイアウトから @denari01
使い回し最高じゃん!!

26. 美しいデザインはレイアウトから @denari01
使い回し最高じゃん!!
そっすよ!!

27. 美しいデザインはレイアウトから @denari01
最高なんだから
かならず守る
無駄なことする高専生って…なんて言われないように!!!
使い回し最高じゃん!!

28. 美しいデザインはレイアウトから @denari01
おさらい
Z字の配置 は常識 なので 必ず守る
見えない線は簡単 なので 必ず守る
使いまわしは最高 なので 必ず守る