More Related Content
More from エンジニア勉強会 エスキュービズム (20)
レイアウトについて
- 1. 0 レイアウトについて エスキュービズム?テクノロジー エンジニア勉強会 Dec. 11, 2015 S-cubism Technology Inc.
- 2. 目次 - INDEX - ? はじめに ? ４つの基本原则について – 近接 – 整列 – 反復 – コントラスト ? まとめ 1
- 4. ４つの基本原则 Photo credit:abdul / yunir
- 5. ４つの基本原则
- 6. ４つの基本原则 - 近接 -
- 7. 例えば、名刺の场合
- 9. 头に情报が入ってこない！
- 13. 近接のまとめ ? 基本的な目的は、「要素の組織化」 – 要素を近づけてグループ化するだけ、簡単！ ? スペースがあっても良い。 – 詰め込みすぎて要素が近づくと、違う要素でも 関連したものに見えてしまう。 ? あまり個別の要素を作り過ぎない。
- 14. ４つの基本原则 - 整列 -
- 15. 例えば、奥贰叠ページの场合
- 17. ページに一体感がない！
- 21. 整列のまとめ ? 近接で組織化したものを一体化させる！ – ちらばったおもちゃを箱に片付けるイメージ。 – それにより、全体に一体感が生まれる。 ? 「とりあえず置いてみる」をやめてみる。 – 離れていてもどこか揃えてみる。
- 22. ４つの基本原则 - 反復 -
- 23. 例えば、アプリ画面の场合
- 25. 全体に统一感がない！
- 29. 反復のまとめ ? 全体を通して、視覚的要素を反復させる。 – 一体化と視覚的面白さを加えることができる。 ? 情報を組織化することができる。 – 例えば、上から下まできちんと読んでもらえたり。 ? 一貫性が生まれることで、目立たせたい特別 なものを表現できる。
- 30. ４つの基本原则 - コントラスト -
- 31. 例えば、奥贰叠ページの场合
- 33. 目を引くものがない！
- 37. コントラストのまとめ ? 面白みを作り出すことができる。 – 面白みがあると、見てもらえる可能性が上がる。 ? 情報を組織化を支援することができる。 – 項目から項目への流れ作り出せる。 – ただし、コントラストをつけて視線を迷わせること がないように注意も必要です（??ω?｀）
- 38. まとめ
- 39. ? それぞれやってることは、そこまで難しいこと ではない。 – まとめて、整えて、統一して、区別する！ ? レイアウトの重要性 – どんなに素晴らしい製品でも、見た目が整って いなければ、良さを理解してもらえない。 – 相手に情報を伝えるためには、レイアウトする ことは重要！