お役立ちコラム

COLUMN

  1. ホーム
  2. コラム
  3. 転職してわかった紙とWebのデザインの違いと注意するポイント その2

転職してわかった紙とWebのデザインの違いと注意するポイント その2

前回の続きです。

3. 解像度、単位

基本的に解像度は紙が350dpi、Webが72dpiで作成されます。紙はサイズがA1ポスターなど大きなものは200×300dpiで作成されることもあります。紙は解像度が大きいほど画質が綺麗になりそうなものですが、印刷会社に務めていた際に、350dpi以上にしても画質は変わらないと教えていただいたような…(現在は印刷機の進歩などで高画質で印刷できるのかもしれません)Webはモニターの解像度が決まっているため72dpiで固定となります。今は当たり前なので、なんとも思わないですが、新人Webデザイナーの頃は解像度が約5倍も違うので、違和感があったのを覚えています。紙は解像度が大きいため、元の画像を若干大きくさせたぐらいでは粗さは目立ちませんが、Webでは異なり非常に荒く見えてしまいます。「1ピクセルの重さ」とでも言いますか、非常に気を使って作っていたことを思い出します。

4. デザイン上の制限

紙は前回ご説明したように紙の範囲と色ぐらいで、その他はほぼ、制限なく自由にデザインすることができます。Webのほうがユーザーの環境に左右されるので、デザインの制限については紙に比べ圧倒的に多いですね。例えば、・フォントはデバイスフォント以外は全て画像でしなければ再現されない。ユーザーのPCに指定したフォントが入っていなければ代替フォントになります。Web制作においてデザインだけではなくSEOなど非常に重要なので画像を多用するわけにもいきません。・文字間、改行など制作者側が意図したように見せることができません。ある程度は調整できるのですが、ブラウザの違いやサイズによって見え方が変わってきます。・文字組も縦書きはNGです。画像であれば問題無いですが、デバイスフォントでの表現は基本的には行えません。まだまだあると思いますが、Webについては制作者側が意図した見せ方が100%できないのでその点を踏まえたうえで制作する必要があります。次回は5. 紙のデザインの特徴6. Webデザインの特徴について書かせていただきます。

MAIL MAGAZINE

ホームページ・ECサイト運用に関する
情報をメルマガで配信中!

WEB担当者様向けのお役立ち情報を
無料でご案内しております。
登録は下記フォームから!


お問い合わせ

CONTACT

株式会社デザイントランスメディアは、通販コンサルティング / ホームページ制作・WEB制作、ECサイト/ 通販システム開発など、WEB戦略を
トータルで支援する福岡のWEB制作・コンサルティング・マーケティング会社です。

WEBマーケティング戦略立案、集客、WEBコンサルティング、サイト分析でお困りの際はお気軽にご相談ください。

成果報酬でのご提案、補助金を利用したサイトの制作も行っております。

お電話からのご相談はこちら

092-832-1133

受付時間:10:00 - 19:00(土・日・祝日を除く)

フォームからのご相談はこちら

会社案内資料ダウンロード