実技 XD実習

1限目
実技 XD実習
プロトタイプのフロー設定について

2限目
実技 XD実習
共有機能について

3限目
実技 XD実習
課題制作

4限目
実技 XD実習
課題制作

5限目
実技 XD実習
課題制作

本日のテーマ

XDの共有機能について

XDの共有機能について

「共有」は、作業チームのコミュニケーションをスムーズにしたり、情報伝達を容易にしたりする機能です。1つのWebサイトやアプリを作る際には、多くの人の意見をとりまとめたり、必要に応じて修正を加えたりする必要があります。Adobe XDにはそんなチームの共同作業をスムーズに進めるための各種機能が含まれています。

ワンポイントアドバイス

XDの共有機能は、会社お勤めになってから利用すると良いですが、出来る事と出来ない事、注意点を確認しておきましょう。

※訓練施設のアカウントは施設アカウントなのでこのPCではやらないでください。お仕事の時やご自身のアカウントで行いましょう。

参考サイト

本日の課題

ワイヤーフレームを作成し5限目までにWordPressにUPしてください。
今日の時点できたところまでの成果を必ず上げるようにしてください。
※ワイヤーフレームができたら、デザインカンプ制作に入っても良いです。

学科 ポー トフォリオ作成基礎⑩【オンライン】

-本日アジェンダ-

1限目
学科 ポートフォリオ作成基礎⑩
バナーを作るポイントについて

2限目
学科 ポートフォリオ作成基礎⑩
adobe expressについて

3限目
学科 ポートフォリオ作成基礎⑩
canvaについて

4限目
学科 ポートフォリオ作成基礎⑩
LP(ランディングページ)を作るポイントについて

5限目
学科 ポートフォリオ作成基礎⑩
Figmaについて

本日のポイント

あくまでも、IllustratorとPhotoshopが扱える前提で試してみましょう。

【注意点として】
基本的に商業デザインをビジネスとしている企業がフリーソフトを使って商売をするのはいかがでしょうか?
教室で、有料のソフト(アプリケーション)IllustratorとPhotoshopを扱っているという事を前提に
「やむを得なく使っている」という意識はお忘れなく!
そして、企業が欲しいのはあくまで「作品の質」と「作品の内容」と「作品の目的」である事をアピールできるように進めていきましょう。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
より幅を広げる為に.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

参考サイト

  • ご紹介③・adobe XD
    【お知らせと注意点】
    以前は無料で利用できるプラン(スタータープラン)がありましたが、現在は公式サイトから見当たらなくなっています。Adobe XDは、2023年1月に単体販売が終了になりました。 現在はスタータープランはダウンロードできなくなっており、無料で利用する場合は7日間の無料体験版 のみになっています。
    ※こちらは教室でお試しください。別動画へ案内
  • ご紹介④ Figma
    ・コラボレーションインターフェースデザインツール –Figmahttps://www.figma.com/ja/

本日の課題

オンラインは課題無しです。
※不明点等は次の来校日に質問出来るようにまとめておいてください。