マーカーネット株式会社

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

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

執筆者:


comment

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

関連記事

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

皆様こんばんは。 今春に新卒で入社しました、ひよっこWEB制作者のMです。 お腹と背中に貼るカイロを装備し、なんとか寒さをしのいでおります。 先日誕生日を迎え、ついにハタチと言えなくなってしまいました …

デザイナーなら必ず見ておきたいWEBデザイン(可愛い系統)

デザイナーなら必ず見ておきたいWEBデザイン(可愛い系統)

資生堂のマシェリ公式HP http://www.shiseido.co.jp/macherie/index.html リボンのあしらいと女性が好みそうなお花やフルーツなどをモチーフにしていて、 沢山の …

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

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

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-2- どうも、デザイナーのOです。 前回に続けて、Webとグラフィック制作との違いについて紹介していきたいと思います。 画 …

ごろごろしながらウェブネタ探し

皆さん! こんばんは!! 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 普段、皆さんはデザインを作るとき、どこからデザインのネタを探しているんですか? 私は場合は、そう …

CSS3のみで吹き出しを作成してみました!上下左右どこでも大丈夫!

凝ったデザインなどには吹き出しなどを作成したりします。 ですが、内容を画像ではなくテキストにしたい場合があると思います。 吹出し画像を文字数に合わせて調節したり、分割して組み立てたりするのは大変ですよ …