webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ デザイン 情報の配置 人の視線はＺの字。角に重要な情報を置く。 視線が通過しやすい場所に情報を置く場合は、大きくするなどして目立たせる。 写真のふち 角版：伝えたい情報。商品など。 切り抜き：カジュアルな印象を与える。漫画っぽい。若者向き。→投票率をあげるために若年層を意識。 ぼけ足：イメージ。 配色 補色を使っている。青と黄（最も目立つ組み合わせ）、緑とオレンジ。 紙面からのはみだし 矢印がポスターの外にはみ出ることで、動きを出す。 ジャンプ率 写真・文字ともに大小の幅を大きくして強調。 大きいサイズのテキストでピクセル崩れするケースがあるので、そのときは画像で。 モデルの目 こっち見てると見てしまう… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20131114%2F1384354800_1" title="デザインの要素満載なポスター - 96&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/w/webtm2013/20131114/20131114122814.jpg Hatena Blog https://hatena.blog 2013-11-14 00:00:00 rich https://96s.hatenablog.com/entry/20131114/1384354800_1 1.0 100%