HTML/CSS基礎 第20回 『Webデザインについて』(最終回)

これまでHTML/CSSの書き方について学習してきましたが、 HTML/CSS基礎 最終回となる今回は「そもそもWebデザインとは?」ということについて考えていきます。

目次

Webデザインの目的とは

Webに関わらず、デザインの目的とは情報整理です。ターゲットに伝えたいたくさんの情報を正しく整理して所見の方でも分かりやすいように並べ替える。どんなに美しいデザインも、使い勝手が悪かったり、伝えたいことが相手に伝わらなければ「デザイン」としては失敗です。

世の中にはコーポレートサイト、プロモーションサイト、ポートフォリオサイトなど、様々なWebサイトがありますが、それぞれサイト公開の目的もターゲットも異なります。まずはクライアントの事、ターゲットのことをしっかりと理解いし、これまで築き上げてきたデザインに対する知識と思いやりの心をもってWebサイトの制作にあたってください。

制作の流れ

実際にこれまで学習してきたHTML/CSSを使用したコーディングを行うまでにはたくさんの工程があります。

①企画を立てる:Webサイトを作る目的を明確にし目標設定とターゲットを決めていきます。

②サイトマップ作製:Webサイトのページ同士のつながりや重要性などを構成図にまとめます。

③ワイヤーフレームの作成:これまでの打ち合わせの内容を経て、Webサイトの大まかなデザインを決めます。

④デザイン:デザインカンプという実際のWebページと変わらないものを作成してクライアントの承認をもらいます。

⑤ファイル作成:HTML/CSSの作成のほか、必要に応じて画像・映像・音声などを作成していきます。

⑥公開:Webサーバにファイルを転送してWeb上に作成したサイトを公開します。

まとめ

一言で「Webサイトの作成」といっても、たくさんの工程があり、また、Webサイトをデザインするうえで学習しなければいけないことはHTML/CSS以外にもたくさんあることをご理解いただけたことと思います。

今回の記事だけを頼りにWebサイトを作成することはできません。このサイトを通じてWebサイト制作に少しでも興味を持ち、学習を進めていくための力になれたなら幸いです。

(Visited 86 times, 1 visits today)
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

エヌ・キャリア・アカデミーは「21世紀のこれからの激変する社会を生き抜き、第一線で活躍することのできる人材を世に送り出していく」ことを教育理念にかかげ、IT系の職業訓練を実施している職業訓練校です。

この記事は、エヌ・キャリア・アカデミーのスタッフが執筆しています。

企業ホームページ:https://n-career.jp/

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次