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サイトリニューアルは目的が重要!失敗しないためのやり方や費用面について解説

WEBサイトリニューアルは目的が重要!失敗しないためのやり方や費用面について解説

どれほど頑張って制作したWEBサイトにも賞味期限は存在します。そのWEBサイト、魅力が薄れてきてはいませんか?アクセス数が伸び悩み、お問い合わせ件数が思うように上がらない…そんな悩みを抱え …

知ってそうで知らないCSS3の便利な使い方【その2:属性セレクタ編】

知ってそうで知らないCSS3の便利な使い方【その2:属性セレクタ編】

前回構造疑似クラスについて便利な使い方をご紹介しましたが、 (知ってそうで知らないCSS3の便利な使い方【その1:構造疑似クラス編】) 今回はCSS3の属性セレクタをご紹介します。 目次1 E[foo …

レスポンシブにも対応!② グローバルナビゲーションを作成してみました。

レスポンシブにも対応!② グローバルナビゲーションを作成してみました。

この間はレスポンシブでも使える行ごとのブロック要素の高さを自動で合わせるJavaScriptをご紹介致しました。 レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。 レスポンシブで …

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

記事内の画像をクリックしてその場から拡大表示させるアニメーションを実装したいと思います。 今回使用するjavascriptは「zoom.js」になります。 【これまでの関連記事】 面白い動きや便利な機 …

データベース(MySQL)の日付操作について

データベース(MySQL)の日付操作について

データベース(MySQL)で普段よく使いますが、 なかなか覚えられない、日付の操作のSQLについて書きます。 以下のようなニュースのテーブルが存在します。 CREATE TABLE IF NOT EX …