LP制作をしました。


使用したソフト:photoshop,Adove XD(製作時間:それぞれ150分)
ワイヤーフレームのような骨組みを作成することがどうやら苦手です。
どうしても文章が乗らないと難しかったので、この段階で入力して作成しました。
デザインラフはほぼイメージ通りに行きましたが、文字を白くしたいのでもう少しドロップアウトをしっかりと使うとか、何かしらの工夫が必要なので、もう少しブラッシュアップして見やすくしていきたいです。
実技 ECサイトデザイン実習⑤
-本日のアジェンダ-
1限目
実技 ECサイトデザイン実習⑤
ワイヤーフレーム制作の準備
2限目
実技 ECサイトデザイン実習⑤
ワイヤーフレーム制作のポイント
3限目
実技 ECサイトデザイン実習⑤
課題制作
4限目
実技 ECサイトデザイン実習⑤
課題制作
5限目
実技 ECサイトデザイン実習⑤
課題制作
本日のテーマ
ワイヤーフレームの制作です
ワイヤーフレーム制作のポイント
・使用ソフトはPhotoshopです。
・色を入れず、白黒で制作します。
・Photoshopの解像度:72ppi で作成します。
・サイズはPC基準です。
・最初は、外側部分を1280px、文章などのコンテンツ幅は960〜980px程度で作成すると良いでしょう。
・余白を意識し、サイズバランスもWEBサイトの完成形と同じにしましょう。(pxピクセル単位で仕上げます)
制作のポイント
実務ではデザインラフの制作はお客様と、多くのやり取りが必要になるでしょう。
デザインは必ず複数パターンの提案(最低2パターン)をして、お客様とのイメージの共有を具現化して行けるよう進めましょう。
