グラフィックデザインとWebデザイン、何が違うの？
グラフィックデザインとWebデザインの違いイメージ
みなさん、こんにちは！
最近Webデザインを勉強し始めた、制作部のうっちーです。
そこで生まれた1つの疑問…
「グラフィックデザインとWebデザインって、何が違うの？」
違いといっても様々な視点があるので、今回は制作側（デザイナー目線）で5つの視点に絞って比較してみました。
媒体について
まずは、グラフィックデザインとWebデザインの媒体についてです。
この記事の中では、グラフィックデザインを印刷物（紙もの）のデザイン、Webデザインをパソコンやスマホで表示するWebサイトのデザイン、と定義します。
比較ポイント
サイズの考え方
印刷物は大きさやページ数などの制限が決まっている中でデザインを作成します。
載せたい情報の量が多くなれば、その分大きさやページ数も変更する必要があります。
一方Webサイトはスクロールすることが出来るので表示範囲に制限がなく、
また、表示する媒体に合わせて大きさが変わること（レスポンシブデザイン）も特徴と言えます。
色の表現方法
印刷物はC（シアン）M（マゼンタ）Y（イエロー）K（ブラック）の減法混色、WebサイトはR（レッド）G（グリーン）B（ブルー）の加法混色で色を表現します。実際に表現できる色は、RGBの方が多くなります。
画像解像度
画像解像度とは、画像の密度のこと。1インチの中に、ピクセルがいくつ並んでいるのかをppi（dpi)で表していて、数字が少ない方が画像は粗くなります。
基本的に刷物に適した画像解像度は350ppi、Webサイトでは72ppiと言われます。
主に使用する制作ソフト
作成するものや作成する人によって違いはありますが、
グラフィックデザインでは、Adobe Illustrator、InDesign、Photoshopなど、
Webデザインでは、Adobe XD、Photoshopなどが挙げられます。
表現の幅
グラフィックデザインでは、サイズや色など印刷の都合上制限の多い中で作成するため、表現の幅は狭くなるように思えます。しかし、Webデザインと比べて、フォントの種類やレイアウトなど細かい部分までこだわって作成することができます。また、Webデザインでは表現できない手触りや立体的なものなどもデザインの一部として工夫することもできます。
Webデザインは、見た目のデザインを決めて終わりではなく、そのデザインをコンピュータに表示させる「コーディング」という工程があるため、コーディングで再現するデザインを意識する必要があります。
また、Webサイトは見て終わりではなくユーザーが何らかの操作することを前提に作成します。細部のこだわりよりも、誰が見ても見やすく、使いやすいデザインが求められます。
その他にもWebデザインでは、グラフィックデザインではできない動きや音の表現をすることができるのが魅力です。
まとめ
グラフィックデザインとWebデザインの違いまとめ
グラフィックデザインにしか出来ない表現、Webデザインにしか出来ない表現を知れば、それぞれの特性を理解して情報や魅力を発信することができますね。
同じ「デザイン」と呼ばれるものでも多くの違いがあり、どちらも専門性が必要だということが分かります。
エムアイシーグループでは、印刷物を制作するグラフィックデザイナーも、Webサイトを制作するWebデザイナーもいます。
ぜひ、お気軽にご相談ください！
エムアイシーグループをどうぞよろしくお願いします♪
擬似エンボス印刷、ニス印刷、UV印刷や、PP加工などの特殊印刷、特殊加工、表紙加工が得意な印刷・広告会社です。
広告、印刷、パンフレット・クリアファイル制作などのご相談はエムアイシーグループまでお気軽にご連絡ください♪ページ下部にて問い合わせフォームがございます。
●「擬似エンボス印刷とは!?」「擬似エンボス印刷のしくみと特徴!」
https://uv-print.micg.co.jp/entry-3.html
https://uv-print.micg.co.jp/entry-4.html
●擬似エンボス印刷で出来る製品が一目でわかる!「擬似エンボス商品ラインナップ2021」
https://uv-print.micg.co.jp/entry-138.html
●【デザイナー向け】擬似エンボス印刷のデータの作り方が一発でわかる!動画付き制作データの作り方
https://uv-print.micg.co.jp/entry-11.html
●【販促品の新定番】当社の大人気商品「擬似エンボスクリアファイル」を紹介しています♪
https://uv-print.micg.co.jp/entry-41.html
●【SDGs推進】擬似エンボスクリアファイルの環境対応製品「擬似エンボス紙ファイル【クリア】」♪
https://uv-print.micg.co.jp/entry-133.html
●【コロナに負けない!コロナ対策製品】オリジナルデザインが可能な「ワンポイントマスク」・「紙製マスクケース」など当社のコロナ対策グッズをまとめた当社WEBページです♪
https://www.micg.co.jp/covid/
