デザインスキルの向上を図るために100日間かけて制作しているDaily UI。せっかくなので、10作品ごとに作品を紹介していきます。
制作時間はだいたい30分を目処に。今回はいよいよラスト#091〜#100を紹介していきます。
#091 Curated For You

91日目はCurated For You。
フォルダアプリをイメージして作成しました。
#092 F.A.Q.

92日目はF.A.Q.画面。
自分のサイトのF.A.Q.画面をイメージして作成しました。
#093 Splash Screen

93日目はSplash Screen(起動処理中画面)。
こちらも自分のサイトをアプリ化した際のイメージで作成。
#094 News

94日目はNews。
コンテンツに集中できるようなシンプルなデザインに。
#095 Product Tour

95日目はProduct Tour(製品ツアー)。
XDの自動アニメーションを使用し、動きを加えてみました。
#096 Currently In-Stock

96日目はCurrently In-Stock(在庫情報)。
僕が使用しているlogicoolのマウスを使い、トンマナに合うようなデザインを作成。
#097 Giveaway

97日目はGiveaway(与える)というざっくりとしたお題。
最近流行りの送金アプリをイメージしてデザインを作成しました。
#098 Advertisement

98日目はAdvertisement(広告)。
旅行サイトをイメージして作成しました。
#099 Categories

99日目はカテゴリー。
自分のサイトのカテゴリーページをイメージして作成。
#100 Redesign Daily UI Landing Page

100日目はDaily UIのLP。
Daily UIのテーマカラーのブルーをメインに使用したデザイン。
まとめ

昨年9月から始めたDily UI。
ブログへの公開は遅くなりましたが、2019年の1月末までに100個作り切るという目標を無事達成しました。
去年の9月から始めたDaily UI。今日で100個作り終えました!
1/31までに100個作るという目標無事達成。
ブログには後ほどアップします!#DailyUI
【Daily UIを100個作ることにしました。】https://t.co/voGuImdnam pic.twitter.com/gbwet8cq2Q
— YUTO / ユトログ (@_yutof) January 27, 2019
実際に100個作ってみて、限られた時間、限られた期限の中で毎日1つデザインを作ることは意外と難しいと感じました。
1つのお題に対して30分を目安に作成していたのですが、時間に囚われすぎてクオリティが低下するようでは意味ないですし、かといって時間をかけすぎては100個作成に間に合わない。
実際に作る時間がない日は休日に間に合わない分を作成し、なんとか1月末までに100個作り終えることができました。
Daily UIをキッカケにXDやFigma、Sketch、InVision Studioなど様々なツールに触れることができたのも良い経験に。
また何かこういった取り組みに挑戦してスキル向上を図っていきたいです。