ユーザーにとって価値ある情報を繰り返し発信していく「まるログ」

デザイナー志望の皆様へ
デザイナー3年目が考えるWebとグラフィックのデザインの違い

Webとグラフィックのデザインの違い

マルキンアドでWebデザイナーとして働き始めて丸2年が経ちました。
学生の時はグラフィックデザイン専攻でWebデザインの知識は少ししかなかったのですが、短大を卒業してからWebデザイナーとして入社しました。最初はグラフィックデザインとWebデザインのルールややり方の違いに戸惑いましたが、仕事をしていくうちに慣れて楽しさがわかるようになりました。
現在の私の肩書きは“Webデザイナー”になりますが、マルキンアドではWebデザインを主軸にしながらグラフィックデザインの仕事もしています。
今回は私が実際に感じた、Webデザインとグラフィックデザインの違いを紹介していこうと思います。

※ここではグラフィックデザインを印刷物として話を進めます

Webデザインとグラフィックデザインの大きな違い

Webデザインとグラフィックデザインで違うところはなんだろう?と考えたときに、私の中では「動くか、動かないか」「画面の中だけで完結するか、実際に手に取れるものになるか」という点が大きく違うと感じています。それ以外にも違いはたくさんありますが、作る側の目線で見るとその2つが大きく違うと感じます。デザインという大きな枠でいうと、私の中では近い距離にあるWebデザインとグラフィックデザインですが、デザインするときに意識する部分が違うのでそれぞれでしか味わえない楽しさや難しさがあります。

Webデザインの楽しさ・難しさ

WebデザインWebデザインといってもWebサイト、LP、メルマガ、バナー等、様々な仕事があります。Webサイト、LP、メルマガ等の制作にはコーディングの知識が必須です。Webデザインでは、コーディングする時のことやレスポンシブデザインのことを考えながらデザインしなくてはいけないので、グラフィックデザインと比較して制限が多くデザインすることが難しい時もあります。Webデザインはグラフィックソフトでデザインを完成させれば終了という訳ではなく、そこからHTMLというコンピューター言語を使ってWebに公開できる形に組み直す必要があります。そのためグラフィックデザインよりも細かい数値に気をつけながら作る必要があります。
一方でWebデザインには動画の埋め込みや、クリック時やスクロール時などに動きをつけられる等、グラフィックデザインとは違った楽しさがあります。動きがつくことでサイトの印象は大きく変わるので、実際に動くサイトが完成した時は感動します。
また、Webにアップした制作物は公開後にどれだけ効果があったのかがデータとしてわかるのも面白い部分です。より効果の出るデザインを制作するために同業他社のWebサイトを見て機能や見せ方を参考にすることもあります。

グラフィックデザインの楽しさ・難しさ

グラフィックデザイン普段はWebデザインをしていますが、たまにグラフィックデザインの仕事も担当します。
ロゴマークのデザインなどの仕事が多いのですが、デザインして思う楽しさは、そのマークがパッケージに印刷されて商品になったり看板になったり、実際に形になることです。印刷されて形になった完成品を手に取った時は、自分の考えたデザインが形になったという実感が湧いて嬉しいです。Webの制作はモニター画面の中だけでデザインから公開まで完了するので、その点グラフィックデザインの仕事はWebデザインでは味わえないリアルな感覚があります。
ロゴマークのデザインで難しいことはお客様が世の中に伝えたいことやイメージをギュッと凝縮して絞って1つのマークにすることです。お客様のブランドイメージをロゴマークで表現するうえで形や色味はとても大切な要素で、非常に細かい部分まで気を使い検証を繰り返します。また、様々な媒体や環境で使われることを想定して視認性を確保しなくてはいけません。そういった点は画面という一定の環境で見られるWebの制作物よりも多くの状況を想定して考える必要があると思います。

まとめ

デザインWebデザインはコーディングの基礎知識を身につける必要があり、グラフィックデザインも印刷の知識を身につける必要があります。どちらも専門性のある仕事ですが、グラフィックデザインの延長にあるのがWebデザインだと思うのでまずはデザインの基礎をしっかり勉強する必要があると思います。
それぞれ難しい点も楽しい点もありますが、デザインが好きな気持ちがあればどちらも楽しい仕事だと思います。
Webデザインもグラフィックデザインも、デザインするときにお客様のことを第一に考えて作るという大切な軸は同じです。自分がデザインしたものでお客様に貢献できる、とてもやりがいを感じられる仕事です。

WEBデザイナー / I.T