Daily UI #031 〜 #040まとめ


デザインスキルの向上を図るために100日間かけて制作しているDaily UI。せっかくなので、10作品ごとに作品を紹介していきます。

制作時間はだいたい30分を目処に。今回は#031〜#040を簡単に紹介していきます。

前回までのDaily UI #021 〜 #030まとめ

#031 File Upload

031

31日目はファイルアップロード画面。

クラウドストレージをイメージし、スマホからでも何のファイルがアップロードされているのかを分かりやすいようにしました。

#032 Crowdfunding Campaign

032

32日目は流行りのクラウドファインディング。

アクセントカラーに黄色を使い、遊びのあるデザインにしてみました。

#033 Customize Product

33

33日目はカスタマイズプロダクト。

11日目に作成したECサイトのカスタマイズ画面をイメージして作成しました。

#034 Car Interface

034

34日目は車のインターフェース画面。

運転時にiPhoneを手元に置き、車と連携してタップ操作できたら便利だなと思い、作成しました。

#035 Blog Post

35

35日目はブログ投稿。

雑誌っぽいレイアウトをイメージして作ってみました。海外のオシャレWebマガジンみたいな。

#036 Special Offer

036

36日目は、特別クーポン?の画面。

こちらも30日目に作成したサービスの特別価格ポップアップをイメージして作成しました。

#037 Weather

037

37日目は天気アプリ。

個人的に使ってみたいシンプルで、美しいデザインにしてみました。天気に応じて背景のカラーが変わるイメージ。

#038 Calendar

38

38日目はカレンダー。

カレンダーはマンスリー表示の際に、予定の内容まで見えるものを好むので、自分好みにカレンダーデザインを作りました。

#039 Testimonials

039

39日目はレビュー画面。Figmaのコンポーネントでの作成が便利でした。

#040 Recipe

040

40日目はレシピ。

今流行りの料理がパッと見れたり、自分のお気に入りレシピが簡単に登録できるように。

まとめ

31日目から40日目まで終わり、前回から少し間隔が空いてしまいましたが、残りはあと60個。

最近はFigmaで作成する機会が特に増えてきました。英語UIなので、初めはややハードルがありますが、慣れてしまえば快適です。

XDもアニメーション機能が実装されたので色々と遊んでみたいです。

前回までのDaily UI #021 〜 #030まとめ