webの話

webデザインとは?紙のデザインと何が違うの?【超初心者向け】

webデザインとは?紙のデザインと何が違うの?【超初心者向け】

どうも、のら猫です。

今回の記事は、webデザインに関してまったく知らない完全初心者向けです。

でも意外とお客さんに聞かれることが多かったりw

初心者
初心者
  • webデザインって何?
  • 紙のデザインと何が違うの?

こういった、webデザインの意味や紙との違いが分からない方もいるかと思います。

そんなデザイン初心者の方に、「webデザインって何?」というのを簡単に解説します。

webデザインとは?

web(ウェブ)デザインとは
デザインの一種。ウェブページやウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施すことである。グラフィックデザイン的な要素を多く含む一方で、対話的な要素を持つWWWの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブデザインを行うデザイナーを、ウェブデザイナーと呼ぶ。
(引用)ウィキペディアより

webデザインとは、インターネット上のwebサイト(ホームページ)に特化したデザインのことです。

簡単に言うと、パソコンやスマートフォンで見れるホームページのデザイン。

僕のブログもwebデザインです僕のブログもwebデザインで作られてます

一般的に身近なデザイン(紙のチラシやパンフレット、広告看板など)では表現できない、アニメーションなどのデジタルな要素も含んでいます。

のら猫
のら猫
スマホ世代の僕らには身近なデザインなんですよ!

紙デザインとの具体的な違い

紙デザインとの具体的な違い

一般的に見たら、webと紙のデザインの違いなんて分からないですよね。

簡単ではありますが、具体的な違いをまとめてみました。

webデザイン 紙デザイン
デザイン範囲 画面サイズ内で無限(スクロール) 紙サイズ内
アニメーション 不可
更新・修正 不可(印刷で完了)
文字方向 横書き 縦書き・横書き
色の種類 RGB(3原色) CMYK(4原色)
長さの単位 px (ピクセル) mm(ミリメートル)

専門的な部分は省略してますが、だいたいこんな違いです。

のら猫
のら猫
どっちも一緒でしょ?と言われますが、実はデザインの作り方からまったく違います。

webデザインは見ている機器で変わる

webデザインは見ている機器で変わる

webデザインの特徴のひとつとして、見ている電子機器の画面サイズによってデザインが変わる点です。

主に「パソコン、スマートフォン、タブレット」の3パターン。

パソコン(PC)

パソコンのwebデザイン

画面サイズ:大

あらゆるwebデザインを表現できます。

スマートフォンが無かった時代では、パソコン向けのwebデザインが主流でした。

スマートフォン(モバイル)

スマホのwebデザイン

画面サイズ:小

限られた画面内でwebデザインを表現しないといけないので、パソコンとは見た目が変わります。

現在ではスマートフォンが普及しているので、webデザインもスマホ向けが主流。

タブレット

タブレットのwebデザイン

画面サイズ:中

パソコンとスマートフォンの中間的なサイズ。

操作性はスマホに近いので、スマートフォン寄りのwebデザインになっていることが多いです。

まとめ

webデザインとはホームページのデザインのこと

今回は「webデザインとは何?」という疑問だけを簡単に解説してみました。

最後にまとめますね。

  • webデザインとはホームページのデザインのこと
  • 紙デザインとは意外と違う
  • 見てる機器によってwebデザインは変わる
  • スマホ向けのデザインが現在で主流

これくらいの理解度でOKです。

のら猫
のら猫
webデザインならではのデザインというものがあるので、面白いですよ!

以上、のら猫でした。

COMMENT

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