Statground · Workbench

講座・学習ガイド

用意された学習順を確認し、分野別に必要な講座を探しましょう。

Inflearn

分野から探す

おすすめの学習順

FigmaによるUI設計の実践ガイド

Statgroundが提案するFigmaによるUI設計の練習計画です。各段階で小さな成果物を作り、見直します。

4週間・週約6時間

始める前に: 基本的なパソコン操作と練習用ツールが必要です。利用条件を先に確認してください。

  1. 土台を準備する

    準備するもの:3画面と一つの利用者タスクのワイヤーフレーム。参照資料を使い、選択の理由を説明してください。

    6 時間関連講座を探す →
  2. 例を作ってみる

    作るもの:余白の規則を統一した再利用可能な部品5個。繰り返し再現できる小さな例を残してください。

    6 時間関連講座を探す →
  3. 点検して改善する

    確認するもの:画面遷移・空の状態・エラー状態の確認記録。問題点と修正内容を記録してください。

    6 時間関連講座を探す →
  4. 成果物を仕上げる

    仕上げるもの:5画面をクリックで移動できる試作品。参考資料と次の改善点を添えてください。

    6 時間関連講座を探す →

時間は実習を含む学習計画の目安で、講座動画の再生時間ではありません。

参考資料

現在、結果を読み込めません。時間をおいて再度お試しください。