WEB制作

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

投稿日:2015年2月5日 更新日:

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

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

画像形式

大まかに分けると、ベクター形式のデータは紙媒体向け、Webの場合はラスター形式です。
0205_1
印刷物の最低解像度は350dpiで、webの72dpiと比べると解像度が5倍も高いので、
拡大しても画質が劣化しないベクターデータでデザイン要素を作ることが多いです。

一方、複雑なオブジェクトや写真の場合だと、ラスター形式のデータのほうが綺麗に見えますし軽いです。

タイポグラフィの制限

Webサイトには「画像」と「テキスト」2種類の文字が存在します。
0205_2
簡単に区別すると、マウスカーソルでコピーできるものがテキスト、できないものが画像です。
Webに比べてグラフィックデザインのほうは文字の制限が少ないです。文字詰めも自由に調整できますし、タイポグラフィ的な表現も可能です。
サイトの場合だと、文字を画像にしないとこういったような表現ができません。

デザインの範囲

Webサイトをデザインする際、まず意識すべきなのは「ファーストビュー」という範囲です。
環境によって変わりますが、ファーストビューとはページを開いてスクロールしなくても表示される範囲のことを指します。
紙と違って、Webは一目でページ全体を見ることができませんので、
如何にファーストビューの範囲内でインパクトの与えるデザインをするのが、Webデザインの課題です。

続きはまた次回ご説明いたします…

-WEB制作

関連記事

Web制作に役立つ!Google Chrome拡張機能おすすめ5選

Web制作に役立つ!Google Chrome拡張機能おすすめ5選

こんにちは。スタッフのSです。 Web制作においてブラウザは欠かせないツールです。しかし、標準機能だけでは効率が悪いと感じることも…。 そんなときに活用したいのがGoogle Chrome拡張機能です …

Laravel SocialiteでGitHubを利用した認証

Laravel SocialiteでGitHubを利用した認証

目次1 Lravel SocialiteでGitHubを利用したOAuthによる認証の手順を紹介します。1.1 1. GithubでOAuthアプリケーションを作成1.2 2. Laravel標準の認 …

ホームページ制作にSEO対策は重要!集客で困らないためのポイントを徹底解説

ホームページ制作にSEO対策は重要!集客で困らないためのポイントを徹底解説

検索エンジンで上位表示を実現し、質の高い集客を実現したい——。そんな企業の永遠の課題に応えるSEO対策について、基礎から最新トレンドまで徹底解説します。GoogleやYahoo!での上位表示には、技術 …

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

以前ご紹介しました面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!の応用編になります。 前回は折れ線グラフをご紹介致しましたが、今回は「棒グラフ」「レーダーチャート」「円グラ …

WEB制作における商用利用OK!お洒落な無料フォント6選

WEB制作における商用利用OK!お洒落な無料フォント6選

こんにちは、デザイナーのAです。 今回は商用利用OKな無料フォントをご紹介します! 無料フォントとして紹介されているフォントでも、中には商用利用は不可とされているものもありますので、ライセンスをしっか …