![](https://cdn-ak-scissors.b.st-hatena.com/image/square/f20a3c19ff16c849d99c691f819e5a752e2d3e79/height=288;version=1;width=512/https%3A%2F%2Fpresident.ismcdn.jp%2Fmwimgs%2F6%2F0%2F1200wm%2Fimg_60e4d2b9dc946ba9c5947d504dd5f94665622.jpg)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
心理学が解明「一度見たら忘れられないレイアウト」のつくり方 (5ページ目)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
心理学が解明「一度見たら忘れられないレイアウト」のつくり方 (5ページ目)
【レイアウト】パッと見ただけでわかる構造の作り方 ▼揃えて配置する ……レイアウトの基本は、同じ要素を... 【レイアウト】パッと見ただけでわかる構造の作り方 ▼揃えて配置する ……レイアウトの基本は、同じ要素を揃えて配置すること。点線で示したようにグリッドをイメージして、テキストと図を合わせるように配置すれば、バラバラな印象を与えず、すっきりとまとまり、複雑な内容も伝わりやすくなる。 ▼グループ化する ……テキストや図版なども関連性の強いものはまとめ、関連性の弱いものとの間には思い切って余白をとると、ひと目で全体の構成が把握できる。読み手に資料を読み解かせる負荷をかけないことが、伝わるレイアウトの基本。 ▼スライドは同じパターンを繰り返す ……ページごとにレイアウトするだけでなく、文字の大きさ、字詰め、色使いなど、全体のページの構造を同じにすること。 ※図版はすべて『伝わるデザインの基本』(技術評論社刊、高橋佑磨・片山なつ共著)を参考に作成