実技 XD実習

-本日のアジェンダ-

1限目
実技 XD実習
スマホサイトの制作について

2限目
実技 XD実習
プロトタイプのフロー設定と共有機能について

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

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

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

本日のテーマ①

スマホサイトの制作について

スマホサイトの制作について

Adobe XDでは、webサイトや、モバイルアプリなどのデザインに適した、オールインワンのUX/UIソリューションと言われています。デザイン、プロトタイプ、共有、すべてをXDでおこない活用することで、デザイナーはより早く、正確に、高い品質で作業できます。

ワンポイントアドバイス

XDを使ってスマホサイトのデザインを構築するのが、昨今のXD利用の最も実践的な利用方法でしょう。aiやpsdでも作れてXDでもワイヤーフレームやデザインラフを制作で来ていると理想的でしょう。

参考サイト

本日のテーマ②

XDの共有機能について

XDの共有機能について

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

ワンポイントアドバイス

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

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

参考サイト

その他参考サイト

第5回成績考査について

3月16日(水)の5限目までに、Webページを提出してください。
提出は完成形ではなく、「途中の段階」で結構です。
今後卒業までの期間を使って完成形を目指してみてください。

※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。

学科 XD基礎

-本日のアジェンダ-

1限目
学科 XD基礎
XDについて

2限目
学科 XD基礎
XDの使い方について

3限目
学科 XD基礎
データ連携について

4限目
学科 XD基礎
課題制作

5限目
学科 XD基礎
課題制作

本日のテーマ

adobe XD です。

adobe XD とは？

Adobe XDは、アドビが販売しているベクターベースのプロトタイピング作成ツールである。 ウィキペディア

ワンポイントアドバイス

XDはまだ求人票で必要なスキルと掲載は少ないですが、取り入れている企業と、取り入れているデザイナーさんは増えています。
まずは、基本操作と利点などをしっかりと確認しておきましょう。

参考サイト

XD データ連携について

Adobe XD では、Photoshop や Illustrator などの他のアドビアプリケーションからデザイン素材を読み込むことができます。XD では、これらのデザイン素材をさらに拡張することも、これらのデザイン素材を使用してインタラクティブプロトタイプを作成することもできます。

ワンポイントアドバイス

実際のお仕事では、お客様とのやり取りに合わせて連携方法が変わるでしょう。必要に応じて、ai（Illustrator）なのかpsd（Photoshop）がいいのか、XDがいいのか、お客様に合わせて判断していきましょう。

参考サイト

第5回成績考査について

3月16日(水)の5限目までに、Webページを提出してください。
提出は完成形ではなく、「途中の段階」で結構です。
今後卒業までの期間を使って完成形を目指してみてください。

※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。