読み込み中...

UIアイデア入門

UIアイデア入門

1

UIのイメージを出そう

お題:モバイルオーダーアプリのUIプロトタイプをデザイン

自分で作り切る→動画をみよう

デザインの進め方のイメージ

フローから必要な情報をアイデア出し

参考になるアプリからヒントを得よう

2

UIのパターンを出そう

紙にUIアイデアのラフを出そう

ホーム画面をラフデザイン

店舗選択画面をラフデザイン

商品詳細選択画面ラフデザイン

カート&確定画面をラフデザイン

注文確定/注文状況確認のUIラフ

確定画面/注文タブ

UIアイデア入門

UIアイデア入門

1

UIのイメージを出そう

お題:モバイルオーダーアプリのUIプロトタイプをデザイン

自分で作り切る→動画をみよう

デザインの進め方のイメージ

フローから必要な情報をアイデア出し

参考になるアプリからヒントを得よう

2

UIのパターンを出そう

紙にUIアイデアのラフを出そう

ホーム画面をラフデザイン

店舗選択画面をラフデザイン

商品詳細選択画面ラフデザイン

カート&確定画面をラフデザイン

注文確定/注文状況確認のUIラフ

確定画面/注文タブ

プレミアムコンテンツ

この動画を視聴するにはメンバーシップの登録が必要です

ログインするメンバーシップ登録へ

4. 商品詳細選択画面ラフデザイン

クエスト2: UIのパターンを出そう

今回はiOSの特徴的な「ハーフモーダル」を使って、画面遷移なしで選択できる詳細UIを作っています。

ハーフモーダルの動きについてはこちら

続きを読むにはメンバーシップの登録が必要です

ログインするメンバーシップ登録へ

商品詳細選択画面ラフデザイン | UIアイデア入門 | BONO