実技 ECサイトデザイン実習⑤

1限目
実技 ECサイトデザイン実習⑤
Web用画像について

2限目
実技 ECサイトデザイン実習⑤
Web画像の解像度について

3限目
実技 ECサイトデザイン実習⑤
課題制作

4限目
実技 ECサイトデザイン実習⑤
課題制作

5限目
実技 ECサイトデザイン実習⑤
課題制作


課題

デザインラフを製作しましょう。
できたところまでのデザインラフをポートフォリオサイトに投稿しましょう。


デザインカンプ&ワイヤーフレーム



  • Photoshop
  • 制作時間 4時間

デザイン詳細

  • フォント BIZ UDPゴシック『スガキヤラーメンのイメージの親しみ感のある丸みを帯びた文字を使いたく丸みを帯びたゴシック体を選択しました。』
  • カラースキーム レッド(ブランドカラー)+白基調+クリーム(懐かしさ)
  • カラーパレッド 
  • メインカラー(🍜 スガキヤレッド #C9242E)
  • 見出し文字(🍵 和風ブラウン #5A3E36)
  • 文字(🧂 ダークグレー #333333)
  • 購入ボタン(🍜 黄金スープイエロー #F6C915)
  • フッター(🧂 和風ネイビー #1E365B)

感想

テキストボックス内にテキストを収める作業をしたらバグってしまったので学校に通いの時に先生に聞いてテキストボックス内に文字を収めたいです。

大好きなスガキヤラーメンのカラーコードを調べて入れ込んだのがお気に入りです。

実際サイトにして動かしてみたいと強く思いました。

コメント

タイトルとURLをコピーしました