2025年7月11日

-本日のアジェンダ- 1限目学科 UI/UXデザインツール概論adobe XDについて 2限目学科 UI/UXデザインツール概論adobe expressについて 3限目学科 UI/UXデザインツール概論canvaについて 4限目学科 UI/UXデザインツール概論LP（ランディングページ）を作るポイント 5限目学科 UI/UXデザインツール概論Figmaについて 本日のテーマ あくまでも、IllustratorとPhotoshopが扱える前提で試してみましょう。 【注意点として】基本的に商業デザインをビジネスとしている企業がフリーソフトを使って商売をするのはいかがでしょうか？教室で、有料のソフト（アプリケーション）IllustratorとPhotoshopを扱っているという事を前提に「やむを得なく使っている」という意識はお忘れなく！そして、企業が欲しいのはあくまで「作品の質」と「作品の内容」と「作品の目的」である事をアピールできるように進めていきましょう。 参考サイト UI/UXデザインと共同作業ツール | Adobe XD 【初心者向け】Adobe XD基本の使い方を紹介！UI/UX … 01.XDってそもそもなに？ – 株式会社フェローズ 【資料】 カリキュラム資料 ダウンロード用サイトhttps://cu-doc.deau-ac.com/ 下記のファイルをダウンロードしましょう。1.「より幅を広げる為に.pdf」 2. LPの作り方202512.pdf 【動画】より幅を広げる為に 無料ソフト活用のすすめ(3:03)https://youtu.be/7fg9S9zNoaE ポートフォリオ掲載作品の充実のために (7:36)キーとなるバナー制作のポイントhttps://youtu.be/pIK8wjkmmAs 紹介ソフトについて (6:59)https://youtu.be/lhtUiEAomk0 ソフト①バナー制作 Adobe Express (12:52)https://youtu.be/VL1acGqeaRo ソフト②バナー制作 Canva (7:30)https://youtu.be/l2AV7Hd9_D8 アピールとしてさらに有効なランディングページ(=LP) (4:32)https://youtu.be/T0ISDYl0fOg 紹介ソフトについて (9:30)https://youtu.be/JyGSE4XoJGA ソフト③LP制作 Adobe XD (9:48)https://youtu.be/Zou2SvbGGJo ソフト④LP制作 Figma (10:08)https://youtu.be/hW1IlT7pR_4 まとめ・注意点 (11:13)https://youtu.be/sCt73XRWQY8 【動画】LPの作り方(XDについて) LPの作り方202512_01 (20:50)https://youtu.be/hfiaYwll7xA 参考サイト ご紹介① adobe expressバナー無料作成ツール オンラインでカスタムバナーをデザインhttps://www.adobe.com/jp/express/ ご紹介② canvaバナー作成が無料！作り方もアプリで簡単！https://www.canva.com/ja_jp/create/banners/ ご紹介③・adobe XD【お知らせと注意点】以前は無料で利用できるプラン（スタータープラン）がありましたが、現在は公式サイトから見当たらなくなっています。Adobe XDは、2023年1月に単体販売が終了になりました。 現在はスタータープランはダウンロードできなくなっており、無料で利用する場合は7日間の無料体験版 のみになっています。※こちらは教室でお試しください。別動画へ案内 ご紹介④ Figma・コラボレーションインターフェースデザインツール –Figmahttps://www.figma.com/ja/ FigmaとXDについてアドビ、Figmaの買収を断念 本日の課題 提出課題はありません。ワイヤーフレームからデザインラフの作成にあたり、情報収集しながらレイアウトやキャッチコピー、文書を推敲しましょう。

学科 UI/UXデザインツール概論【オンライン】