今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン編)

今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン編)

thmb_02

さて第二弾となる企画として、今回はグラフィックデザイン編と題したデザインスキルについて
解説とスキルアップ方法について話していきます。
基本的にはWebデザインのスキルの中でUI/UXとグラフィックデザインがありますが理想なのはどちらもバランスよくできることです。このバランスができない人が多いのでどちらかに偏ったデザイナーが増えているような気がします。
では具体的にグラフィクデザインとはどんな事かと言うと、企業やサービスに使うロゴや写真を加工してバナーを作ったりすることを指します。主にWebデザイナーはバナーが多いような気がします。他にはロゴも多いけど、最近では撮影もできるWebデザイナーもいたり複数のスキルをハイブリッドとして引き受ける傾向があります。
そもそも、グラフィックデザイナーは印刷のデザイナーが主な仕事です。例えば名刺や雑誌のレイアウトなどもグラフィックデザインと言っても良いでしょう。Webデザイナーはそこから派生した職業みたいなものです。

使用ソフト

主にグラフィックソフトだとこの2つが主流ですね。僕はほとんどイラレ(illustrator)を使っています。比率で言うと8:2くらいの割合でイラレです。イラレは全ての作業に関して頻度が多いので個人的にWebやるならイラレの方が汎用性が非常に高いです。
ですのでイラレとフォトショを頑張ってまずは覚えましょう。
ソフト的な使い勝手ですが、イラレはレイアウトソフト、フォトショは写真などの素材を加工するソフトと考えてください。
主にみなさんはレイアウトしていくのが仕事です。

  • Adobe illustrator
  • Adobe Photoshop

Webデザイナーのバナー制作について

Webデザイナーに必要なのはいかにクリックしてもらえるバナーや効果を最大限に出せる内容を制作できるかどうかにかかっています。ポイントとしては誰がクリックするのかを知る、できるだけ訴求する文言は極力少なくする。記憶に残るような写真を使う。この3つに限ります。
ではより細かく説明していきましょう。

誰がターゲットのかを知る

Archivo base

バナー制作に限らず制作物には必ずターゲットというのがあります。これを知らずして制作物をつくのは無謀であり自己満足でしかありません。
では具体的にどこまでターゲットを知るか確認してみましょう。
ターゲットはバナーを見て反応する必要がありますので、バナーに関してターゲットどんな悩みを知るかというの大切です。
基本的に制作物というのはターゲットの悩みを解決する必要があるのです。これが普通と言えましょう。
なのでターゲットはどのような悩みを持っているかを知りましょう。
目的はクリックさせるということを忘れないでください。

情報量を少なくする理由

kishotenkets

グラフィックデザインだけではなく、ページに沢山の情報をクライアントは載せたがるけど、ページにおいて需要なのはユーザーに対してきいかに有益かどうかである。それ以外はクライアントの自己満足に過ぎないのだ。
わかりやすく言うと好きな人に告白するのに「好きです、付き合ってください」て言えばいいのに
「まずね、君の良いところなんだけど、料理が上手で、笑顔が素敵で、仕事もできて、趣味も合うよね。趣味だって同じカメラでカメラの機種は一緒のCanonでフルサイズだよねレンズはLレンズ以外使わないところも好き、もちろん週末はドライブも行くしこんなにフィーリングがあう人っていないと思うんだ。車は燃費を気にしてプリウスが好きって地球環境にも良いところも好きで、家はバリアフリーなんて最高だよね、犬好きっていうのもポイントが高いしね、だから好きなんだよね、付き合ってください。」
って言われるよりストレートに「好きですっ!」って言われる方がささるでしょ。なんで好きなのって言われたら理由言えばいいんだよ。つまり、相手が知りたい情報(結論)を言ってから、知りたかったらクリックしろやってことです。
あの有名な宮崎駿監督は「情報量が多くなると表現するポイントがボヤける」と言って、未だに映画では当たり前のドルビーサウンドを使ってないそうです。
考え方としては今の情報を半分にしてみてはどうだろうか。きっとスッキリすると思う。

Webデザイナーのロゴ制作について

これはバナーに比べると頻度は少ないから、レベルアップするのが全体的に遅いかもしれないですが、ロゴ自体専門でしている業者が少ないのでたまに依頼があります。例えば新しいサービスをする事や、Webサイトを新規で依頼された時にロゴも変更するという事がありますので、その際に作業が発生する事があります。

ロゴに大切な事は意味がわかるかどうか

logo

ロゴ制作はデザインというよりも、アーティスト要素が強い気がします。ですので設計というよりもどちらかというよ遊びのような要素も必要で、答えがない制作物になります。なのでどちらかと言うと依頼者に寄り添って考えて、依頼された人が感動してもらえればそれでΣ(●・`ω・)b Good!!ということもあります。
しかし、そこに会社の意味や発展したことも考慮してつくのが非常に大切です。
僕個人ですが、ロゴは基本大きく、文字は太く、色は1色が良いと思います。この3つの要素の逆を考えてみると記憶に残りにくくなる事がわかりますでしょうか。では参考になるロゴを見ていきましょう。

黄金比を使ってまずは作ってみる

golden

黄金比というを知らない人はまずはググってみてね。バナーもロゴも全ての制作物に関して、美しく配置されているルールがあります。それが黄金比です。ただ、全てに対してこの黄金比を使えば綺麗になるわけではないので、その辺りはバナーもロゴも配置を適切にして整える必要があります。あくまでも参考程度ということです。

グラフィックデザインの勉強方法

この勉強方法としては、作るだけ!(笑)仮想的にターゲットを設定して作っては壊して、作っては壊すの繰り返し。
見てもらう人は経験者に頼んでアドバイスをもらうなどして自分の感覚を矯正していくのがポイントです。
なので、バナーや自分の名刺やチラシなどまずは作ってみることをお勧めします。
また、ただ作るのではなく、まず参考になるデザイン探すことが非常に重要です。何も頭になかったら当たり前ですが作れるわけがありません。より良いものをインプットしないとより良いものを作れないのです。これはデザイン全般に言えます。
なので、毎日最低でも10個の良質なバナーを見て保存していったりしていざという時に役立てましょう。

まとめ

  • ・イラレとフォトショの使い方をマスターしよう
  • ・ターゲットを知ろう
  • ・黄金比を使って基本的な美しさを知ろう
  • ・毎日の積み重ねが大事

  

以上今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン編)でした。気に入ってくれたらシェアしてね!

新着記事

design_skill

今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても...

記事を読む

carrier_img01

今年こそWebデザイナーになりたい!経験者になる為に必要な考え方とその方法

今回はWebデザイナーとして勉強してそこそこのスキルはついたけど、実際...

記事を読む

domain_cms

今年こそWebデザイナーになりたい!現役Webデザイナーに必要なサーバー・ドメイン・CMS 基本知識について

今回で第5回を迎えました。なんとか頑張って続けていきます!Webデザイ...

記事を読む

cssjshtml_img15

今年こそWebデザイナーになりたい!Webデザイナーに必要なコーディングスキル編(html/css/js)

今回はコーディングスキル編として、Webデザイナーとして就職するために...

記事を読む

thmb_03_218

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキル編

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキ...

記事を読む

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

design_skill
今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても

carrier_img01
今年こそWebデザイナーになりたい!経験者になる為に必要な考え方とその方法

今回はWebデザイナーとして勉強してそこそこのスキルはついたけど、実際

domain_cms
今年こそWebデザイナーになりたい!現役Webデザイナーに必要なサーバー・ドメイン・CMS 基本知識について

今回で第5回を迎えました。なんとか頑張って続けていきます!Webデザイ

cssjshtml_img15
今年こそWebデザイナーになりたい!Webデザイナーに必要なコーディングスキル編(html/css/js)

今回はコーディングスキル編として、Webデザイナーとして就職するために

thmb_03_218
今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキル編

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキ

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑