人の視線というのは適当な順序でモノを見ているわけではなく、「特定の順序」に沿って動いています。

この視線の動きを無視してデザイン制作を行なうと、情報が上手く伝わらなかったり、読み手にストレスを与えるデザインになってしまいます。

そんな人の視線の動きを意図的にコントロールし、伝えたい情報へ誘導するテクニックの事を「視線誘導」と言います。

今回の記事ではデザイン制作で役に立つ、「視線誘導の基礎とテクニック」について丁寧に解説していきます。

KT

この記事は以下のような方にお勧めです！

• 情報が上手く伝わらないとお困りの方
• どこのどんな情報を配置すれば良いか分からない方
• 視線誘導の基礎を学びたい方

この記事を読んで「視線誘導の基礎とテクニック」を活用する事で、情報が的確に伝わるクオリティの高いデザイン制作が出来るようになります。

それではどうぞ！

はじめに

冒頭でも述べましたが、視線誘導とは「人の視線の動きを意図的にコントロールし、伝えたい情報へ誘導する事」を指します。

デザイナーが読み手の視線を適切に誘導出来れば、デザイン内の見て欲しい情報を過不足なく伝える事が出来ます。読み手側としても、デザイン上にある情報をストレス無く見る事が出来ます。

つまり視線誘導は「デザイナー」と「読み手」の両者にとってメリットのある手法と言えます。

その視線誘導を意識したデザインのテクニックには、「レイアウトの型による視線誘導」と「情報に変化を付ける事による視線誘導」があります。

■レイアウトの型による視線誘導
・グーテンベルク・ダイアグラム
・Z型
・F型
・N型

■情報に変化を付ける事による視線誘導
・大きさ
・太さ
・同形
・同色
・数字
・人物の目線

それではそれぞれの特徴について詳しく見て行きましょう！

レイアウトの型による視線誘導

人は特定のレイアウトの型で構成されたデザインを見た時に、「無意識に一定の視線の動き」をとります。

「レイアウトの型による視線誘導」は、その視線の動きを利用した視線誘導のテクニックとなります。

特定の順序で視線が動いて行くので、視線の導線上に見て欲しい重要な情報を配置するのが効果的です。

ここでは代表的な「グーテンベルク・ダイアグラム」・「Z型」・「F型」・「N型」についてご紹介致します。

グーテンベルク・ダイアグラム

「グーテンベルク・ダイアグラム」は見る対象を4つの領域に分割して考えます。

「同じ種類の均等に配置された情報」を見る際に、通常「①左上」を最初に見て、中央を通りながら「④右下」へ視線が動いていきます。

このような視線の動きを表したものを「グーテンベルク・ダイアグラム」と呼びます。

均一に並んだWEBサイトや印刷物などでは、重要な情報を「①左上」「④右下」の斜めラインに配置するのが効果的です。

一方「②右上」「③左下」に見て欲しい情報を配置すると、読み飛ばされてしまう可能性があるので注意が必要です。「②右上」「③左下」の視線を誘導したい場合は、後述する「情報に変化を付ける事による視線誘導」のテクニックを差し込むなどの工夫が必要です。

Z型

文字が横組みで構成された「WEBサイトのトップページ」や「バナー広告」などを見る際に、アルファベットの「Z」の様に「①左上」→「②右上」→「③左下」→「④右下」の順に視線が動いていきます。

このような視線の動きを表したものを「Z型」と呼びます。

視線が「①左上」と「④右下」で止まるのが特徴で、そこに重要な情報を配置するのが効果的です。

例えば、最も目立たせたい情報(タイトルなど)を「①左上」に配置し、行動を促す情報(購入ボタンなど)を「④右下」に配置しましょう。

グーテンベルク・ダイアグラムと似ていますが、視点が止まるポイントが何箇所かあるのが大きな違いです。

一目で全体を把握させたいデザインの場合に、効果的なレイアウトと言えます。

F型

リスト型の構成や左側にメニューが配置されている「ブログ」や「ECサイト」などを見る際に、アルファベットの「F」の様に「①左上」→「②右上」→「③左下」→「④右下」→「⑤再度左下～」の順に視線が動いていきます。

このような視線の動きを表したものを「F型」と呼びます。

左側に配置された内容を軸として、左から右への移動を下へ何度も繰り返すのが特徴です。

一番上に重要な情報を配置すると効果的ですが、下に行くにつれて内容が読み飛ばされてしまうという欠点が有ります。その為、「下よりも上」・「右よりも左」へ重要な情報を配置しましょう。

文字の情報量が多い場合に、効果的なレイアウトと言えます。

N型

日本語の縦書きで構成された「雑誌」や「新聞」を見る際に、「①右上」→「②右下」→「③左上」→「④右下」の順に視線が動いていきます。

このような視線の動きを表したものを「N型」と呼びます。

右上が一番最初に見られるので、見出しなどの優先度が高い情報は右上に配置すると効果的です。

しかし、WEB媒体ではほとんど使用出来ない為、注意が必要です。

日本語の縦書きの文章を多用する場合に、効果的なレイアウトと言えます。

情報に変化を付ける事による視線誘導

「レイアウトの型による視線誘導」が無意識に人がとる視線の動きを利用するのに対し、「情報に変化を付ける事による視線誘導」は配置する情報に強弱をつけたり規則性を持たせる事で、意図的に人の視線を誘導するテクニックとなります。

ここでは代表的な「大きさ・太さ」・「同形・同色」・「数字」・「人物の視線」についてご紹介致します。

大きさ・太さ

人の視線は「大きいものから小さいもの」・「太いものから細いもの」へ移動する習性があります。

見て欲しい重要な文字や画像などの情報は、他の情報よりも大きく太く配置するのが効果的です。

前述したZ型などの「レイアウトの型」に沿って「大→小」・「太い→細い」の順に情報を設置すると、伝わりやすいメリハリのあるデザインとなります。

同形・同色

人の視線は「同形・同色の文字や形」へ移動する習性があります。

特に均一に情報は配置されているレイアウトの場合、同形・同色の情報は一つのグループとして認識される為、デザインに統一感を出しつつ効果的に視線を集中させる事が出来ます。

数字

人の視線は「数字」が振られた情報を順番通りに追ってしまう習性があります。

情報が不規則に配置されたデザイン性のあるレイアウトだったとしても、情報に数字を振る事で順序が明確になり、効果的に視線を誘導する事が出来ます。

注意点としては、予測した先に予測した数字が無いと読み手に混乱とストレスを与えてしまうので、デザイン性と見やすさのバランスを取るのが大切です。

人物の目線

人の視線は「人物の目線」が向いている方向を見てしまう習性があります。

人物やイラストの素材を使用する際には、その先に「最も伝えたい情報」を配置するのが効果的です。
また、イラストや動物の目線であっても同じ効果が有ります。

逆に目線が向いていない方向には視線が移る事は無い為、注意が必要です。

まとめ

今回の記事では「視線誘導の基礎とテクニック」について紹介してきました。

この「視線誘導」を理解しデザインに活用する事で、人の視線の流れを意図的にコントロールし、伝えたい情報へ誘導する事が出来るようになります。

デザイン内の見て欲しい重要な情報を過不足なく伝える為には、「視線誘導の基礎とテクニック」を正しく理解する事が重要です。ぜひ皆さんも「視線誘導」を意識して、制作活動に取り入れてみて下さい。

今回の記事は以上です。
最後まで読んで頂き有り難うございました！

良かったら別の記事も読んでみて下さい！

「こうゆう印象を与えたい」と思っていても、それとは不適切な色を使ってしまうなど、色を上手く使えていないケースが多いです。

この色が持つ効果の基本を知っていると、今後の色選びがスムーズになるだけでなく、デザインが読み手に与える印象をコントロール出来る様になります。

今回の記事では色を選ぶ際に役に立つ、「色が持つ効果」について丁寧に解説していきます。

KT

この記事は以下のような方にお勧めです！

• 色が持つ効果を知りたい方
• 色についての知識を深めたい方
• 目的や用途に応じた色の使い方を学びたい方

この記事を読む事で「色が持つ効果」を理解でき、デザインの目的に適した色選びが出来る様になります。

それではどうぞ！

はじめに

色を何色にするかで、そのデザインの印象はガラリと変わります。
なぜなら「色は読み手に様々な効果を与えている」からです。

今回は色が持つ6つの効果をご紹介します。

色が持つ効果を上手に使えれば、デザインのレベルを上げる事が出来ます！

それではそれぞれの特徴について詳しく見て行きましょう！

暖色と寒色

色にも「温度」があります。

見た時に暖かい印象を受ける赤色やオレンジ色などを、「暖色」と呼びます。一方、見た時に冷たい印象を受ける青色などを、「寒色」と呼びます。

このような色の温度は、色の3属性である「色相・明度・彩度」による影響を強く受けます。
「色相・明度・彩度」について分からない方は以下の記事で詳しく解説しているので、良かったら参考にして下さい。

【もう悩まない】色の３属性：色相・明度・彩度色

デザインの色を決める際に、「色の決め方や色の組み合わせ方が分からない」という方も多いはず。同じレイアウトやフォントを使用したデザインであっても、色１つで印象が大きく変わってしまうくらい、色は大事な要素となります。今回の記事ではそんな色の重要...

desaota.com

2025.03.10

「赤色に近い色相で、明度・彩度が高い明るい色」が暖かさを感じさせます。
「青色に近い色相で、明度・彩度が低い暗い色」が冷たさを感じさせます。

暖色は暖かさだけでなく、親しみやすさ、活気、明るさなどのイメージを喚起させます。
寒色も冷たさだけでなく、冷静、誠実、信頼などのイメージを喚起させてます。

一方、暖色や寒色のように温度を感じさせてない色を「中性色」と呼びます。緑色や紫色に近い色相で、組み合わせる色により暖色にも寒色にも変化していきます。

暖かさや活気を演出したい場合には暖色を使用し、清涼感や誠実さを演出したい場合には寒色を使用しましょう。

進出色と後退色

同じ大きさ、同じ距離にあるデザインでも、色の違いにより近くに見えたり、遠くに見えたり距離が変わって見える事があります。

近くに見える色を「進出色」と呼び、遠くに見える色を「後退色」と呼びます。

赤やオレンジなどの「暖色系は進出色」、青や紫などの「寒色系は後退色」と言われており、明るい色の方が暗い色より近くに見える傾向があります。

例えば「信号機」では、進出色である赤色を「停止」の意味として使用しています。これは遠くにいる人でも、「停止」をいち早く認識出来るようにする為です。また、狭い空間の壁紙には後退色である寒色系の色を使うと、空間をより広く演出する事が出来ます。

膨張色と収縮色

同じ大きさのデザインでも、色によって実際よりも大きく見えたり、小さく見えたりする事があります。

実際よりも大きく見える色を「膨張色」と呼び、小さく見える色を「収縮色」と呼びます。

膨張色の特徴としては明度の高い明るい色で、最も膨張して見える色は白色です。収縮色の特徴としては明度の低い暗い色で、最も収縮して見える色は黒色です。

身近な例を挙げると、白い服を来ていると大きく見えますが、黒い服を来ているとスマートに見えるなどが有名です。

重い色と軽い色

色には「重く見える」と「軽く見える」といった性質があり、色により重量感の印象を変える事が出来ます。

明度やトーン(明度と彩度の組み合わせ)が低い暗い色は「重く」見え、明度やトーン(明度と彩度の組み合わせ)が高い明るい色は「軽く」見えます。

「重厚感や権威性のあるデザインに仕上げたい時」は重たい色を、「軽い印象や優しさ、親しみやすさのあるデザインに仕上げたい時」は軽めな色を選びましょう。

また、重い色と軽い色を組み合わせる事で、デザインに安定感や緊張感を与える事が出来ます。

例えば「上側に軽く見える色・下側に重く見える色」を配置すればデザインに安定感を与える事が出来ます。逆に「上側に重く見える色・下側に軽く見える色」を配置すると、デザインに適度な緊張感と動きを与える事が出来ます。

硬い色と柔らかい色

色には「硬い色」と「柔らかい色」があります。

明度が低く寒色系の色は「硬く」見え、明度が高く暖色系の色は「柔らかく」見えます。彩度はどちらも低い傾向にあります。

厳格なイメージのある企業や商品のデザインには、黒や紺などの「硬い色」が適しています。一方、ベビー用品や女性向けの春物の商品のデザインについては、パステルカラーなどの「柔らかい色」が適しています。

彩度の高いビビットカラーは硬い印象を与えてしまうので、柔らかい印象を出したい時にはビビッドカラーよりもパステルカラーを選びましょう。

興奮色と鎮静色

色には「見ていると興奮してくる色」と「見ていると落ち着いてくる色」があります。

赤みの強い色で、明度と彩度が高い暖色系は「興奮色」と呼ばれます。一方、青みの強い色で、明度と彩度が低い寒色系は「鎮静色」と呼ばれます。

興奮色はSALE広告など、興奮させて購買意欲を掻き立てたい時に使うと効果的です。鎮静色はサプリメントのパッケージや癒し系のサロンのイメージカラーなど、人を落ち着かせてたい時に使うと効果的です。

まとめ

今回の記事では「色が持つ効果」を紹介してきました。

この「色が持つ効果」を理解する事で、今後の色選びがスムーズになるだけでなく、デザインが読み手に与える印象をコントロール出来る様になります。

デザインに適した色を選ぶ為には、「色が持つ効果」を正しく理解する事が重要です。ぜひ皆さんも「色が持つ効果」を意識して、制作活動に取り入れてみて下さい。

今回の記事は以上です。
最後まで読んで頂き有り難うございました！

良かったら別の記事も読んでみて下さい！

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

今回の記事では文字を選ぶ時に役に立つ「フォントの基礎」について、ものすごく分かりやすく解説していきます。

KT

この記事は以下のような方にお勧めです！

• 何となく感覚でフォントを選んでいる方
• フォント選びに自信がない方
• 明朝体やゴシック体などの意味がわからない方
• フォントについてもっと知りたい方

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

それではどうぞ！

はじめに

「フォント」は大きく分けると「和文」と「欧文」に分類する事が出来ます。

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

一見種類が多そうに思えますが、「明朝体とセリフ体」・「ゴシック体とサンセリフ体」・「筆記体とスクリプト体」の特徴には多くの共通点があります。

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

明朝体・セリフ体

ゴシック体・サンセリフ体

筆記体・スクリプト体

注意点

「英数字」を入力する際は「欧文」を使いましょう！

和文のフォントにも「アルファベットや数字などの欧文」も登録されているため、入力自体は可能です。

しかしながら、「和文フォントで欧文(アルファベットや数字)を入力した場合、文字間のバランスが悪くなり不格好なデザイン」となってしまいます。

一方、「欧文フォントは元から欧文(アルファベットや数字)が美しく見えるように文字間が調整されている」ため、手を加えなくてもバランスの取れた文字を入力する事が可能です。

特に和文の文章の中に欧文(アルファベットや数字)が入る場合、そこに欧文フォントを使うだけでバランスがと取れた美しいデザインとなります。

その為、「アルファベットや数字」を入力する際は可能な限り欧文のフォントを使用しましょう！

沢山のフォントを使わない！

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

その為、使用するフォントの数を「2～3個」に絞る事で、デザインに統一感を出す事が出来ます。

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

まとめ

今回の記事では「フォントの基礎」を紹介してきました。

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

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

今回の記事は以上です。
最後まで読んで頂き有り難うございました！

良かったら別の記事も読んでみて下さい！

今回の記事ではそんな色の重要な基礎となる「色の３属性」について、丁寧に解説していきます。

KT

この記事は以下のような方にお勧めです！

• 色を決める際に悩んでしまう方
• 色の組み合わせ方が苦手な方
• 色の基礎を学びたいが何から学んで良いか分からない方

この記事を読む事で「色の３属性」を理解でき、デザイン制作時に必要な色の基礎知識を身に付けることが出来る様になります

それではどうぞ！

はじめに

「色の3属性」とは、「色相・明度・彩度」を表します。

色は「色相・明度・彩度」から成り立っており、これらを組み合わせる事で、数多くの色を作り出せます。「色の3属性」を正しく理解する事が、色を使いこなす為の基礎となります。

それでは各属性の内容について詳しく見て行きましょう。

色相

色相とは「赤、青、緑、黄色」などの色味を指します。

色相環

「赤→橙→黄→緑→青→紫」等へ、色相が変化していく状況を円で表現したものを「色相環」と呼びます。この「色相環」の色同士を組み合わせることで、効果的な配色を行えます。

特に「類似色」「補色」「反対色」を意識してみましょう。

類似色

色相環で隣り合う色を「類似色」と呼びます。色相が似ているため、まとまりやすく特に統一感を出したい時に有効な配色となります。

補色

色相環で反対側に位置する色のことを「補色」と呼びます。正反対の色同士のため、目に留まりやすくお互いの色を際立たせる効果があります。

反対色

色相環で補色よりも少し元も色に近い色を「反対色」と呼びます。
補色よりも調和が取れやすいという特徴があります。

明度

色の明るさのことを「明度」と呼びます。

最も明度が高い色は白色、最も明度が低いのが黒色となります。
白色に近づくほど明度は高く、黒色に近づくほど明度は低くなります。

「柔らかい、しなやか、軽い、優しい」といったイメージを出したい時には明度の高い色を使用して、「厳格、重厚、がっしり」といったイメージを出したい時には明度の低い色を使用するのがお勧めです。

彩度

色の鮮やかさのことを「彩度」と呼びます。

彩度が高いと「鮮やかな色」となり、彩度が低いと「くすんだ色」になります。最も鮮やかな色を「純色」と呼び、グレーや白黒などの色味のないモノトーンカラーを「無彩色」と呼びます。純色に近づくほど彩度が高く、無彩色に近づくほど彩度は低くなります。

「インパクトを出したい時」には彩度の高い色を使用して、「見ていて疲れない落ちついた雰囲気を出したい時」には彩度の低い色を使用するのがおすすめです。

トーン

明度と彩度の変化を組み合わせた色の度合いを「トーン」と呼びます。

「明度×彩度＝トーン」の構図で表す事が出来、同じ色相であってもトーンによって色合いや印象は大きく変わってきます。

配色を考える際には「同じトーン同士の色相」を組み合わせると、調和の取れたまとまった印象の配色が可能となります。

まとめ

今回の記事では「色の３属性」を紹介してきました。

この「色の３属性」である「色相・明度・彩度」を意識することで、デザイン制作時に必要な色の基礎知識を身に付けることが出来る様になります。

デザインの色を決める上で「色の３属性」を理解する事は大切です。ぜひ皆さんも「色の３属性」を意識して、制作活動に取り入れてみて下さい。

今回の記事は以上です。
最後まで読んで頂き有り難うございました！

良かったら別の記事も読んでみて下さい！

KT

この記事は以下のような方にお勧めです！

• デザインに自信がない方
• 伝えたい事が伝わらないと悩んでいる方
• デザインの基礎を身につけたいと思っている方

この記事を読む事で「デザインの4原則」を理解でき、どんなデザイン制作の場においても応用が可能となります。

それではどうぞ！

はじめに

「デザインの4原則」とは、「近接・整列・対比・反復」のことを指します。

デザインにおいて「情報を適切に伝えるためのルール」のようなもので、この4つの原則を意識して制作を行うことで「より分かりやすく伝わるデザイン」になります。

誰でも簡単に取り入れることができ、デザイン全般で使用可能となります。それでは各原則の内容について詳しく見て行きましょう！

近接

・「近接」とは
関連する情報や要素を近づけ、グループ化する事です。

・なぜ近接が必要なのか
人は無意識に近くにあるものを「関係のあるもの」と認識します。
一方、複数の情報がバラバラに配置されていると「関係のないもの」と認識してしまいます。
その為、関連する情報を近づけてまとめる事で、直感的に理解し易いデザインにする事が出来ます。

example

「関連のある情報同士を近づけてグループ化」を意識して近接を試してみて下さい！

整列

・「整列」とは
デザインに使用する情報や要素を、一定のルールを基に揃える事です。

・なぜ整列が必要なのか
人の目は「少しのズレ」に対しても敏感で、規則正しく揃っているものを「美しい」と感じます。
一方、揃っていないデザインには違和感を感じます。
その為、一定のルールを基に各情報を揃える事で、「統一感」のある美しいデザインに仕上げる事が出来ます。

example

「一定のルールを基に揃える」を意識して整列を試してみて下さい！

対比

・「対比」とは
デザイン上で特に伝えたい情報の大きさや色に強弱をつけて、「何を伝えたいのか」を明確にする事です。

・なぜ対比が必要なのか
デザイン上で「伝えたい重要な情報」と「それ以外」とで明確な区別がある場合、直感的に強調されている箇所に視線が誘導されます。
一方、明確な区別がない場合、「伝えたい情報が上手く伝わらない」可能性が高くなります。
その為、情報に優先度をつけ意図的に差を作り出す事で、メリハリのある伝わりやすいデザインが可能となります。

example

「伝えたい情報に差をつける」を意識して対比を試してみて下さい！

反復

・「反復」とは
複数の文字や画像、図形について「一定のデザインルール」を決め、その特徴を繰り返し使用して「デザインに一貫性」を持たせる事です。

・なぜ反復が必要なのか
同じデザイン上にある情報同士が、同じルールを基に繰り返しレイアウトや装飾がされていると、まとまりが生まれ「情報が伝わりやすく」なります。
一方、異なるルールを基にレイアウトや装飾がされていると、ごちゃごちゃした伝わりにくい印象となります。
その為、「一定のデザインルール」を決めて繰り返し使う事で、一貫性のある伝わりやすいデザインにする事が可能となります。

example

「一定のデザインルール」を決めて繰り返し使うを意識して反復を試してみて下さい！

まとめ

今回の記事では「デザインの4原則」を紹介してきました。

この「情報を適切に伝えるための4つの原則」を意識して制作を行う事で、「より分かりやすく伝わるデザイン」になります。

基礎中の基礎といっても過言ではない「デザインの４原則」を理解する事は大切です。ぜひ皆さんも「デザインの４原則」を意識して、制作活動に取り入れてみて下さい。

今回の記事は以上です。
最後まで読んで頂き有り難うございました！

良かったら別の記事も読んでみて下さい！

私も初心者の頃は漠然とパソコンに向きあい、作業が進まないまま時だけが過ぎていくという経験をしてきました。

そんな中、デザイン制作の流れを工程ごとに整理しその工程ごとに制作を進めていく事により、格段に作業効率が上がりました。

その経験をもとに、今回の記事では「デザイン制作の流れ」について丁寧に解説していきます。

KT

この記事は以下のような方にお勧めです！

• これからデザイン制作をはじめようと思っている方
• デザインに苦手意識を持っている方
• デザイン制作について何から手をつけたら良いのか分からない方

この記事を読む事で「デザイン制作の全体の流れ」を理解でき、デザイン制作を効率的に行う事が出来るようになります。

それではどうぞ！

はじめに

「デザイン制作の流れ」とは、「案件の受注後～納品」までのデザイン制作に関わる各工程の事です。

「デザイン制作の流れ」を理解する事で、各工程事でやるべき事が明確になると共に、制作の効率も格段に上げる事が出来ます。

デザイン制作の流れは大きく以下のように分けることが出来ます。

それでは各ステップの内容について詳しく見て行きましょう。

ステップ1：目的の明確化

・「目的の明確化」とは
お客様が今回の依頼(デザイン)を通じて、「どのような目的を成し遂げたいのか」について明確にする事です。

・なぜ目的を明確にすることが必要なのか
「デザインとは目的を達成する為の手段」であり、「目的＝ゴール地点」が明確ではないと正しいデザインが出来ない為です。

デザイナーの自己満足のデザインにならない為にも、目的を明確にする事が必要となります。

ステップ2：情報の整理

・「情報の整理」とは
依頼内容を「いつ、どこで、誰が、何をするのか。それをどのような手段で伝えたいのか。」という項目に情報を整理することです。

・なぜ情報を整理することが必要なのか
情報を項目ごとに整理する事により、依頼内容への理解がより深まる為です。

KT

直ぐに制作に取り掛かりたくなる気持ちを抑えて、一旦情報を整理すると目指すべき方向性がより明確になるよ!
※以下に簡単な具体例を載せとくので、良かったら参考にしてね※

【DM制作の場合の情報の整理例】

ex)「今週の日曜日に、渋谷で、アパレル会社が、展示会を行うので、DMで集客したい」

【ポスター制作の場合の情報の整理例】

ex)「来月、テレビで、芸能人が、特番を行うので、ポスターで告知したい」

ステップ3：レイアウトを決める

・「レイアウトを決める」とは
「文字・文章・写真・図形などの情報を何処にどのように配置するか」について決める事です。

・なぜレイアウトを決める事が必要なのか
大まかでもレイアウトを決めることで事で、「情報を何処にどのように配置すれば良いのか」がより明確になる為です。

ステップ4：フォント・カラー・装飾

・「フォント・カラー・装飾」とは
デザインに使用する「文字のフォント」・「背景・各要素の色」・「追加で加える装飾」を決める事です。
大枠の構成はステップ３で既に完成しているので、細部を整えていく最後の仕上げになります。

・なぜフォント・カラー・装飾が必要なのか
文字のフォントや各要素の配色によって、デザインの印象は大きく左右されます。
「演出したい雰囲気」・「訴求したいポイント」などは、「フォント・カラー・装飾」により最終的に作り込んで行きます。

ステップ5：納品

・「納品」とは
作成したデザインをデータ化してお客様へ提出する事です。
依頼内容により「納品データの種類」は異なるため、予めお客様と擦り合わせを行っておきましょう。

※納品前の制作物につきましてはお客様へ確認を行い、事前に修正対応については終わらせておきましょう※

KT

納品形式には以下のような形式があるよ！

・イラストレーター形式

・フォトショップ形式

・JPEG形式

・PNG形式
・PDF形式

まとめ

今回の記事では「デザイン制作の流れ」を紹介してきました。

「案件の受注後から納品」までの流れを理解する事で、各工程事でやるべき事が明確になると共に、制作の効率も格段に上ります。

「デザイン制作の流れ」する事は大切です。ぜひ皆さんも「デザイン制作の流れ」を理解して、制作活動に取り入れてみて下さい。

今回の記事は以上です。
最後まで読んで頂き有り難うございました！

良かったら別の記事も読んで下さい！