Daily UI Day1-10(UIデザイン)のサイト画像

Web

Daily UI Day1-10(UIデザイン)

Daily UI Day1-10(UIデザイン)

ブログ(「Daily UIでSign UpのUIに挑戦」)に1日目のみ記していましたが、Daily UIの1〜10日目の作品になります(数が多くなるため、10日ずつまとめて掲載します)。

Day1

1日目−Sign Up

登録画面のUIをデザインしました。詳細はブログ(「Daily UIでSign UpのUIに挑戦」)に記しております。

Day2

2日目−Credit Card Checkout

ECサイトの購入フローを想定して、クレジット登録画面をデザインしました。クレジット以外の支払い方法も並列的に配置したうえで、クレジットを選択した際に表示される入力画面をデザインしています。

Day3

3日目−Landing Page

ランディングページ(LP)をデザインしました。IT系サービス企業のシンプルなプロダクトサイトをイメージしています。

Day4

4日目−Calculator

電卓アプリのデザインです。デフォルトではシンプルな機能のみを配置していますが、タブを持ち上げると高度な機能が表示される仕組みを想定しました。

Day5

5日目−App Icon

アプリアイコンをデザインしました(ロゴデザインに近く、グラフィックデザインになります)。AI画像生成アプリのアイコンをイメージしました。

Day6

6日目−User Profile

TwitterのようなブログライクなSNSアプリのプロフィール画面です。左がフォロワー(フォロー前)が見たとき、右が本人が見たときのインターフェースです。

Day7

7日目−Settings

アプリの設定画面をデザインしました。アイコンでグループ分けをイメージしやすくしています。

Day8

8日目−404 Page

404ページのデザインです。3日目のプロダクトのエラーページを想定しています。

Day9

9日目−Music Player

音楽アプリのプレイヤーを想定しました。再生/停止、前へ、次へ、リピート、シャッフル、ライクボタンは定番に倣いました。四角ボタンと三本線ボタンでリスト表示の切り替えで少しオリジナリティを出しました。

Day10

10日目−Social Share

Webサイトのシェアボタンを想定して、押した時に表示されるポップアップをデザインしました。