サイクルを引き続きまわしてお題を完成させよう

このクエストでは、これまで学んできたUIデザインサイクルを使って、実際にお題のデザインを完成させます。

ここまでの学習で、以下の4つのステップを学んできました：

1. UIリサーチ - 視野を広げてアイデアの引き出しを増やす
2. ラフ・アイデア - 試すべきアイデアを整理する
3. 制作 - 複数パターンを作って比較できる状態にする
4. 評価・計画 - デザインを評価し、改善点を見つける

このクエストでは、これらすべてを組み合わせて、1つのデザインを完成させることに挑戦します💡

サイクルを回しながらデザインを磨き、完成形を作り上げましょう。

クエストのゴール

UIデザインサイクルを一通り回して、お題のデザインを完成させることがゴールです。デザインサイクルを何度も回すプロセスを体験することで、デザインの進め方を体に染み込ませましょう。

お題で実践する流れ

実演解説のつづきのサイクルを回した 「サイクル例」を参考にしたり、まずは真似することも実践して、完成まで進めましょう。

01 : まずは「レイアウト」から固める

まずは真似した実践サイクルの続きを回して、お題の要件を最低限クリアする機能やレイアウト、情報をきちんと表示するUIの土台・骨格をデザインしましょう

02 : 「ビジュアル」を固める

レイアウトが固まってきたら、配色や細い余白、サイズ感など、見た目を整えていきましょう。
ここでも”真似をする”を意識してください。

03 : お題のデザインを完成へ

サイクルを回してお題の完成まで進めていきましょう！

サイクルでデザインを完成させよう

それでは最後のチャレンジに進みましょう。お題のデザインを完成させてください！