以前、美容師から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
1日目はサインアップ画面。シンプルな設計にして、迷わずサッとサインアップできるように。
#002 Credit Card Checkout
2日目はクレジットカードの決済画面。台湾旅行をキッカケにもっと旅をしてみたいなと強く思ったので、手軽に決済可能なトラベルアプリをイメージして作成しました。
#003 Landing Page
3日目はランディングページ。コーヒーをよく飲むので、美味しいコーヒーをまとめたLPをイメージしてファーストビューを作成しました。
#004 Calculator
4日目は計算機。シンプルで使いやすさ重視をイメージして作成しました。
#005 App Icon
5日目はアプリアイコン。せっかくなので、2日目に作ったトラベルアプリのアイコンをイメージして作成しました。
#006 User Profile
6日目はプロフィール画面。写真が好きなので「Twitterのように呟きもできるけど写真がメイン」みたいなSNSをイメージして作成しました。
#007 Settings
7日目は設定画面。SNSの設定画面をイメージして作成しました。
#008 404 page
8日目は404ページ。エラーページなので、インパクトのあるフォントを使用し、404が目立つように。
#009 Music Player
9日目は音楽プレーヤー。個人的に「こんなUIだったら良いな」と思うがまま作成しました。
#010 Social Share
10日目はシェアボタン。片手でアクセスしやすいように右下に配置し、追尾するボタンをイメージして作成しました。
まとめ
以上、Daily UI#001〜#010までの紹介でした。
とりあえず10個作ってみて、30分で作るのは意外と難しいと感じました。数をこなしていくうちに、デザインスキルの向上はもちろん、時間意識や作業スピードの向上にも繋がりそうなので頑張って100個作っていきたいと思います。
100日後にはどうなっているのか、自分でも少し楽しみです。
