デザインスキルの向上を図るために100日間かけて制作しているDaily UI。せっかくなので、10作品ごとに作品を紹介していきます。
制作時間はだいたい30分を目処に。今回は#031〜#040を簡単に紹介していきます。
#031 File Upload
![031](https://yutolog.com/wp-content/uploads/2018/12/031.png)
31日目はファイルアップロード画面。
クラウドストレージをイメージし、スマホからでも何のファイルがアップロードされているのかを分かりやすいようにしました。
#032 Crowdfunding Campaign
![032](https://yutolog.com/wp-content/uploads/2018/12/032.png)
32日目は流行りのクラウドファインディング。
アクセントカラーに黄色を使い、遊びのあるデザインにしてみました。
#033 Customize Product
![33](https://yutolog.com/wp-content/uploads/2018/12/33.png)
33日目はカスタマイズプロダクト。
11日目に作成したECサイトのカスタマイズ画面をイメージして作成しました。
#034 Car Interface
![034](https://yutolog.com/wp-content/uploads/2018/12/034.png)
34日目は車のインターフェース画面。
運転時にiPhoneを手元に置き、車と連携してタップ操作できたら便利だなと思い、作成しました。
#035 Blog Post
![35](https://yutolog.com/wp-content/uploads/2018/12/35.png)
35日目はブログ投稿。
雑誌っぽいレイアウトをイメージして作ってみました。海外のオシャレWebマガジンみたいな。
#036 Special Offer
![036](https://yutolog.com/wp-content/uploads/2018/12/036.png)
36日目は、特別クーポン?の画面。
こちらも30日目に作成したサービスの特別価格ポップアップをイメージして作成しました。
#037 Weather
![037](https://yutolog.com/wp-content/uploads/2018/12/037.png)
37日目は天気アプリ。
個人的に使ってみたいシンプルで、美しいデザインにしてみました。天気に応じて背景のカラーが変わるイメージ。
#038 Calendar
![38](https://yutolog.com/wp-content/uploads/2018/12/38.png)
38日目はカレンダー。
カレンダーはマンスリー表示の際に、予定の内容まで見えるものを好むので、自分好みにカレンダーデザインを作りました。
#039 Testimonials
![039](https://yutolog.com/wp-content/uploads/2018/12/039.png)
39日目はレビュー画面。Figmaのコンポーネントでの作成が便利でした。
#040 Recipe
![040](https://yutolog.com/wp-content/uploads/2018/12/040.png)
40日目はレシピ。
今流行りの料理がパッと見れたり、自分のお気に入りレシピが簡単に登録できるように。
まとめ
![](https://yutolog.com/wp-content/uploads/2018/12/daily-ui_31_40.jpg)
31日目から40日目まで終わり、前回から少し間隔が空いてしまいましたが、残りはあと60個。
最近はFigmaで作成する機会が特に増えてきました。英語UIなので、初めはややハードルがありますが、慣れてしまえば快適です。
XDもアニメーション機能が実装されたので色々と遊んでみたいです。