学科 ECサイトデザイン基礎④【オンライン】

制作のポイント

手書きでラフを描き、次回Photoshopで作業するという手順で進めていきます。

・使用ソフトはPhotoshopです。
・まずは色を入れず、白黒で制作しましょう。
・サイズはPC基準です。規格は世の中のサイト例を参考にしてみましょう。
・メインイメージなどはブラウザの横幅いっぱいでも構いませんが、文章などのコンテンツ幅は960〜980px程度に収めると良いでしょう。
・余白を意識し、サイズバランスもWEBサイトの完成形と同じにしましょう。(実務ではpxピクセル単位で仕上げます)
・バナー制作と同じく、
①掲載が必要な内容(情報)を先にしっかりまとめる
②情報の順番づけ
③レイアウトを考える
手順で制作すると良いでしょう。
そのレイアウトが、HTMLとCSSというルールに変わるだけです。

手書きラフ

【学習させていただく参考LP】

→株式会社Live出版様「ゼロから始めるWebデザイン5日間チャレンジ」

【選んだ理由】

10月にYouTube広告を拝見してLPサイトに飛び、実際にこちらのチャレンジプログラムを受講したからです。

とても分かりやすくて、こういったものに参加するのは初めてでしたがかなりハードルを下げてもらえました。