Sunny Field

バナー制作 ~Photoshop とFigmaで~

1. Photoshop作品

Noksバナー(フォトショップ)


2.Figma作品  講師修正を反映してシンプル&シックなデザインへ

Noksバナー(Figma)

短期間にPhotoshop もFigmaも・・・!! なんとか頑張りました☆

課題名 バナー制作
課題内容 学習した機能を活かし、商用可能な素材を使って
お客様の目と心に留まるデザイン、来店したくなる企画を形にする
  • 秋の新規オープンを伝えるバナー製作 (雑貨屋Noks)
  • Photoshop と Figma それぞれの機能を活用
  • Figmaのオートフレーム機能を使ったWEBデザインを学習
コンセプト シンプルで丁寧な暮らしを応援する雑貨屋Noksの特徴を表現しながら、30~40代女性の心を曳くデザインと企画を考案する
制作意図 1.青い小瓶やハーブの花を配置して香りも演出することを印象付け、秋冬に向けてバスボムづくりで今後の接点をつくる。
2.Photoshop作品での講師コメントを反映して、シンプルでシックなデザインとし、Figmaの機能でバナーを再現
3.他の受講生の作品を参考に、Figmaのオートフレームを活かした作品を再現
制作時間 1.Photoshop バナー:4時間
2.Figma バナー 3時間
3.Figmaバナー(オートフレーム使用):3時間
制作環境 Photoshop
Figma
素材探し:illuustAC及びphotoAC

3.Figma作品 他の受講生のデザインを参考に制作 ~オートフレームの活用~

Noks バナー模写作品

ページの先頭に戻る

© 2026 実践AIマーケティングWEBデザイナー科(短時間) 第01期生 生徒作品