2022.02.21

見られやすいホームページのデザインとは

1 ホームページの目標を明確にする


ホームページの目標

どんなホームページにも目標があります。 このホームページはどのような目的で作られたのかをより明確にしましょう。

2 Webサイトに必要な情報を集める


webサイトの情報集め

いきなり作る前に、まずはWebサイトのデザインに必要な情報を集めます。たとえば、以下のようにサイトのデザインに必要な情報を集めていくイメージです。 webページをつく前にまず以下の確認をしてみましょう
・ホームページのイメージカラーは?
・何のためにこのホームページは利用されるのか
・具体的に載せるコンテンツは何になってくるのか
・どのような人がこのホームページを訪れるのか?

3 ワイヤーフレームを作成する

ワイヤーフレーム

ワイヤーフレームとはwebページの設計図のようなもので、
どこにどの要素を配置、ページ遷移はどのようにする
などもやっとしたイメージを確定させるためのものです。
このワイヤーフレームを使ってWEBサイトの中身を作り上げていきましょう。

4 コーディングでWEBページを制作する

コーディング

ここまできたらいよいよプログラミングを使ってwebサイトを制作していきます。
3で制作したワイヤーフレームを元に、実際にwebサイトを完成していきましょう。

5 全体のチェック

webサイトのチェック

4で制作したwebサイトを一度自分でチェックしてみましょう。
ページの遷移でおかしなところはないか、誤字脱字はないか、画面幅が変わったときに、
適切なレイアウトになっているかなどを確認しましょう
余裕があれば、サイトチェック専門の会社があるのでそちらに依頼しましょう。
特にサイトが大きくなればなるほどそういったチェック専門の会社に依頼した方が良いです。