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.

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

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

  • Login to see the comments

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

  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字の配置 は常識 なので 必ず守る 見えない線は簡単 なので 必ず守る 使いまわしは最高 なので 必ず守る

×