マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

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制作

執筆者:


comment

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

関連記事

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレスはオープンソースのため、そのソースコードが公開されております。 誰でも無償で、誰でも改変して商用利用も可能であるというメリットもございますが、 デメリットとして悪意のある者から不正侵入を許 …

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

デザインを格好よくするためにシャドウを付けたりしますよね。 しかし、サイズが異なるたびに画像を背景に指定したりしなければならないのは大変です。 しかも、シャドウの幅の分だけはみ出ているということもあり …

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …

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

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

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

多言語対応で1000億円の経済効果!WEBサイトも多言語化を

多言語対応で1000億円の経済効果!WEBサイトも多言語化を

近ごろのニュースで、訪日観光客の増加という記事をよく見かけるようになりました。東京の街を歩いても日本への訪日客が増えたことを実感できるほど外国語が飛び交ってますね。2015年は【多言語化元年】と言われ …