【超簡単】初心者がたった3つの手順でプロのデザインをするコツ

【超簡単】初心者がたった3つの手順でプロのデザインをするコツ




PhotoshopやCanvaは使えるけど、デザインすると素人っぽくなってしまう。毎回同じデザインになってしまって中々上達しない。

今回は初心者の方でも(デザイン歴0日の方でも!)今すぐ使える「3ステップでプロっぽい仕上がりになる」デザインの手順とコツを3パターン紹介します。

 

  • 初心者だけどプロっぽいデザインをしたい
  • 目を引くデザインで集客上げたい
  • デザインをキレイにしてブランディングしたい
  • 難しい事はせずにパパっと簡単に綺麗なデザインがしたい
  • デザインに時間を掛けたくない!けどダサいデザインは嫌だ
  • とにかくデザインが上達するコツが知りたい

 

今回紹介するデザインコツは、今すぐ実践出来る超簡単な方法なので、上記に当てはまる方、初心者の方は是非、この記事を参考にしてデザインコツを掴んでみて下さい。

記事の下部にはデザインのコツを盛り込んだ「テンプレート」も用意しています♪是非ご活用下さい!




初心者がデザインをする時のコツ~実践編~

まず始めに初心者デザインを行う際のコツです。紹介する3つのポイントは最低限押さえたいデザインのコツです。

しかしこれさえ抑えればOK!という部分。プロのデザイナーがデザインする際もベースはこの3つのポイントになります。

デザインのコツ1.フォントの強弱をつける

初心者がたった3つの手順でプロのデザインをするコツ01

1つ目はバナーやアイキャッチをデザインする時の文字の大きさについてのコツです。

バナーやアイキャッチには少なからず「テキスト」が入ります。このテキストの要素はメインとサブ的な要素の物が存在し、その2つ(もしくは2つ以上)のテキストに対して強弱をつける事が大切。

筆者みっこ
全部同じ大きさの文字だと、何が言いたい事なのか、分かりづらいよね~

 

デザインのコツ!文字の強弱の鉄則

メインのテキストに対して、サブ的な要素のものは50~60%のサイズにしましょう。

例えば、メインタイトルが50ptの場合、サブタイトルのテキストは25~30pt位がベストです。

更に細かい部分を言うと、一文の中で強弱をつける事もプロっぽいデザインコツになってきます。

例えば接続詞を小さくしたり、強調させたい部分を大きくしたり、一文の中でも文字に大小をつけるとデザインが垢抜けます。


デザインの文字組のコツに関する関連記事も沢山あります♪▼

シンプルでお洒落な日本語フリーフォント厳選15個!即ダウンロード可♪

2019.03.08

事例で解説!デザインにおけるフォントの選び方【デザイン初心者向け】

2019.02.04

文字数別!アイキャッチの文字組の参考例をご紹介

2018.09.13

超簡単テク!文字の装飾に使えるデザインのアイディア10選と方法を紹介

2018.09.07

真似するだけでOK!デザインがキマる!超簡単で綺麗な文字組みの参考例10選

2018.08.27

 


デザインのコツ2.色のバランスを意識する

初心者がたった3つの手順でプロのデザインをするコツ02

テキストに使用する文字の色の組み合わせも重要なデザインのコツです。

反発してしまうような合わない色の組み合わせや、複数色を使った色の組み合わせは避け、視覚的に綺麗に見える、もしくは印象が残るようなカラー選びを心がけましょう。

とは言え、デザイン初心者の方は「良い色の組み合わせってイマイチ分からない」という方も多いと思います。

そんな時におすすめなのが、Color huntやAdobe color CC等のカラーパレットツール。適切で綺麗な色の組み合わせは複数提案してくれるので、これをスポイトでとって使用すれば悩む事なくプロの色合いを出す事が出来ます。

デザインのコツ!色バランスの鉄則

デザインをする際に、色のバランスや組み合わせに迷ったらカラーパレットツールを活用しよう!

素人でもOK!デザインの色の組み合わせは「無料のカラーパレットツール」を使おう

2018.11.10

 

デザインのコツ3.文字を読みやすくする

初心者がたった3つの手順でプロのデザインをするコツ03

最後のコツが「文字を読みやすくする」です。

特にバナーやアイキャッチのデザインの主役は「テキスト」です。このテキストに何が書いてあるの分からない状態ではデザインの意味を果たしません。

デザインに載っている文字は読みやすくするように心がけましょう。文字に影響しない背景を選ぶのが一番簡単な近道ですが、どうしても使いたい背景画像がある場合は

文字に光彩をつける、文字の背面にボックスを敷く等して工夫すると良いでしょう。

デザインのコツ!文字の読みやすさ鉄則

出来るだけ文字に影響しないようなシンプルな背景を選ぶ。

背景のせいでどうしても見にくくなってしまう場合は文字に効果(光彩やドロップシャドウ)をかけるor背面にボックスを敷く。

 

以上が初心者でも中堅者でもプロでも気をつけるべきデザインコツ3つです。

このコツをベースに考えてデザインを行っていくと一気に垢抜けたデザインをする事が出来ます。

自分の得意なデザインパターンを見つけよう

初心者がたった3つの手順でプロのデザインをするコツ04

デザインの数をこなして行くと、「自分が得意なデザイン」と「苦手なデザイン」が何となく分かってきます。

この場合、苦手な部分を強化していくのも良いですが、初心者の場合は「得意なデザインを更に伸ばしていく」方がおすすめです。

何故かと言うと、1パターンでも得意なデザインがあれば、それを応用する事でデザインの幅を広げる事が出来るからです。

デザイン構成のテンプレ化すれば効率アップ

特にアイキャッチ画像等をデザインする時のコツとして、デザインをいくつかのパターンでテンプレート化してしまえば、毎回迷う事が無いのに加え、サイト全体のデザインが統一してキレイに見せる事も可能です。

また、デザインをテンプレート化すれば、文字組みもテンプレートにする事が出来ます。

この文字組はデザインにおいて非常に重要なポイントを占めているので、文字組のテンプレを自分の中でいくつか持っているだけで様々なデザインに流用する事が出来ます。

 

初心者におすすめのコツをつかみ易いデザインパターン3つ

では最後に、初心者でも簡単にデザインのコツをつかめるように、汎用性の高いデザインのパターンを3つ紹介致します。

デザインのコツを掴むパターン1

初心者がたった3つの手順でプロのデザインをするコツ05

汎用性の高い、枠組みを使ったデザインです。

  1. カンバスの内側に枠組みをつけ
  2. テキストを配置
  3. 最後にアイコンや仕切り線等の装飾する

という3ステップで完成する簡単ですがシンプルで見やすいデザインのパターンです。

背景は白でも、パターンでも写真でも何でもOKです。

初心者がたった3つの手順でプロのデザインをするコツ06
Check!お役立ち情報
アイコンはフリーのICOOON MONOさんやFLAT ICON DESIGNさんがおすすめです!

デザインのコツを掴むパターン2

初心者がたった3つの手順でプロのデザインをするコツ07

使用したい写真がある時や、バナーやアイキャッチを賑やかに見せたいときにおすすめなのがこのパターンです。

  1. 写真をカンバスに対して1/3程度の多きさで配置
  2. タイトルやサブタイトルを配置
  3. アイコンやロゴ、仕切り線等を配置

こちらも3ステップで完成!

初心者がたった3つの手順でプロのデザインをするコツ08
Check!プロ技伝授
画像を配置した際に、背景との間に横幅1pxの縦線(線のシェイプ)を入れるとプロっぽくなります!

デザインのコツを掴むパターン3

初心者がたった3つの手順でプロのデザインをするコツ09

最後のデザインパターンは、どんな背景でもOKな仕様になっています。

先述した通り、文字の読みやすさはデザインのコツの中でも非常に大切な部分になります。3パターン目のように背景画像の上にボックスを敷いてしまえばどんなにゴチャゴチャした画像でも文字を読みやすくする事が出来ます。

  1. 背景画像の上に透過させた長方形シェイプを配置
  2. テキストを配置
  3. ロゴやアイコン等の装飾をする
初心者がたった3つの手順でプロのデザインをするコツ10

デザインのコツが詰まったPhotoshopテンプレートをダウンロードしよう

今回、最後まで読んで頂いた方に上記の3つのデザインパターンが入ったPhotoshopの元データをプレゼント致します。

Photoshopデータについて

  • PhotoshopCCを使用して制作しています。
  • 各パターンごとにグループになっています。
  • フォントは游ゴシックを使用しています。フリーフォントであれば源真ゴシックやメイリオ等で代用可です。
  • こちらのテンプレートを使用したデザイン販売はご遠慮ください。

※Dropboxへのログイン画面が出ますが、無視して左上のダウンロードボタンからダウンロード出来ます。

\是非ご活用下さい♪/

まとめ┃デザインのコツを掴むのは初心者でも簡単!

初心者でもデザインはコツさえつかめば、一気に成長する事が出来ます。

しかもデザインのコツは決して難しいものではなく、知っているか知っていないかだけの違い。今まで「何かデザインがうまく出来ないな?」と感じていた方は今回の記事を参考にデザインの制作をしてみて下さい。

この3つのコツを抑え、デザインのテンプレートを基に練習すれば、必ず上達すると思います。

筆者みっこ
一緒にデザイン上達に向けてがんばりましょう♪

スポンサーリンク




スポンサーリンク



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください