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パターン)をして、お客様とのイメージの共有を具現化して行けるよう進めましょう。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です