Schooをご利用になるには、JavaScriptの設定を有効にしてください。 →JavaScriptの設定方法（参考）

UI/UXデザインのはじめ方

PREMIUM

第5回

文字起こし

UIデザイン -デザインデータとチーム連携-

2022年10月12日 70min

UIデザイン -デザインデータとチーム連携-

play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 85

授業の概要

ここまでみなさんお疲れさまでした。
第5回目の授業では、UIデザインを擬似的に触れるように試作品した「プロトタイプ」の作り方や、エンジニアへデザインデータを渡す作業「ハンドオフ」について学んでいきましょう。
このコースでは詳しいツールの使いこなし方まではご紹介しませんでしたが、もっと学びたい方向けにUIデザインツールFigmaのご説明もします。
また今後もUI/UXデザインについて勉強を続けていきたい際にオススメの勉強法があるので一緒にご案内します。

■お話しすること（予定）
・デザインツールやトレンドの紹介
・Figmaを使ったUIデザインデータ作り方
・プロトタイピング
・ハンドオフ（書き出し）
・今月のミニコーナー「エンジニアがデザイナーとのやりとりで困ることベスト3」
・質疑応答
・まとめ

担当の先生／パーソナリティ

チャプター

先生自己紹介

UI/UX DESIGN

5つのポイント

今月のミニコーナー

質疑応答

エンディング

Q.実機テストとかをするとなったら、ボタン選択によって項目が変わるだったり、ボタンがアクティブになる、みたいなところも確認したいとなったらそれらの画面も作ることになりますよね？それらも含めて画面遷移を繋ぐとなると画面数めちゃくちゃ増えるな…みたいなことが最近あって。

Q.遷移図の作成はどんなソフトを使われていますか？

Q.チーム連携の部分では、先生方お二人の優しいやり取りから受ける印象でほっこりしています。これは、自然醸成されたものですか、それとも意図的に何かの取り組みをされていることがあったりしますか？

Q.アプリやWebなど、それぞれのプロダクトで仕様の書き方などが標準・フレーム化されていないのが課題な感じもします（されているのかもしれませんが）。マテリアルデザインなどの指針が大元にあるにしても、各種業界である程度の標準化の動きとかはないのでしょうか。プロトタイピングしながら修正の方が早くて良い、とかもあるかもですが