-本日のアジェンダ-
1限目
学科 UI/UXデザインツール概論
adobe XDについて
◎Webデザイナーが企業にアピールする最もわかりやすい作品
→バナー
・目標は1つ作るのに60分以内
・簡易的な作成できるかが重要
・バリエーションで技術を証明
バナー作成の理想は、Photoshop（有料）で出来ればベスト
・紹介ソフト（アプリケーション）
紹介①
adobe express
バナー無料作成ツール オンラインでカスタムバナーをデザイン
https://www.adobe.com/jp/express/
紹介②
canva
バナー作成が無料！作り方もアプリで簡単！
https://www.canva.com/ja_jp/create/banners/
2限目
学科 UI/UXデザインツール概論
adobe expressについて
バナーに続いてさらなるアピール→LP
◆LP（ランディングページ）を作るポイント
・バナーよりも制作に時間が必要
・企画意図の理解を見せるのが重要
・ページの構成力見せて技術力を証明
紹介ソフト（アプリケーション）
紹介③
・adobe XD
【お知らせと注意点】
以前は無料で利用できるプラン（スタータープラン）がありましたが、現在は公式サイトから見当たらなくなっています。
紹介④
Figma
・コラボレーションインターフェースデザインツール – Figma
https://www.figma.com/ja/
※企業での導入が割と多め
企業版だと画面共有しながら編集ができるので便利
3限目
学科 UI/UXデザインツール概論
canvaについて
4限目
学科 UI/UXデザインツール概論
LP（ランディングページ）を作るポイント
5限目
学科 UI/UXデザインツール概論
Figmaについて
本日のテーマ
あくまでも、IllustratorとPhotoshopが扱える前提で試してみましょう。
本日の課題
提出課題はありません。
ワイヤーフレームからデザインラフの作成にあたり、情報収集しながらレイアウトやキャッチコピー、文書を推敲しましょう。
第4回成績考査について
課題はバナーのバリエーション展開と、今できているところまでのワイヤーフレーム(進んでいる人はデザインラフ)です。
バナー作成メモ
🎨 雰囲気の違うバナー5件になるよう GPTに課題を出してもらった
① コスメECサイトの新商品告知（大人・洗練）
- サイズ：1080 × 1080
- 世界観：ミニマル／都会的／女性向け
- 特徴：写真を主役に、余白たっぷりの上品デザイン。
② クリスマスイベント告知（可愛い・温かい）
- サイズ：1200 × 628
- 世界観：赤・緑・ゴールド／イルミ系／にぎやか
- 特徴：ポップで季節感強め。
③ フリーランス動画制作者のPR（クール・強め）
- サイズ：1080 × 1920
- 世界観：黒ベース／スタイリッシュ／シャープ
- 特徴：直線的・コントラスト強め・プロ感。
④ カフェ冬限定メニュー（ナチュラル・柔らか）
- サイズ：1200 × 1200
- 世界観：木目／暖色／可愛いけど落ち着き
- 特徴：手書き風アイコンや余白多めでゆるい雰囲気。
⑤ ファッションブランド冬ビジュアル（モード・高級）
特徴：写真が主役で、文字は極端に少なめ。
サイズ：1920 × 1080
世界観：余白・モノトーン・アート寄り
本日学んだこと
フリーで使えるソフトについて
ソフトの今後について
感想
本日は改めてバナーやランディングページが作れることになることが就職への近道だという点を学べました。また、企業によって使用されているソフトも様々あり、また今後は生成AIが使われるようになることも関係して、ソフトごとの役割分担も進むのではないかというお話は参考になりました。
就職すると目の前の仕事に手いっぱいになってしまいがちなので今のうちに新しいソフトへの抵抗感をなくしておくためにもいろいろと試してみておきたいと思います。
XDは前回の授業で触り、canvaはたまに使ってみていますが、Figmaは使ったことがなかったので、企業で使っている場所も多いとのことだったので使ってみようと思います。
また、先生がFigmaを買収しようとしていたからかXDのアップデートが止まっているというお話もされていて、気になったので検索してみたのですが、アドビ一強になるのを防ぐために規制された結果ということが分かり、ウェブデザインに関わるニュースをこれまで自分ごととしてあまり見ていなかったのですが、こういうニュースを知ることで今後どんなソフトが伸びてくるかなども予測できそうだなと思ったので今後は意識してみていきたいなと思いました。