<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>デザインのコツ アーカイブ - Taniweb制作</title>
	<atom:link href="https://www.taniweb.jp/tag/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.taniweb.jp/tag/デザインのコツ/</link>
	<description>グラフィック&#38;WEBデザイン&#38;女性向けクリエイティブ制作</description>
	<lastBuildDate>Sat, 06 Jun 2026 16:31:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.taniweb.jp/wp/wp-content/uploads/2016/07/cropped-ribbon-55x55.png</url>
	<title>デザインのコツ アーカイブ - Taniweb制作</title>
	<link>https://www.taniweb.jp/tag/デザインのコツ/</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://www.taniweb.jp/tag/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84/feed/"/>
	<item>
		<title>デザインにおける情報整理</title>
		<link>https://www.taniweb.jp/blog/19258/</link>
		
		<dc:creator><![CDATA[Takako Taniguchi]]></dc:creator>
		<pubDate>Sun, 15 Jun 2025 19:26:05 +0000</pubDate>
				<category><![CDATA[Designers diary]]></category>
		<category><![CDATA[WEB制作の流れ]]></category>
		<category><![CDATA[コンセプトメイク]]></category>
		<category><![CDATA[デザインとマーケティング]]></category>
		<category><![CDATA[ブランディング]]></category>
		<category><![CDATA[制作]]></category>
		<category><![CDATA[制作リファレンス]]></category>
		<category><![CDATA[記事一覧]]></category>
		<category><![CDATA[チラシ]]></category>
		<category><![CDATA[チラシの折り方]]></category>
		<category><![CDATA[チラシ作成]]></category>
		<category><![CDATA[デザインのコツ]]></category>
		<category><![CDATA[デザインの前の基礎知識]]></category>
		<category><![CDATA[レイアウト]]></category>
		<category><![CDATA[レイアウトのコツ]]></category>
		<guid isPermaLink="false">https://www.taniweb.jp/?p=19258</guid>

					<description><![CDATA[<p><img width="1080" height="1080" src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04.jpg 1080w, https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-300x300.jpg 300w, https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-1024x1024.jpg 1024w, https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-55x55.jpg 55w" sizes="(max-width: 1080px) 100vw, 1080px" /></p>
<p><!-- wp:paragraph --></p>
<p>ここまで、我々の脳が言葉と画像をどう取り扱っているか？脳内は非言語優先社会であるというお話をして参りました。ここからは、言語と非言語の伝達速度を考慮した、情報整理の話へ進みたいと思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:group {"className":"is-style-vk-group-top-bottom-border","layout":{"type":"constrained"}} --></p>
<div class="wp-block-group is-style-vk-group-top-bottom-border"><!-- wp:paragraph --></p>
<p><span class="arkb-inline-icon -has-margin" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJMc0Jvb2siIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTExLjcgMS40IDYuOCA1Yy0uNS40LS44IDEtLjggMS42djI4LjdjMCAuOC41IDEuNSAxLjIgMS44bDI0IDEwLjNjMS4zLjYgMi44LS40IDIuOC0xLjhWMTljMC0uOC0uNS0xLjUtMS4yLTEuOEwxMC4yIDcuNWwyLjktMi4yYy45LS42IDItLjggMy0uNGwyMC42IDguOGMuNy4zIDEuMiAxIDEuMiAxLjhWNDIuOWMwIC45IDEgMS4zIDEuNy44bDEuNy0xLjVjLjQtLjQuNy0uOS43LTEuNVYxM2MwLS44LS41LTEuNS0xLjItMS44TDE2LjcuOGMtMS43LS43LTMuNi0uNS01IC42eiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="LsBook" data-id="94" aria-hidden="true"> </span><a href="https://www.taniweb.jp/blog/marketing/19246/" target="_blank" rel="noreferrer noopener">前回までの内容の一覧はこちら<span class="arkb-inline-icon -has-margin" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJMc0V4dGVybmFsTGluayIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDQgMkgzMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDJoOS4yTDI0IDIxLjJjLS44LjgtLjggMiAwIDIuOHMyIC44IDIuOCAwTDQyIDguOFYxOGMwIDEuMS45IDIgMiAyczItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6Ij48L3BhdGg+PHBhdGggZD0iTTQxIDI3Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS0uOSAyLTIgMkg5Yy0xLjEgMC0yLS45LTItMlYxMWMwLTEuMS45LTIgMi0yaDEwYzEuMSAwIDItLjkgMi0ycy0uOS0yLTItMkg5Yy0zLjMgMC02IDIuNy02IDZ2MjhjMCAzLjMgMi43IDYgNiA2aDI4YzMuMyAwIDYtMi43IDYtNlYyOWMwLTEuMS0uOS0yLTItMnoiPjwvcGF0aD48L3N2Zz4=)" data-icon="LsExternalLink" data-id="109" aria-hidden="true"> </span></a></p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:group --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">優先順位と情報占有率</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>デザインとは情報を整理し、その情報をどこへどんな風に配置するかを考え実践する作業です。ですが、それに明確な正誤はありません。デザインには厳密な正しいも間違いも、ありませんのでね。とはいえ、やはり「一番のメッセージは何か」というのは常に考えておく必要はあると思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>よく、上手くデザインする際のコツとして「一番伝えたいメッセージを、大きく目立たせる」という話を聞いたことはありませんか？なぜ、目立たせる（＝情報の伝達に優劣をつける）必要があるのかといいますと、商業デザインはアートと違い、パブリックな業務連絡みたいなものですから、連絡事項がきちんと伝わっているかどうかが、大事だからなのです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"56px"} --></p>
<div style="height:56px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">作る前に考えてみよう、デザインとユーザの距離</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20079,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/63e2d2c9a4467a384c52986909a05b47-1024x576.jpg" alt="" class="wp-image-20079"/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:spacer {"height":"56px"} --></p>
<div style="height:56px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:image {"id":20081,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/82416244a965c196a6b3d400f8bb9d65-1024x576.jpg" alt="" class="wp-image-20081"/></figure>
<p><!-- /wp:image --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>それでは、さっそくですが優先順位を考える前に、デザインされた成果物をユーザーが眺める時の距離感を考えてみましょう。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>心理的な距離感ではなくて、物理的な距離です。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>看板や屋外の大型ポスターは、間近で眺める機会がほとんどありませんから、ユーザーから見て、長距離に配置されていると云えると思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>室内看板やのぼり、吊り下げポップなどは、中距離。名刺やショップカードは手元でしか見ませんので、至近距離の成果物ですね。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>ロゴは、至近距離から長距離までオールマイティーに対応しなければならないのですが、それを除くと、販促物の中でも、<span class="arkb-marker">チラシというのは、独特のポジションにあるとおもいませんか？</span></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p><strong>チラシは遠近両用の販促物</strong></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>チラシというのは、その特性から「遠近両用」という特徴を持っているんです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>ですから、「メッセージをどう伝えるか」を考える上でも、構成やレイアウトを考える上でも、デザインを学ぶ上でも、よい題材になると思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>慣れていない方がデザインする時、この特性に振り回されてしまって、考えがまとまらず混乱しているように思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">レイアウトの基本的な考え方・重要度に応じた面積の配分</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>先ほど、商業デザインはパブリックな業務連絡みたいなものだから、連絡事項がきちんと伝わっているかどうかが大事だと書きました。そして、業務連絡で最も多様されるのが「チラシ」だと思うのですが、デザイナーではない方がチラシづくりに苦戦している様子を見ると、難しく考えすぎているきらいがあると思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p><strong>デザインするという事は、情報を重要度別に分けて、ランキングに応じた面積の分配を行うという事なんです。</strong></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>プロがチラシをデザインする際は、イベント名やタイトルだけで、紙面の三分の一、もしくは半分ぐらい使えたらいいなーという前提で、構成を考えていきます。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>タイトル以外に、掲載するべき情報がどのくらいあるのか？その情報量との兼ね合いを考えつつ・・・できる限りタイトルに面積を割り振ることができるように進めていきます。脳内ではタイトルとそれ以外の要素で、領土争いをやっているような感じです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>デザイナーがタイトル以外のスペースをギリギリまで節約してでも、タイトルにドーンと広い面積を使いたいと考えるには、それなりの訳があります。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20259,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/fe6b2e96fd6f1b00cf2cc78c4d3b0437-1024x576.png" alt="" class="wp-image-20259"/></figure>
<p><!-- /wp:image --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>画像と文字の伝達スピードの違いの章でも書きましたが、文字の伝達スピードは、到底画像に敵うものではありませんし、画像がユーザーへ与える影響力の大きさを考えると・・・どうしてもタイトルに広い面積を与えたいんですね。<span class="arkb-marker">文字で伝えるメッセージを確実に読んでもらいたいと思ったら、物理的な対処がそれなりに必要</span>だと思うからなんです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>チラシのタイトル（講演会・イベント名・キャンペーンのタイトル等）は、謂わば主役。名探偵コナンでいうと、コナン君みたいなものです。目立たせるのは当たり前ですし、目立てば伝達力も上がります。逆に主役が他の要素に紛れてしまったら、名探偵コナンのチラシを作っていたつもりが、出来上がったものは「コナン君を探せ」というゲーム（ウォーリーを探せみたいな）だったという事に成りかねません。</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">企画書の基本的な構成要素</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20077,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/ca44076da1dc412f08f144ad17e8c71f-1024x576.png" alt="" class="wp-image-20077"/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>企画書の基本的な構成要素をピックアップして、それを「基本の要素」と「表現の要素」に分けてみましょう。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:table --></p>
<figure class="wp-block-table">
<table class="has-fixed-layout">
<tbody>
<tr>
<td>基本の要素</td>
</tr>
<tr>
<td>タイトル・日時・場所・時間・イベント概要・申し込み方法・連絡先・詳細　等</td>
</tr>
</tbody>
</table>
</figure>
<p><!-- /wp:table --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:table --></p>
<figure class="wp-block-table">
<table class="has-fixed-layout">
<tbody>
<tr>
<td>表現の要素</td>
</tr>
<tr>
<td>キャッチコピー・写真・イラスト・レイアウト・色・フォント書体・どんな紙にするか・折をいれるか　等</td>
</tr>
</tbody>
</table>
</figure>
<p><!-- /wp:table --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:paragraph --></p>
<p>基本の要素は、まさに業務連絡に当たる部分ですね。表現の要素は、基本を補完する役割を果たすと思います。画像は雰囲気を伝えてくれる点では優秀ですが、肝心な「いつ・どこで・何時から・何が開催されるのか」という業務連絡は伝えてはくれませんから、表現の要素に入ります。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20083,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/7e24e4583d30637e3374272cdfc54af1-1024x576.jpg" alt="" class="wp-image-20083"/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:image {"id":20082,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/284803cc3f50d3bec02d44118893cf99-1024x576.jpg" alt="" class="wp-image-20082"/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>ここで、情報の振り分け（優先順位）について実際のプロジェクトで使用した企画書と、成果物を表示しながら考えて行きたいと思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>ご協力賜ったのは、北海道で大規模農業を営んでいらっしゃる森田農場さんです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>企画の時点では、単なる情報の羅列でしかありません。その内容を、重要度別に３つのグループに分けてみましょう。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p><strong>『重要度の高いものが、広い面積を確保できる』</strong></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>最初に配置を考えるのは文字だけです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>最も重要度が高いものは、当然ですが、タイトルです。サブタイトルや、応募方法、要項、特典についての説明はその次。一番重要度が低いのが、詳細な説明文になります。チラシを見た方が興味があれば、読んでくれるであろう部分ですね。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:heading --></p>
<h2 class="wp-block-heading">重要度と面積、さらに余白の関係。</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p><strong>企画書の内容でデザインを２パターン作成してみました。</strong></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:image {"id":20263,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/cea331ad23376dbd22279a45a8290c44-1-1024x576.jpg" alt="" class="wp-image-20263"/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>どうでしょうか？</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>タイトルでそれなりの面積を占めているように見えますが・・・どうも、まだ視点が定まらない感じがしませんか？　タイトル部分に目が釘付けにならなければいけないのに・・・イマイチ惹きつけられない気がします。</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:paragraph --></p>
<p><strong>タイトルの文字数を、少なくしてみました。</strong></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20264,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/2b30050c3f14889b7c50a03ed42d7927-1024x576.jpg" alt="" class="wp-image-20264"/></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:image {"id":20266,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/94903716b40d8a310563b5726aa923a1-1024x576.jpg" alt="" class="wp-image-20266"/></figure>
<p><!-- /wp:image --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>文字数を減らしてみたらどうでしょうか？</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>先程よりは、タイトルに目が行くようになりましたよね？</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>タイトルの文字数を減らした事で、自然と余白が増えています。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>重要度に応じた面積分配って、ただ、広さだけあったらいいという訳でもないんですね。<strong><span class="arkb-marker">人口密度も減らさなくちゃいけないんです。</span></strong></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>よく、アガサ・クリスティーのオリエント急行の映画とか、タイタニックの映画なんかで・・・一等の部屋は広くて、豪華なのに数人しか居なくて、広々しているけど、三等の部屋は、、大人数がギュウギュウ詰めになった大部屋だったりしますよね。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>それと同じです。優先順位が高いという事は、面積が広いだけじゃなくて、面積に応じた人口密度も低く、他の要素よりいい暮らししてる＝空間に余裕がある。そんな状態であるべきなんです。</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:heading {"level":1} --></p>
<h1 class="wp-block-heading"></h1>
<p><!-- /wp:heading --></p>
<p><!-- wp:spacer {"height":"94px"} --></p>
<div style="height:94px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">まとめ</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20280,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/7c3ce5af746598ca908e2e2ee0303384-1-1024x576.jpg" alt="" class="wp-image-20280"/></figure>
<p><!-- /wp:image --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>情報整理は、デザインする前の作業で、最も大事な部分になります。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>１　デザイン成果物とユーザーの距離感を考えて設計する</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>２　重要度に応じた面積配分を考える</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>３　基本の要素と表現の要素を区別して考える</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>４　余白も重要なデザイン要素である</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:spacer {"height":"259px"} --></p>
<div style="height:259px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:group {"className":"is-style-vk-group-dotted","layout":{"type":"constrained"}} --></p>
<div class="wp-block-group is-style-vk-group-dotted"><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:image {"id":20085,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/b4fb8964e34ad344900ad1e749b49929-1024x576.jpg" alt="" class="wp-image-20085"/></figure>
<p><!-- /wp:image --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:paragraph --></p>
<p>【協力】森田農場<br />北海道の清水町で100年間、就農されていらしゃいますが、特に、豆類に関んしては味もよく、品質も、専門性の高いブランド豆を生産されていて「モリタビーンズ」として高い評価を得ています。<br />https://www.azukilife.com/</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></div>
<p><!-- /wp:group --></p>
<p><!-- wp:spacer --></p>
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:block {"ref":22205} /--></p>
<p><!-- wp:block {"ref":27134} /--></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:block {"ref":27115} /--></p>
<p>投稿<a href="https://www.taniweb.jp/blog/19258/">デザインにおける情報整理</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="1080" height="1080" src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04.jpg 1080w, https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-300x300.jpg 300w, https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-1024x1024.jpg 1024w, https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-55x55.jpg 55w" sizes="auto, (max-width: 1080px) 100vw, 1080px" /></p><!-- wp:paragraph -->
<p>ここまで、我々の脳が言葉と画像をどう取り扱っているか？脳内は非言語優先社会であるというお話をして参りました。ここからは、言語と非言語の伝達速度を考慮した、情報整理の話へ進みたいと思います。</p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"is-style-vk-group-top-bottom-border","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-vk-group-top-bottom-border"><!-- wp:paragraph -->
<p><span class="arkb-inline-icon -has-margin" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJMc0Jvb2siIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTExLjcgMS40IDYuOCA1Yy0uNS40LS44IDEtLjggMS42djI4LjdjMCAuOC41IDEuNSAxLjIgMS44bDI0IDEwLjNjMS4zLjYgMi44LS40IDIuOC0xLjhWMTljMC0uOC0uNS0xLjUtMS4yLTEuOEwxMC4yIDcuNWwyLjktMi4yYy45LS42IDItLjggMy0uNGwyMC42IDguOGMuNy4zIDEuMiAxIDEuMiAxLjhWNDIuOWMwIC45IDEgMS4zIDEuNy44bDEuNy0xLjVjLjQtLjQuNy0uOS43LTEuNVYxM2MwLS44LS41LTEuNS0xLjItMS44TDE2LjcuOGMtMS43LS43LTMuNi0uNS01IC42eiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="LsBook" data-id="94" aria-hidden="true"> </span><a href="https://www.taniweb.jp/blog/marketing/19246/" target="_blank" rel="noreferrer noopener">前回までの内容の一覧はこちら<span class="arkb-inline-icon -has-margin" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJMc0V4dGVybmFsTGluayIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDQgMkgzMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDJoOS4yTDI0IDIxLjJjLS44LjgtLjggMiAwIDIuOHMyIC44IDIuOCAwTDQyIDguOFYxOGMwIDEuMS45IDIgMiAyczItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6Ij48L3BhdGg+PHBhdGggZD0iTTQxIDI3Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS0uOSAyLTIgMkg5Yy0xLjEgMC0yLS45LTItMlYxMWMwLTEuMS45LTIgMi0yaDEwYzEuMSAwIDItLjkgMi0ycy0uOS0yLTItMkg5Yy0zLjMgMC02IDIuNy02IDZ2MjhjMCAzLjMgMi43IDYgNiA2aDI4YzMuMyAwIDYtMi43IDYtNlYyOWMwLTEuMS0uOS0yLTItMnoiPjwvcGF0aD48L3N2Zz4=)" data-icon="LsExternalLink" data-id="109" aria-hidden="true"> </span></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">優先順位と情報占有率</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>デザインとは情報を整理し、その情報をどこへどんな風に配置するかを考え実践する作業です。ですが、それに明確な正誤はありません。デザインには厳密な正しいも間違いも、ありませんのでね。とはいえ、やはり「一番のメッセージは何か」というのは常に考えておく必要はあると思います。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>よく、上手くデザインする際のコツとして「一番伝えたいメッセージを、大きく目立たせる」という話を聞いたことはありませんか？なぜ、目立たせる（＝情報の伝達に優劣をつける）必要があるのかといいますと、商業デザインはアートと違い、パブリックな業務連絡みたいなものですから、連絡事項がきちんと伝わっているかどうかが、大事だからなのです。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"56px"} -->
<div style="height:56px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2 class="wp-block-heading">作る前に考えてみよう、デザインとユーザの距離</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20079,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/63e2d2c9a4467a384c52986909a05b47-1024x576.jpg" alt="" class="wp-image-20079"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"56px"} -->
<div style="height:56px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"id":20081,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/82416244a965c196a6b3d400f8bb9d65-1024x576.jpg" alt="" class="wp-image-20081"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>それでは、さっそくですが優先順位を考える前に、デザインされた成果物をユーザーが眺める時の距離感を考えてみましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>心理的な距離感ではなくて、物理的な距離です。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>看板や屋外の大型ポスターは、間近で眺める機会がほとんどありませんから、ユーザーから見て、長距離に配置されていると云えると思います。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>室内看板やのぼり、吊り下げポップなどは、中距離。名刺やショップカードは手元でしか見ませんので、至近距離の成果物ですね。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ロゴは、至近距離から長距離までオールマイティーに対応しなければならないのですが、それを除くと、販促物の中でも、<span class="arkb-marker">チラシというのは、独特のポジションにあるとおもいませんか？</span></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><strong>チラシは遠近両用の販促物</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>チラシというのは、その特性から「遠近両用」という特徴を持っているんです。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>ですから、「メッセージをどう伝えるか」を考える上でも、構成やレイアウトを考える上でも、デザインを学ぶ上でも、よい題材になると思います。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>慣れていない方がデザインする時、この特性に振り回されてしまって、考えがまとまらず混乱しているように思います。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2 class="wp-block-heading">レイアウトの基本的な考え方・重要度に応じた面積の配分</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>先ほど、商業デザインはパブリックな業務連絡みたいなものだから、連絡事項がきちんと伝わっているかどうかが大事だと書きました。そして、業務連絡で最も多様されるのが「チラシ」だと思うのですが、デザイナーではない方がチラシづくりに苦戦している様子を見ると、難しく考えすぎているきらいがあると思います。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><strong>デザインするという事は、情報を重要度別に分けて、ランキングに応じた面積の分配を行うという事なんです。</strong></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>プロがチラシをデザインする際は、イベント名やタイトルだけで、紙面の三分の一、もしくは半分ぐらい使えたらいいなーという前提で、構成を考えていきます。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>タイトル以外に、掲載するべき情報がどのくらいあるのか？その情報量との兼ね合いを考えつつ・・・できる限りタイトルに面積を割り振ることができるように進めていきます。脳内ではタイトルとそれ以外の要素で、領土争いをやっているような感じです。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>デザイナーがタイトル以外のスペースをギリギリまで節約してでも、タイトルにドーンと広い面積を使いたいと考えるには、それなりの訳があります。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20259,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/fe6b2e96fd6f1b00cf2cc78c4d3b0437-1024x576.png" alt="" class="wp-image-20259"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>画像と文字の伝達スピードの違いの章でも書きましたが、文字の伝達スピードは、到底画像に敵うものではありませんし、画像がユーザーへ与える影響力の大きさを考えると・・・どうしてもタイトルに広い面積を与えたいんですね。<span class="arkb-marker">文字で伝えるメッセージを確実に読んでもらいたいと思ったら、物理的な対処がそれなりに必要</span>だと思うからなんです。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>チラシのタイトル（講演会・イベント名・キャンペーンのタイトル等）は、謂わば主役。名探偵コナンでいうと、コナン君みたいなものです。目立たせるのは当たり前ですし、目立てば伝達力も上がります。逆に主役が他の要素に紛れてしまったら、名探偵コナンのチラシを作っていたつもりが、出来上がったものは「コナン君を探せ」というゲーム（ウォーリーを探せみたいな）だったという事に成りかねません。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2 class="wp-block-heading">企画書の基本的な構成要素</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20077,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/ca44076da1dc412f08f144ad17e8c71f-1024x576.png" alt="" class="wp-image-20077"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>企画書の基本的な構成要素をピックアップして、それを「基本の要素」と「表現の要素」に分けてみましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:table -->
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>基本の要素</td></tr><tr><td>タイトル・日時・場所・時間・イベント概要・申し込み方法・連絡先・詳細　等</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:table -->
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>表現の要素</td></tr><tr><td>キャッチコピー・写真・イラスト・レイアウト・色・フォント書体・どんな紙にするか・折をいれるか　等</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph -->
<p>基本の要素は、まさに業務連絡に当たる部分ですね。表現の要素は、基本を補完する役割を果たすと思います。画像は雰囲気を伝えてくれる点では優秀ですが、肝心な「いつ・どこで・何時から・何が開催されるのか」という業務連絡は伝えてはくれませんから、表現の要素に入ります。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20083,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/7e24e4583d30637e3374272cdfc54af1-1024x576.jpg" alt="" class="wp-image-20083"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"id":20082,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/284803cc3f50d3bec02d44118893cf99-1024x576.jpg" alt="" class="wp-image-20082"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>ここで、情報の振り分け（優先順位）について実際のプロジェクトで使用した企画書と、成果物を表示しながら考えて行きたいと思います。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ご協力賜ったのは、北海道で大規模農業を営んでいらっしゃる森田農場さんです。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>企画の時点では、単なる情報の羅列でしかありません。その内容を、重要度別に３つのグループに分けてみましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><strong>『重要度の高いものが、広い面積を確保できる』</strong></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>最初に配置を考えるのは文字だけです。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>最も重要度が高いものは、当然ですが、タイトルです。サブタイトルや、応募方法、要項、特典についての説明はその次。一番重要度が低いのが、詳細な説明文になります。チラシを見た方が興味があれば、読んでくれるであろう部分ですね。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2 class="wp-block-heading">重要度と面積、さらに余白の関係。</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p><strong>企画書の内容でデザインを２パターン作成してみました。</strong></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":20263,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/cea331ad23376dbd22279a45a8290c44-1-1024x576.jpg" alt="" class="wp-image-20263"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>どうでしょうか？</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>タイトルでそれなりの面積を占めているように見えますが・・・どうも、まだ視点が定まらない感じがしませんか？　タイトル部分に目が釘付けにならなければいけないのに・・・イマイチ惹きつけられない気がします。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph -->
<p><strong>タイトルの文字数を、少なくしてみました。</strong></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20264,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/2b30050c3f14889b7c50a03ed42d7927-1024x576.jpg" alt="" class="wp-image-20264"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"id":20266,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/94903716b40d8a310563b5726aa923a1-1024x576.jpg" alt="" class="wp-image-20266"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>文字数を減らしてみたらどうでしょうか？</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>先程よりは、タイトルに目が行くようになりましたよね？</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>タイトルの文字数を減らした事で、自然と余白が増えています。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>重要度に応じた面積分配って、ただ、広さだけあったらいいという訳でもないんですね。<strong><span class="arkb-marker">人口密度も減らさなくちゃいけないんです。</span></strong></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>よく、アガサ・クリスティーのオリエント急行の映画とか、タイタニックの映画なんかで・・・一等の部屋は広くて、豪華なのに数人しか居なくて、広々しているけど、三等の部屋は、、大人数がギュウギュウ詰めになった大部屋だったりしますよね。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>それと同じです。優先順位が高いという事は、面積が広いだけじゃなくて、面積に応じた人口密度も低く、他の要素よりいい暮らししてる＝空間に余裕がある。そんな状態であるべきなんです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading"></h1>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"94px"} -->
<div style="height:94px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2 class="wp-block-heading">まとめ</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20280,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/7c3ce5af746598ca908e2e2ee0303384-1-1024x576.jpg" alt="" class="wp-image-20280"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>情報整理は、デザインする前の作業で、最も大事な部分になります。<br></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>１　デザイン成果物とユーザーの距離感を考えて設計する</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>２　重要度に応じた面積配分を考える</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>３　基本の要素と表現の要素を区別して考える</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>４　余白も重要なデザイン要素である</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"259px"} -->
<div style="height:259px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"is-style-vk-group-dotted","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-vk-group-dotted"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":20085,"sizeSlug":"large","linkDestination":"none","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image size-large is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/06/b4fb8964e34ad344900ad1e749b49929-1024x576.jpg" alt="" class="wp-image-20085"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>【協力】森田農場<br>北海道の清水町で100年間、就農されていらしゃいますが、特に、豆類に関んしては味もよく、品質も、専門性の高いブランド豆を生産されていて「モリタビーンズ」として高い評価を得ています。<br>https://www.azukilife.com/</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:block {"ref":22205} /-->

<!-- wp:block {"ref":27134} /-->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:block {"ref":27115} /--><p>投稿<a href="https://www.taniweb.jp/blog/19258/">デザインにおける情報整理</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></content:encoded>
					
		
		
				    <image><url>https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-1024x1024.jpg</url></image>
    <thumb><url>https://www.taniweb.jp/wp/wp-content/uploads/2025/06/thrmnail_04-55x55.jpg</url></thumb>
	</item>
	</channel>
</rss>
