WEBデザイン WEB制作

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

投稿日:2015年1月20日 更新日:

こんばんは、デザイナーのOです。

実は私はグラフィックデザイナー出身で、約1年半前にWeb業界に入りました。
Webについてまだまだ勉強中の自分ですが、
実際にWeb制作に携わって感じた、グラフィック制作との違いをご紹介したいと思います。
まずは基礎知識から

単位

・WEBの単位はpixel(ピクセル)
open84

 

・紙媒体はミリメートル(またはセンチメートル)が基本単位です。
measure

カラーモード

・WEBはRGB
gf1420445298l

WEBの場合は印刷することがなく、パソコンのディスプレイに使う光の三原色RGB(Red, Green, Blue)で表現します。

・紙媒体の場合はCMYK
07
通常のカラー印刷物はCMYK(C:シアン M:マゼンタ Y:イエロー K:ブラック)の4色で印刷されます。

文字の最低ポイント数

・Webでの最低ポイントは10ptぐらいが目安
実際制作するとき、本文は大体14ptが一番多いですが、小さく12ptという感じです。
10pt以下にしてしまうと文字の可読性が保たないのでお勧めしません。

・印刷物の最低ポイントは6ptぐらいが目安

印刷物の場合だと、本文が12ptでも大きい感じることが多いです。
8~10ptが最適とされていますが、6ptにしてもまだ読めます。
注釈とかの場合は4ptかそれ以下にすることもありますので、Webとの感覚が大分違いますね。

違いについてまだまだたくさんありますが、また次回続いてご紹介したいと思います。
グラフィックからWeb制作にチャレンジしたい方や、逆のパターンもご参考になれれば幸いです。

最後宣伝になりますが、弊社ではWebだけではなく、グラフィックの分野においても経験豊富なデザイナーが在籍しておりますので、
興味のある方は是非こちらのページよりお問い合わせしてみてください。

-WEBデザイン, WEB制作

関連記事

先取り!春の色彩のトレンド

先取り!春の色彩のトレンド

こんにちは! web初心者のKです。 暖かくなってきたこの頃、みなさまいかがお過ごしでしょうか? 本日は春に先駆けて、 春色が感じられるサイトを集めてみようと思います。 まずひとつ目はこちら! htt …

初めてのホームページ運用。これだけ知っておけば始められます。

初めてのホームページ運用。これだけ知っておけば始められます。

初めてのホームページ運用。これだけ知っておけば始められます。 web制作の仕事をず~~~っとやっていると専門的な事も基本的なことと勘違いしてしまいがちです。私もwebに触れる前は「ブラウザって何?」「 …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

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

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

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

迷った時のお洒落な Adobe Fonts 10選

迷った時のお洒落な Adobe Fonts 10選

こんにちは、デザイナーのAです。 今回は私がおすすめするAdobe Fontsをご紹介します! デザインで効果的に利用できるAdobe Fontsは数多くあり、目的に合わせて選ぶことが大切です。 ※フ …