<?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>文字 | デザイン　オタク</title>
	<atom:link href="https://desaota.com/category/text/feed/" rel="self" type="application/rss+xml" />
	<link>https://desaota.com</link>
	<description></description>
	<lastBuildDate>Mon, 29 Sep 2025 12:57:53 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://desaota.com/wp-content/uploads/2023/11/cropped-favicon-32x32.png</url>
	<title>文字 | デザイン　オタク</title>
	<link>https://desaota.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【必見】文字選びで役に立つ！フォントの基礎知識を教えます！</title>
		<link>https://desaota.com/font/</link>
		
		<dc:creator><![CDATA[KT]]></dc:creator>
		<pubDate>Mon, 15 Jul 2024 13:42:49 +0000</pubDate>
				<category><![CDATA[文字]]></category>
		<guid isPermaLink="false">https://desaota.com/?p=787</guid>

					<description><![CDATA[デザインに文字を使用する際に、「フォントの数が多く何を選んで良いのわからない」という経験はありませんか？ 同じ文字でも使用するフォントによって印象が大きく変わる為、良いデザインには適切なフォント選びが重要です。 今回の記 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>デザインに文字を使用する際に、<span class="bold-red">「フォントの数が多く何を選んで良いのわからない」</span>という経験はありませんか？</strong></p>



<p>同じ文字でも使用するフォントによって印象が大きく変わる為、<strong>良いデザインには適切なフォント選びが重要</strong>です。</p>



<p><strong>今回の記事では文字を選ぶ時に役に立つ<span class="bold-red">「フォントの基礎」</span>について、ものすごく分かりやすく解説していきます。</strong></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon" style="--cocoon-custom-background-color:#efefef;--cocoon-custom-border-color:#efefef"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://desaota.com/wp-content/uploads/2023/11/icon.jpg" alt="KT" class="speech-icon-image"/></figure><div class="speech-name">KT</div></div><div class="speech-balloon has-background has-border-color has-key-color-background-color has-key-color-border-color">
<p>この記事は以下のような方にお勧めです！</p>



<ul class="wp-block-list">
<li>何となく感覚でフォントを選んでいる方</li>



<li><span class="fz-18px">フォント選びに自信がない方</span></li>



<li>明朝体やゴシック体などの意味がわからない方</li>



<li>フォントについてもっと知りたい方</li>
</ul>
</div></div>



<p><strong>この記事を読む事で<span class="red">「フォントの基礎」</span>を理解でき、制作するデザインに適したフォント選びに自信が持てるようになります。</strong></p>



<p>それではどうぞ！</p>




  <div id="toc" class="toc tnt-number-detail toc-center tnt-number_detail border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">はじめに</a></li><li><a href="#toc2" tabindex="0">明朝体・セリフ体</a></li><li><a href="#toc3" tabindex="0">ゴシック体・サンセリフ体</a></li><li><a href="#toc4" tabindex="0">筆記体・スクリプト体</a></li><li><a href="#toc5" tabindex="0">注意点</a></li><li><a href="#toc6" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">はじめに</span></h2>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1000" height="525" src="https://desaota.com/wp-content/uploads/2024/07/beginning-4.jpg" alt="" class="wp-image-807" srcset="https://desaota.com/wp-content/uploads/2024/07/beginning-4.jpg 1000w, https://desaota.com/wp-content/uploads/2024/07/beginning-4-300x158.jpg 300w, https://desaota.com/wp-content/uploads/2024/07/beginning-4-768x403.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p><strong>「フォント」</strong>は大きく分けると<strong><span class="bold-red">「和文」</span></strong>と<strong><span class="bold-red">「欧文」</span></strong>に分類する事が出来ます。</p>



<p><strong><span class="bold-red">「和文」</span></strong>とは漢字、ひらがな、カタカナといった<strong><span class="bold-red">日本語で使用される書体</span></strong>です。<br>一方、<strong><span class="bold-red">「欧文」</span></strong>とはアルファベット、数字、記号といった<strong><span class="bold-red">英語などで使用される書体</span></strong>となります。<br>さらに和文は<strong><span class="bold-red">「明朝体・ゴシック体・筆記体」</span></strong>、英文は<strong><span class="bold-red">「セリフ体・サンセリフ体・スクリプト体」</span></strong>に大きく分ける事できます。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-break block-box has-border-color has-light-blue-border-color">
<p><strong><span class="fz-18px"><span class="fz-20px">和文</span></span></strong><br>・日本語で使用される書体の総称<br>・明朝体、ゴシック体、筆記体<br><br><span class="fz-20px"><strong>欧文</strong></span><br>・英語などで使用される書体の総称<br>・セリフ体、サンセリフ体、スクリプト体</p>
</div>



<p>一見種類が多そうに思えますが、<strong>「<span class="marker-under-red">明朝体とセリフ体</span>」・「<span class="marker-under-red">ゴシック体とサンセリフ体</span>」・「<span class="marker-under-red">筆記体とスクリプト体</span>」</strong>の特徴には多くの共通点があります。</p>



<p>それぞれの特徴について分かりやすく整理したので、さっそく見て行きましょう！</p>



<h2 class="wp-block-heading"><span id="toc2">明朝体・セリフ体</span></h2>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="525" src="https://desaota.com/wp-content/uploads/2024/07/serif.jpg" alt="" class="wp-image-869" srcset="https://desaota.com/wp-content/uploads/2024/07/serif.jpg 1000w, https://desaota.com/wp-content/uploads/2024/07/serif-300x158.jpg 300w, https://desaota.com/wp-content/uploads/2024/07/serif-768x403.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-yellow-background-color has-amber-border-color">
<p><span class="fz-18px"><span class="fz-20px"><strong>特徴</strong></span></span><br>文字の角や端に「はね、はらい、セリフ」などの飾りがあり、線の太さが一定ではなく縦線より横線の方が細くなっています。その細くスッキリとした形状により、「可読性(読みやすさの度合い)が高い」という特徴があります。</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-blue-background-color has-light-blue-border-color">
<p><strong><span class="fz-20px">与える印象</span></strong><br>上品、フォーマル、高級感、繊細、女性的、伝統的、大人っぽさ、信頼感、スタイリッシュ</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-red-background-color has-pink-border-color">
<p><strong><span class="fz-20px">有効に使える場面</span></strong><br>小さな文字でも識別しやすく疲れにくいため、新聞や小説などの長文に適しています。また、「高級感、上品さ、綺麗め」といった印象のデザイン制作におすすめです。</p>
</div>



<h2 class="wp-block-heading"><span id="toc3">ゴシック体・サンセリフ体</span></h2>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="525" src="https://desaota.com/wp-content/uploads/2024/07/sans-serif.jpg" alt="" class="wp-image-870" srcset="https://desaota.com/wp-content/uploads/2024/07/sans-serif.jpg 1000w, https://desaota.com/wp-content/uploads/2024/07/sans-serif-300x158.jpg 300w, https://desaota.com/wp-content/uploads/2024/07/sans-serif-768x403.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-yellow-background-color has-amber-border-color">
<p><strong><span class="fz-20px">特徴</span></strong><br>文字の角や端に「はね、はらい、セリフ」などの飾りがなく、線の太さが均一です。その目立つ形状により、「視認性(認識のしやすさの度合い)が高い」といった特徴があります。</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color">
<p><span class="fz-20px"><strong>与える印象</strong></span><br>力強さ、安定、信頼感、男性的、モダン、カジュアル、フラット、無骨、シンプル、POP</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-red-background-color has-pink-border-color">
<p><strong><span class="fz-20px">有効に使える場面</span></strong><br>インパクトがあり視認性も高いので、見出しやタイトルに適しています。また、「力強さ、カジュアル、シンプル」といった印象のデザイン制作におすすめです。</p>
</div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-border-color has-light-green-border-color not-nested-style cocoon-block-label-box" style="--cocoon-custom-border-color:#8bc34a"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">豆知識</span></div><div class="label-box-content block-box-content box-content">
<p><strong>「sans(サン)」</strong>とはフランス語で<strong>「無い」</strong>という意味で、<strong>「サンセリフ(sans-serif)」とは「セリフがない」という意味になります。</strong></p>
</div></div>



<h2 class="wp-block-heading"><span id="toc4">筆記体・スクリプト体</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="525" src="https://desaota.com/wp-content/uploads/2024/07/script.jpg" alt="" class="wp-image-873" srcset="https://desaota.com/wp-content/uploads/2024/07/script.jpg 1000w, https://desaota.com/wp-content/uploads/2024/07/script-300x158.jpg 300w, https://desaota.com/wp-content/uploads/2024/07/script-768x403.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-yellow-background-color has-amber-border-color">
<p><strong><span class="fz-20px">特徴</span></strong><br>全体的に滑らかな曲線で描かれた、筆や手書きで書いたような書体です。明朝体よりも少し柔らかで、デザイン性があるのが特徴です。</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-blue-background-color has-light-blue-border-color">
<p><span class="fz-20px"><strong>与える印象</strong></span><br>ナチュラル、親しみやすい、軽い、しなやか、お洒落</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-text-color has-border-color has-cocoon-black-color has-watery-red-background-color has-pink-border-color">
<p><strong><span class="fz-20px">有効に使える場面</span></strong><br>装飾的で特徴的書体のため、カッコ良さを出すアクセントとして使用すると効果的です。レストランのメニューやブランド品などにも使用される事が多いです。</p>
</div>



<h2 class="wp-block-heading"><span id="toc5">注意点</span></h2>



<h4 class="wp-block-heading">「英数字」を入力する際は「欧文」を使いましょう！</h4>



<p>和文のフォントにも「アルファベットや数字などの欧文」も登録されているため、入力自体は可能です。<br><br>しかしながら、<strong><span class="bold-red">「和文フォントで欧文(アルファベットや数字)を入力した場合、文字間のバランスが悪くなり不格好なデザイン」</span></strong>となってしまいます。<br><br>一方、<strong><span class="bold-red">「欧文フォントは元から欧文(アルファベットや数字)が美しく見えるように文字間が調整されている」</span></strong>ため、手を加えなくてもバランスの取れた文字を入力する事が可能です。<br><br>特に和文の文章の中に欧文(アルファベットや数字)が入る場合、そこに欧文フォントを使うだけでバランスがと取れた美しいデザインとなります。</p>



<p>その為、<strong><span class="bold-red">「アルファベットや数字」を入力する際は可能な限り欧文のフォントを使用しましょう！</span></strong></p>



<h4 class="wp-block-heading"><br>沢山のフォントを使わない！</h4>



<p>一つのデザイン内で<strong>複数のフォントを使い過ぎると、全体的に統一感のない伝わらないデザイン</strong>になります。</p>



<p>その為、<strong><span class="bold-red">使用するフォントの数を「2～3個」に絞る事で、デザインに統一感を出す事が出来ます。</span></strong></p>



<p>フォントの数の絞り方が分からない方は、まずは<span class="bold-red">「<strong>見出し」・「本文」・「強調したい箇所」に使用するフォントを予め決めて、それ以外は使わないように意識してみましょう</strong>！</span></p>



<h2 class="wp-block-heading"><span id="toc6">まとめ</span></h2>



<p><strong>今回の記事では<span class="bold-red">「フォントの基礎」</span>を紹介してきました。</strong></p>



<p>この「フォントの基礎」を理解することで、デザイン制作において適切なフォント選びが出来る様になります。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-amber-border-color">
<p><strong><span class="fz-20px">フォントの基礎のまとめ</span></strong><br>■<span class="fz-18px">和文と欧文</span><br>・日本語で使用される書体と、英語などで使用される書体の総称<br>・和文の代表的な書体：明朝体、ゴシック体、筆記体<br>・欧文の代表的な書体：セリフ体、サンセリフ体、スクリプト体<br><br>■<span class="fz-20px"><span class="fz-18px">明朝体とセリフ体</span></span><br>・文字の角や端に飾りがあり、縦線と横線の太さに抑揚があるため上品で綺麗な印象<br>・可読性に優れており、長文での使用に適している<br><br>■<span class="fz-20px"><span class="fz-18px">ゴシック体とサンセリフ体</span></span><br>・縦線と横線の太さが均一で、力強い印象<br>・視認性に優れており、見出しやタイトルの使用に適している<br><br>■<span class="fz-20px"><span class="fz-18px">筆記体とスクリプト体</span></span><br>・筆や手書きで書いたようなデザインで、滑らかでお洒落な印象<br>・装飾的で特徴的な書体のため、カッコ良さを出すアクセントに適している</p>
</div>



<p>良いデザイン<span class="fz-18px">には適切なフォント選びが重要です。ぜひ皆さんも「フォントの基礎」を意識して、制作活動に取り入れてみて下さい。</span></p>



<p>今回の記事は以上です。<br><strong><span class="marker-under-red">最後まで読んで頂き有り難うございまし</span></strong><span class="marker-under-red"><strong>た</strong>！</span></p>



<p>良かったら別の記事も読んでみて下さい！</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
