Adobeとデザインを発信するブロガー | Adobeソフトの使い方、動画編集、Webデザイン、ブログなどクリエイター向け情報を図解多めで配信中 | 5/25 新刊発売『デザインは重心。サクッと学べる 重さとバランスの心理法則
- Tweets16.2K
- Following120
- Followers2.6K
- Likes45K
![Adobe Premiereモバイル版｜透かしなし・4Kも無料！スマホで本格動画編集 [PR] | 321web](https://pbs.twimg.com/card_img/2115288793150607360/SX0iwf6y?format=jpg&name=800x419)
ALT 木目調の机の上に置かれた書籍の写真と、周囲に手書き風の解説テキストが配置された紹介画像。中央に書籍『デザインは重さとバランスの心理法則。サクッと学べる重さで解決!!』（著者321web（三井将之）、翔泳社SHOEISHAのロゴ）の表紙。上部の見出し「『なんかバランスが悪い』その正体がわかる。」。左側「デザインの違和感を『重心』から言語化して解決！」、下に「6つの切り口」として「面積／距離／輝度コントラスト／余白／細部量／アンカー」。左下に「感覚や好き嫌いに頼らず、デザインを論理的に判断する力が身につく。」。右側「こんな方におすすめ」に「デザインを学ぶ初中級者」「良し悪しを言葉で説明したい方」「『なんとなくイマイチ』の原因を見つけたい方」。右下に書誌情報「321web（三井将之）著／2026年5月25日発売／2,068円（税込）／四六判／160ページ／翔泳社」。
ALT 書籍見開き（130〜131ページ）の写真と手書き解説。上部見出し「『感覚』だけで、デザインを決めない。」。左「著者ならでは！マーケティング×データ×人間の認知×デザイン」「人は、最初にどこを見る？」「脳は『意味』より先に目立つ場所を見ている。」。右「視線の動きをデータから読み解く！」「認知を知ると、見せ方が変わる。」。本文見出し「38 エントリーポイントをつくる―最初に見る場所をコントロールする」。小見出し「脳は、『意味』よりも先に『構造』を見ている」、人が画面を見た瞬間は文字などの細かい情報をまだ処理できておらず、レイアウトの概形やコントラストの塊というぼんやりした全体像を最初に認識すると説明。図：「Cloud Office Pro」広告バナーの通常版とスクイント・テストによる注目度ヒートマップの比較（Webサイトでの注目の傾向を示すイメージ図）。小見出し「主役の競合は、視線の停滞を招く」、同等に目立つ要素が複数あると視線を引く力が互いに打ち消し合い、視線が停滞すると説明。図：同じ広告バナーで文字が強調された版と通常版のヒートマップ比較（目立ちやすさの差が薄い場合の注目の傾向）。さらに、青い点の中に赤い点が1つ混じった図（赤色の目を引く力が強い状態）と、複数色の点が混在した図（差がなくなり目を引く力がなくなった状態）の比較図。下部に本を押さえる手。
ALT 書籍見開き（30〜31ページ）の写真と手書き解説。上部見出し「『なんとなく散らかって見える』を解決！」。左「Before/Afterで改善ポイントがひと目でわかる」「視線の入口をつくると、情報がすっと入ってくる。」。右「グリッドに沿って整えるだけで、こんなに見やすく！」「上下アンカー／縦揃え／文字方向／グルーピング」「センスに頼らず、再現できるレイアウトのルール。」。本文見出し「09 雑誌表紙の注目点の分散をグリッドで直す―下部に重みを増やし、グリッドに沿って配置することで安定させる」。POINT「表紙は情報が増えやすく視線が迷いやすい。上下端で支点をつくり、グリッドに沿って縦列を揃えてバッジにまとめ、ノイズを抑える。」。ファッション誌『STYLE』表紙のBefore/After比較。Before「視線が定まらず、何を見せたいのか伝わらない」、After「上下に支点をつくり、視線の入口を固定する」。下部に3つの改善例：A「上下アンカーで支える」（参照P10、35）、B「縦列に整列する」（参照P12、34）、C「付帯要素をまとめる」（参照P15）。参照ページ一覧「10上下アンカーP66／35縦横比P122／12整列P70／34横書き・縦書きP120／15実効面積P76」。下部「情報量は同じでも、整え方で伝わり方は変わる。」。左下に本を開いて持つ手。
ALT 書籍見開き（76〜77ページ）の写真と手書き解説。上部見出し「『なんとなく見づらい』を、自分で直せるようになる。」。左「デザインの違和感を、感覚ではなく『言葉』で理解。」「このページでは、『実効面積』という視点から線や囲みが見た目に与える影響を解説。」「足し方だけでなく、『どう減らすか』までわかる！」。右「作例を真似するだけじゃない。自分で判断できる考え方が身につく。」「すぐ使える基本ルール 余白／整列／近接／反復」、「こんな方におすすめ」に「レイアウトに自信がない」「整わない理由を知りたい」「デザインを言葉で説明したい」。本文見出し「15 実効面積を増やす付帯要素―線や帯は、内容以上に見た目の面積を増やす」。小見出し「実効面積は見た目の塊の広さ」、文字の内容・大きさ・間隔が同じでも実効面積は異なることを示す4つの比較図。本文で実効面積とは文字や画像に加え点・線・罫線・下線・囲み・影なども含めた見た目の塊の広さで、細い線1本でも周囲を囲うと重く見えやすいと説明。小見出し「付帯要素は同時に細部量も増やす」の比較図。小見出し「余白と整列・近接・反復だけで付帯要素を減らせる」、余白・整列・近接・反復だけで情報整理ができると説明。「STANDARD／BUSINESS／PREMIUM」の料金表を使った余白・整列・近接/反復のBefore/After比較図3組。下部「なぜ？がわかるから、応用できる。」。中央下に本を開いて押さえる手。
