Webデザイン ホームページ作成の手順

Webシステムを作るのに、画面まわりの進め方がわからず調べた内容をメモ。参考にしたのはGoogle検索で「」でヒットした次のページ。

webデザインに関するmygirlsのはてなブックマーク

１．企画

• 目的を明確にする
• そもそもなぜホームページを作成するのか？
• 掲載内容を書き出す

２．設計

• ホームページの構造を決める
• 　「サイトマップ」を作成
• 各ページの構造を決める
• 　「ワイヤーフレーム」を作る

３．制作

• 画像やテキストを用意する
• デザインを作る
• 「デザインカンプ」というデザイン案を複数作る
• 「レスポンシブデザイン」
• アドビの「PhotoShop」

自分がプログラマーなのでいきなりコーディングから入ってしまう癖があります。その結果、作りも見栄えもバラバラになってしまう。そもそも画面まわりの仕事の進め方がわかっていなかったと気づきました。

これからの仕事に活かしたいと思います。