<?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/%E8%A8%80%E8%91%89%E3%81%A8%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.taniweb.jp/tag/言葉とイメージ/</link>
	<description>グラフィック&#38;WEBデザイン&#38;女性向けクリエイティブ制作</description>
	<lastBuildDate>Fri, 15 Aug 2025 00:27:56 +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/%E8%A8%80%E8%91%89%E3%81%A8%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8/feed/"/>
	<item>
		<title>デザインの前に読んで欲しい！言葉とイメージの基礎知識</title>
		<link>https://www.taniweb.jp/blog/marketing/19246/</link>
		
		<dc:creator><![CDATA[Takako Taniguchi]]></dc:creator>
		<pubDate>Sat, 12 Apr 2025 06:35:33 +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[design]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[デザインの前の基礎知識]]></category>
		<category><![CDATA[言葉とイメージ]]></category>
		<guid isPermaLink="false">https://www.taniweb.jp/?p=19246</guid>

					<description><![CDATA[<p><img width="544" height="540" src="https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de.png" 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/04/1e6b5873cfb89d9e327b6d507ce131de.png 544w, https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de-300x298.png 300w, https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de-55x55.png 55w" sizes="(max-width: 544px) 100vw, 544px" /></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">発注される側の方、WEB担当者、デザイン初学者の方に</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>ここまで、WEBサイトを企画する時のお話を記事に綴ってまいりました。いよいよ、ここからはデザインの話へ移ります。</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><!-- /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:heading --></p>
<h2 class="wp-block-heading">デザインの基本とは</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></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":19276,"scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-vk-image-photoFrame"} --></p>
<figure class="wp-block-image aligncenter size-full is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/04/c3993b64512e6b915adaf17e65ccf0cb.jpg" alt="" class="wp-image-19276" style="object-fit:cover"/></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>この3つの要素の中で、言葉や文字を伝える為に使われるのが書体ですね。言語情報です。</p>
<p><!-- /wp:paragraph --></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 --></p>
<p><!-- wp:paragraph --></p>
<p>たいていの場合のデザイン制作物は、言語と非言語が混在している状態になっています。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>2つは全く違うものに思えますから、それぞれの特徴を知っておきたいですよね。これから、この言語と非言語について理解を深めて参りましょう。</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:heading --></p>
<h2 class="wp-block-heading">言葉とイメージの基礎知識</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:arkhe-blocks/dl --></p>
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span><a href="https://www.taniweb.jp/blog/marketing/19241/">脳の視覚情報処理について</a></span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/marketing/19241/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/marketing/19241/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>脳が文字と画像を理解するスピード</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19248/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19248/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>伝達スピード と 影響の度合い</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/marketing/19252/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/marketing/19252/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>文字と画像の情報量の違い</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19250/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19250/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>ミラーニューロンの心的効果</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19256/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19256/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></dl>
<p><!-- /wp:arkhe-blocks/dl --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">情報整理</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:arkhe-blocks/dl --></p>
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>デザインにおける情報整理</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19258/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19258/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></dl>
<p><!-- /wp:arkhe-blocks/dl --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">色の話</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:arkhe-blocks/dl --></p>
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>色の不思議</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/?p=19260","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/?p=19260
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>色の心理効果</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/20402/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/20402/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>皆が同じ色を見ているとは限らない</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/20465/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/20465/
</div>
</figure>
<p><!-- /wp:embed --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></dl>
<p><!-- /wp:arkhe-blocks/dl --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">文字の話</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:arkhe-blocks/dl --></p>
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>文字の話</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>デザインの際の禁則処理</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></dl>
<p><!-- /wp:arkhe-blocks/dl --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">レイアウト</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:arkhe-blocks/dl --></p>
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>基本のレイアウト</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>ネガティブスペースとガター</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>先人たちから学ぶデザインの定義</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dd --></p>
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></dd>
<p><!-- /wp:arkhe-blocks/dl-dd --></dl>
<p><!-- /wp:arkhe-blocks/dl --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">最後に</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:arkhe-blocks/dl --></p>
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span>先人たちから学ぶデザインの定義</span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></p>
<p><!-- wp:arkhe-blocks/dl-dt --></p>
<dt class="ark-block-dl__dt"><span></span></dt>
<p><!-- /wp:arkhe-blocks/dl-dt --></dl>
<p><!-- /wp:arkhe-blocks/dl --></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":19494} /--></p>
<p>投稿<a href="https://www.taniweb.jp/blog/marketing/19246/">デザインの前に読んで欲しい！言葉とイメージの基礎知識</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="544" height="540" src="https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de.png" 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/04/1e6b5873cfb89d9e327b6d507ce131de.png 544w, https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de-300x298.png 300w, https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de-55x55.png 55w" sizes="auto, (max-width: 544px) 100vw, 544px" /></p><!-- wp:heading -->
<h2 class="wp-block-heading">発注される側の方、WEB担当者、デザイン初学者の方に</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>ここまで、WEBサイトを企画する時のお話を記事に綴ってまいりました。いよいよ、ここからはデザインの話へ移ります。</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:paragraph -->
<p>プロじゃないけれども、チラシやバナーを制作する機会が多い方。突然、通販担当になってしまった方はもちろん、独学でデザインを勉強なさってる方も参考にして頂けると思います。</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">デザインの基本とは</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":19276,"scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-vk-image-photoFrame"} -->
<figure class="wp-block-image aligncenter size-full is-style-vk-image-photoFrame"><img src="https://www.taniweb.jp/wp/wp-content/uploads/2025/04/c3993b64512e6b915adaf17e65ccf0cb.jpg" alt="" class="wp-image-19276" style="object-fit:cover"/></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>この3つの要素の中で、言葉や文字を伝える為に使われるのが書体ですね。言語情報です。</p>
<!-- /wp:paragraph -->

<!-- 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 -->

<!-- wp:paragraph -->
<p>たいていの場合のデザイン制作物は、言語と非言語が混在している状態になっています。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>2つは全く違うものに思えますから、それぞれの特徴を知っておきたいですよね。これから、この言語と非言語について理解を深めて参りましょう。</p>
<!-- /wp:paragraph -->

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

<!-- wp:heading -->
<h2 class="wp-block-heading">言葉とイメージの基礎知識</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/dl -->
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span><a href="https://www.taniweb.jp/blog/marketing/19241/">脳の視覚情報処理について</a></span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/marketing/19241/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/marketing/19241/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>脳が文字と画像を理解するスピード</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19248/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19248/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>伝達スピード と 影響の度合い</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/marketing/19252/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/marketing/19252/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>文字と画像の情報量の違い</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19250/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19250/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>ミラーニューロンの心的効果</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19256/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19256/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd --></dl>
<!-- /wp:arkhe-blocks/dl -->

<!-- wp:heading -->
<h2 class="wp-block-heading">情報整理</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/dl -->
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>デザインにおける情報整理</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/19258/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/19258/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd --></dl>
<!-- /wp:arkhe-blocks/dl -->

<!-- wp:heading -->
<h2 class="wp-block-heading">色の話</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/dl -->
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>色の不思議</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/?p=19260","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/?p=19260
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>色の心理効果</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/20402/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/20402/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>皆が同じ色を見ているとは限らない</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:embed {"url":"https://www.taniweb.jp/blog/20465/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/blog/20465/
</div></figure>
<!-- /wp:embed --></dd>
<!-- /wp:arkhe-blocks/dl-dd --></dl>
<!-- /wp:arkhe-blocks/dl -->

<!-- wp:heading -->
<h2 class="wp-block-heading">文字の話</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/dl -->
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>文字の話</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>デザインの際の禁則処理</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></dd>
<!-- /wp:arkhe-blocks/dl-dd --></dl>
<!-- /wp:arkhe-blocks/dl -->

<!-- wp:heading -->
<h2 class="wp-block-heading">レイアウト</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/dl -->
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>基本のレイアウト</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>ネガティブスペースとガター</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></dd>
<!-- /wp:arkhe-blocks/dl-dd -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>先人たちから学ぶデザインの定義</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dd -->
<dd class="ark-block-dl__dd ark-keep-mt--s"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></dd>
<!-- /wp:arkhe-blocks/dl-dd --></dl>
<!-- /wp:arkhe-blocks/dl -->

<!-- wp:heading -->
<h2 class="wp-block-heading">最後に</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/dl -->
<dl class="ark-block-dl"><!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span>先人たちから学ぶデザインの定義</span></dt>
<!-- /wp:arkhe-blocks/dl-dt -->

<!-- wp:arkhe-blocks/dl-dt -->
<dt class="ark-block-dl__dt"><span></span></dt>
<!-- /wp:arkhe-blocks/dl-dt --></dl>
<!-- /wp:arkhe-blocks/dl -->

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

<!-- wp:block {"ref":19494} /--><p>投稿<a href="https://www.taniweb.jp/blog/marketing/19246/">デザインの前に読んで欲しい！言葉とイメージの基礎知識</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></content:encoded>
					
		
		
				    <image><url>https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de.png</url></image>
    <thumb><url>https://www.taniweb.jp/wp/wp-content/uploads/2025/04/1e6b5873cfb89d9e327b6d507ce131de-55x55.png</url></thumb>
	</item>
	</channel>
</rss>
