WEB制作

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-3-

投稿日:2015年2月24日 更新日:

約3週間に1回の登場になりますが、デザイナーのOです。
前回に続けて、Webとグラフィック制作との違いについて、続いて紹介していきたいと思います。
今回は最終回となりますので、最後まで読んでいただければ幸いです。

レイアウト

前回も少し話しましたが、webと紙は基本的に違う媒体なので、見せ方やデザインのレイアウトの仕方も変わってきます。
Webは紙と違ってデザインのみで完結できないので、デザインするときはコーディングのことも考えなければいけません。紙よりレイアウトに縛りが多いです。
紙の場合はイラストに沿ってレイアウトなど自由に配置できますが、webだと全部1枚の画像にする感じになります。

grey--column--psd-design-grid_54-5824
webデザインはグリッドを意識ながらデザインしていくことが多いです。

立体V.S.平面

デザイン的な表現も、webと紙媒体によって表現の仕方が異なります。
紙でもモニターでも平面的なものですが、webの場合、紙に比べて立体的な表現がよく見かけます。
例えばシャドウやグラデーションの使い方を見れば分かると思いますが、webはよくドロップシャドウやグラデーションを使いますが、紙の場合は逆に使わないほうがスッキリして、きれいに見えます。
0224

動き

個人的に一番わかりやすい例だと思います。
webと紙両方のデザインやって一番違いを感じたんのは、動きを意識するかどうかのことです。
サイトの場合は、ユーザーに見ってもらうだけではなく、ボタンなどをクリックさせるのが最終的な目的です。ですので双方向性が高いデザインや、動きの設定などは求められます。
flat-devices-with-hands-gesture_62147501001

更新

紙には更新という概念はなく、修正や情報を更新する場合は刷り直ししかないです。
一方情報をどんどん更新、調整していけるのがwebの特徴です。

グラフィックはデザインが完成したら終わりますが、
Webはデザインが完成したらそこから始まると言っても過言ではないですね。

以上はDTP出身の私から、webと紙媒体デザインの違いについての紹介でした。
最後宣伝になりますが、マーカーネットではWebだけではなく、グラフィックの分野においても経験豊富なデザイナーが在籍しておりますので、興味のある方は是非こちらのページよりお問い合わせしてみてください。

-WEB制作

関連記事

WEBデザインとは?概要や実際の制作の流れ、制作会社に依頼するときの注意点を徹底解説!

WEBデザインとは?概要や実際の制作の流れ、制作会社に依頼するときの注意点を徹底解説!

WEB制作においては、ユーザビリティを高めるために、WEBデザインが重要となります。WEBデザイン自体はスキルがあれば内製もできますが、こだわったデザインや高度なスキルが必要なデザインにしたい場合は、 …

高クオリティな写真素材がDLし放題!それでいてフリー。これはブクマするしかない!

高クオリティな写真素材がDLし放題!それでいてフリー。これはブクマするしかない!

画面いっぱいに背景写真を敷くWEBデザインが流行っている今日この頃、 見栄えのする写真を探すのもなかなかの一苦労だったりしますよね。 そんな悩めるデザイナーさんたちにオススメしたい、高クオリティな写真 …

面白い動きや便利な機能をJSで実装! その5:ちょっと変わったマウスオーバーの応用編

面白い動きや便利な機能をJSで実装! その5:ちょっと変わったマウスオーバーの応用編

javascript(jquery)でマウスオーバー時に変わった動きを付けたいと思います。 面白い動きや便利な機能をJSで実装! その4:ちょっと変わったマウスオーバーを実装してみました。の続きになり …

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどを 作成することができる「Chart.js」をご紹介致します。 今回は一番汎用性の高いと思われる折れ線グラフを作成してみたいと思います。 表示の瞬 …

サイトリニューアル!する?しない?

サイトリニューアル!する?しない?

こんにちは。web制作初心者のKです! さてさて、今日は初心者の私がサイトを制作するうえで、 「サイトリニューアルの判断材料のひとつ」をお話したいと思います! これは、「BtoC(消費者向け)サイトの …