.webp)
今回から”毎日UIを作りなら基礎パターンを身につけていける”シリーズを始めます！
音声SNSをテーマにして、よく参考にされるSNSアプリで出てくる画面を作っていくシリーズになります。
ぜひメンバーの方はフィードバックの相談も"#質問なんでもどうぞ"のチャンネルで投稿していくださいー！
DAY1のお題です。「新規登録画面」を作りましょう
動画で使っている”お題紹介スライド"はこちら↓
https://www.figma.com/file/YISpSYHYEn9qkiz4qD6yR0/%E9%9F%B3%E5%A3%B0SNS%E3%82%A2%E3%83%97%E3%83%AA?node-id=5%3A29
「新規登録」の基本を解説します。
カイクンが作成したUIのポイント解説も合わせて話しています。自分の作ったUIと見比べて気づきをメモしましょう。
□ 作成したUIのリンク
--------------------
□ 目次
--------------------
00:36 結論 - この動画で伝えたいこと
03:54 新規登録UIの基本
05:49 配色-作成したUIの解説
11:16 作成したUIの改善ポイント
□ FormUIの基本 - 動画で使っているドキュメント
https://www.notion.so/takumikai/DAY1-FormUI-UI-UI-8c2d42f569d94fab807068709c4db5f2
□ 参考記事
□ 目次
- - - - - - - - - - - - - - - -
00:00 フォームUIの基本を解説
02:00 Form基本パターン
03:35 iOSとAndroidのフォーム
06:55 エラーパターン
07:31 フォームのステータス
08:06 ラベル有り？なし？どっち？
□ 動画で使っているNotion
https://www.notion.so/takumikai/UI-1c8cfc5daee14b23a25bdf980a1b3bf8
□ SFフォントのDL
https://developer.apple.com/fonts/
□ Noto Sans JPのDL
https://fonts.google.com/specimen/Noto+Sans+JP
DAY2です。音声SNSの投稿が並ぶ「フィードUI」を作りましょう
”お題紹介スライド"はこちら↓
※編集前の撮って出しです。編集したらアップデートしますが、早く見たい人もいるかもなので
□ 作ったUIとスライドはこちらから見れます
https://www.figma.com/file/8u9xhFFIj468bRMYjH69iq/DAY2?node-id=4%3A13
DAY4です。音声SNSの投稿をする際の画面「投稿の入力UI」を作りましょう
”お題紹介スライド"はこちら↓
※編集前の撮って出しです。編集したらアップデートしますが、早く見たい人もいるかもなので
□ 作ったUIとスライドはこちらから見れます
https://www.figma.com/file/QAYGMx1Rfwj1ABKB7YBzO8/DAY3?node-id=1%3A1557
DAY4です。音声SNSで投稿を検索できる「検索画面のUI」をデザインしよう。
”お題紹介スライド"はこちら↓
DAY6です。音声SNSの「通知UI」をデザインしよう。
”お題紹介スライド"はこちら↓
DAY6です。基本的な「設定UI」をデザインしよう。
”お題紹介スライド"はこちら↓
概要
UIトレースの基本的なやり方を動画で紹介しています。ただFigma初級やはじめてのUIデザインのシリーズでお伝えしたやり方もUIトレースする際のポイントになるのでそれと合わせて情報収集、Figma操作の向上の目的でトレースをすることをお勧めします。コツコツ毎日の基礎練のようにやることで力をつけることもできると思います。
スケジュール
UIトレースする題材と期間を自分で決めてトライしましょう。
コースレベル
入門レベル:これからUI/UXデザインを始めたい人向け
誰におすすめ
これからUI/UXデザインを始めたい人/WebデザインはやっているがUIはこれからの人