Daily UIを100個作ることにしました。#001〜#010


以前、美容師からWebデザイナーに転職しました。の記事でもお伝えした通り、ほぼ未経験の状態から現在Webデザイナーへと転職しました。

プライベートの時間でもデザインスキルの向上を図るために、Daily UIというものを100個作っていくことにしました。

Daily UIとは

Daily UIとは、毎日1通メールでUIデザインの課題が届き、課題に合わせてUIデザインを作成していくサービス。

課題は全部で100個あり、コチラのサイトにメールアドレスを登録することで、土日を覗く合計100日の間メールで課題が送られてきます。

#Daily UIで検索すれば色んな人が作成したデザインを見ることができるので、眺めているだけでも面白いですよ。

Daily UI Design Challenge, Design Resources, Design Inspiration

ということで冒頭でもお伝えしましたが、デザインスキルの向上を図るために100日間Daily UIをこなしていきたいと思います。せっかくなので、記録的な意味も込めて10作品ごとに記事で紹介していきます。

制作時間はだいたい30分を目処に。早速#001〜#010を簡単に紹介します。

#001 Sign Up

daily ui001

1日目はサインアップ画面。シンプルな設計にして、迷わずサッとサインアップできるように。

#002 Credit Card Checkout

daily ui002

2日目はクレジットカードの決済画面。台湾旅行をキッカケにもっと旅をしてみたいなと強く思ったので、手軽に決済可能なトラベルアプリをイメージして作成しました。

#003 Landing Page

daily ui003

3日目はランディングページ。コーヒーをよく飲むので、美味しいコーヒーをまとめたLPをイメージしてファーストビューを作成しました。

#004 Calculator

daily ui004

4日目は計算機。シンプルで使いやすさ重視をイメージして作成しました。

#005 App Icon

dailu ui005

5日目はアプリアイコン。せっかくなので、2日目に作ったトラベルアプリのアイコンをイメージして作成しました。

#006 User Profile

daily ui006

6日目はプロフィール画面。写真が好きなので「Twitterのように呟きもできるけど写真がメイン」みたいなSNSをイメージして作成しました。

#007 Settings

daily ui007

7日目は設定画面。SNSの設定画面をイメージして作成しました。

#008 404 page

daily ui008

8日目は404ページ。エラーページなので、インパクトのあるフォントを使用し、404が目立つように。

#009 Music Player

daily ui009

9日目は音楽プレーヤー。個人的に「こんなUIだったら良いな」と思うがまま作成しました。

#010 Social Share

daily ui010

10日目はシェアボタン。片手でアクセスしやすいように右下に配置し、追尾するボタンをイメージして作成しました。

まとめ

以上、Daily UI#001〜#010までの紹介でした。

とりあえず10個作ってみて、30分で作るのは意外と難しいと感じました。数をこなしていくうちに、デザインスキルの向上はもちろん、時間意識や作業スピードの向上にも繋がりそうなので頑張って100個作っていきたいと思います。

100日後にはどうなっているのか、自分でも少し楽しみです。