Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

美しいデザインはレイアウトから

2,982 views

Published on

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

Published in: Design
  • Be the first to comment

美しいデザインはレイアウトから

  1. 1. 美しいデザインは レイアウトから でなり @denari01 高専カンファレンス in 津山2
  2. 2. でなり @denari01
  3. 3. 美しいデザインはレイアウトから レイアウトって何? @denari01
  4. 4. 美しいデザインはレイアウトから レイアウトって何? レイアウトって 配 置 @denari01
  5. 5. 美しいデザインはレイアウトから @denari01 なんだよたかが配置かよ…
  6. 6. 美しいデザインはレイアウトから @denari01 なんだよたかが配置かよ… そっすよ
  7. 7. 美しいデザインはレイアウトから なんだよたかが配置かよ… 要は 「いい感じに配置」 さえすればいい @denari01
  8. 8. 美しいデザインはレイアウトから なんだよたかが配置かよ… @denari01 配色とかも青とオレンジの 組み合わせは結構イケてる なんかテーマを持ってロゴ とかデザインとかできてる
  9. 9. 美しいデザインはレイアウトから なんだよたかが配置かよ… @denari01 配色とかも青とオレンジの 組み合わせは結構イケてる なんかテーマを持ってロゴ とかデザインとかできてる ※本発表は高専カンファレンスin福井2をdisるものではありません でも 配置がダメ だから情報がスッとはいってこない
  10. 10. 美しいデザインはレイアウトから 情報がスッと入るレイアウト @denari01 ※コンテンツが横書きの場合 Z字に視線は動く デザインにおいては 視線の動く順番と コンテンツの大事さ この2つが同じになる のが理想とされている
  11. 11. 美しいデザインはレイアウトから Z字に配置?常識じゃん @denari01
  12. 12. 美しいデザインはレイアウトから @denari01 そっすよ Z字に配置?常識じゃん
  13. 13. 美しいデザインはレイアウトから @denari01 常識なんだから かならず守る 常識のない高専生って…なんて言われないように! Z字に配置?常識じゃん
  14. 14. 美しいデザインはレイアウトから @denari01 Z字に配置?常識じゃん 一番大事な コンテンツ
  15. 15. 一番大事な コンテンツ 美しいデザインはレイアウトから @denari01 Z字に配置?常識じゃん ←この辺あいてるじゃ∼ん
  16. 16. 一番大事な コンテンツ 美しいデザインはレイアウトから @denari01 Z字に配置?常識じゃん ←この辺あいてるじゃ∼ん 常識をきちんと守って 悪霊退散 ※本発表は高専カンファレンスin福井2をdisるものではありません
  17. 17. 美しいデザインはレイアウトから @denari01 Z字配置してもキレイにならない 左揃えとか中央揃えとか右揃え コンテンツで見えない線をつくる
  18. 18. 美しいデザインはレイアウトから @denari01 見えない線って何?
  19. 19. 美しいデザインはレイアウトから @denari01 見えない線、意外と簡単じゃん
  20. 20. 美しいデザインはレイアウトから @denari01 見えない線、意外と簡単じゃん そっすよただし、円形は扱いが難しいです…
  21. 21. 美しいデザインはレイアウトから @denari01 簡単なんだから かならず守る 簡単なこともできない高専生って…なんて言われないように!! 見えない線、意外と簡単じゃん
  22. 22. 美しいデザインはレイアウトから @denari01 面倒になってきた… じゃあ使い回しとかしましょ。
  23. 23. 美しいデザインはレイアウトから @denari01 面倒になってきた… じゃあ使い回しとかしましょ。 ↑こんなのとか ↑こんなのとか こんなのとか↓ こんなのとか↓ こんなのとか↓
  24. 24. 美しいデザインはレイアウトから @denari01 使い回しのメリット ・楽   凝ったデザインも、使いまわす一個を作るだけ ・統一感が生まれる ・ユーザー(見てる人)が経験的に  自分のレイアウトのルールを学んでくれる
  25. 25. 美しいデザインはレイアウトから @denari01 使い回し最高じゃん!!
  26. 26. 美しいデザインはレイアウトから @denari01 使い回し最高じゃん!! そっすよ!!
  27. 27. 美しいデザインはレイアウトから @denari01 最高なんだから かならず守る 無駄なことする高専生って…なんて言われないように!!! 使い回し最高じゃん!!
  28. 28. 美しいデザインはレイアウトから @denari01 おさらい Z字の配置 は常識 なので 必ず守る 見えない線は簡単 なので 必ず守る 使いまわしは最高 なので 必ず守る

×