I類を半年間休学中で、ベンチャー企業でデザイナーとして働かせていただいております。今日はデザイン系の記事になります。くじついにdailyUIをはじめたなんでdailyUIをはじめたのか人に気軽に見せられる作品が欲しいUIデザインは経験値だな、と思った。ネット上で発信しないとやばい、と思いはじめた自分の処理能力を知る&向上させるdailyUIを進めるにあたって、自分ルール仕事を優先すること。制限時間は長くても90分。その時点での作品を公開すること。5つ進むごとに、ブログに記事を書くこと。制作プロセスを意識すること。IconついにdailyUIをはじめたサトゥーはい、ついに#dailyUIをはじめました。dailyUIというのは、平日1日1個のお題に沿って、UI(ユーザーインターフェース)画面を作りましょうという有名な企画で、まぁデザイナーでSNSやってるなら君もやるでしょ?みたいな登竜門的なサムシングです。登竜門と今言いましたが、全部で100個あるのでこれを全てこなすのはなかなか難しく、全部達成するとものすごい祝福を受けます(きっと)dailyUIということで、僕も先日からスタートして、忙しくて時間がまじで取れない日以外は基本的にやることにしました。平日に毎日やったとして、終わるのが20週間後ですから遠い未来ですね...僕の場合、順調に平日毎日やったとしても終わるのが4月中旬という...達成感のありそうな一大企画ですね!!!とまぁそんな感じで空いてる日の90分くらい使ってやっています。今日は#005まで終了したのでその記録を書いておきましょう、という更新です。なんでdailyUIをはじめたのかで、まずはなぜこのタイミングでdailyUIをはじめたのか、色々書いてみようと思います。人に気軽に見せられる作品が欲しい僕はありがたいことに環境にとても恵まれていたので、デザインをはじめてから間も無く仕事でデザインをさせていただくことができました。!」という事実に気づいてしまいまして。これでは休学したのに「お前何やってんの?なんか怪しくね?」と言われてしまっても何も言い返せないわけです。いうことで、仕事とは全く別で、自分の作品を他人に気軽に見せられるような形で持っておきたいというのが大きなきっかけになっています。UIデザインは経験値だな、と思った。これはデザイン全般に言えてしまうのですが、UIの世界は特に、経験があるか(=膨大な知識があり、かつそれを適切に運用できるか)がものをいう世界だと思っています。デザイン界隈だけでなくビジネス界隈でも有名な「センスは知識から始まる」なんていう本もある通り、経験に裏打ちされた知識の引き出しを大量に持っておくことがデザインの世界では重要であるということを身を以て感じています。2014-04-18AmazonKindle楽天ブックスということで、dailyUIみたいな毎日UIに触れ続ける企画は、UIデザインの訓練にはぴったりだと思いまして。経験値を貯めるため、という理由もあります。ネット上で発信しないとやばい、と思いはじめたこれが3つ目の理由になりますが、僕はデザインを勉強してからほとんど、このブログでデザインの記事を書けていません。デザインの記事というのは大きく2つあると思っていて。お役立ちTips自分の作品について前者はデザイン強い人たちがネットの世界にはたくさんいて、彼らはとても優しくて色々な知識を無料で公開してくれるので、僕がやる必要がそもそもなくて。後者なんですが、これはへなちょこひよっこみたいな僕がやってもあまり効果がないわけですよ。記事書かないと勿体ない。いうことで、dailyUIという企画にしてしまって、あくまでトレーニングの一環としてパッケージングしてしまいましょうというのが目的です(逃げやないかい)まだまだ自分の作品をネットに出せるほど、量的にも質的にも足りないなぁと思いまして。そのうち公開できるものはやりますけどね。dailyUiで発信の方法を身につけつつ、自分のデザイン力を上げていきたいなぁと思った次第でございます。自分の処理能力を知る&向上させる仕事でデザインをこなす以上は、自分が時間単位でどれくらいのことを出来るのか、自分の仕事量を見積もれるようにならないといけない気がしています。のちに述べますが、今回のdailyUIは時間制限を設けて行うので、自分の処理能力が(嫌でも)作品になって現れてしまいます。いうことで、自分の処理能力をまず知り、そこから向上させるというのもdailyUIで出来ることかなぁと考えています。dailyUIを進めるにあたって、自分ルールさて、そんな感じで始まったdailyUIですが、やる上でいくつかルールを設けておきます。当たり前ですが仕事の方が圧倒的に優先度高いので、「dailyUIのせいで仕事遅れてます状態」には絶対にならないようにします。時間的に無理ならやらない。出来る日にコツコツやって、100日分なんとかこなします。制限時間は長くても90分。その時点での作品を公開すること。自分の処理能力を見積もるため、90分という時間制限を見積もってやっています。できたものはinstagram上に公開しています。そのため、全然満足いかない日もあれば、しっかり作り込める日も...それも込みでのdailyUIかなと。今は平面の静止画を作るのでいっぱいいっぱいですが、だんだんと処理能力が上がってきたら、アニメーションや立体にも目を向けていきたいと思っています。5つ進むごとに、ブログに記事を書くこと。これは自分の記録用ですね。一応毎日note上に有料マガジンとして更新はしていますが、5回ごとにまとめという形でブログ記事を更新したいと考えています。自分の制作物の意図、感想などをメモして成長の過程が分かるようにしておきます。制作プロセスを意識すること。これは仕事の効率化のためでもありますが、noteに記録するときは制作のプロセスを意識しています。公開という感じのプロセスを踏んでいます。効率的でより効果的なプロセスを習得してしまえば、普段のデザインワークもかなり楽になってくると思うので。SignUp記念すべき第一回はSignUp(新規登録)の画面。過去問とかレジュメとかの写真共有するのにLINEとかDropboxつかいづらいという大学生あるあるっぽい良い着眼点だったので、これを想定してアプリを作ることにしました。アプリ名は『「落単」から「楽単」へ』ということで、「Rakutan」という名前にしてみました。丸にRとか完全にRakutenですね。やっちまった感が半端ないのですが、なんとか色だけは青系で逃げて、面倒なのでこのまま進みます。いうわけで、要素を極力減らし、ユーザーの負担を下げることで新規登録をして欲しいというこちらの意図を達成してもらえるような新規登録画面を意識しました。SNS認証は、Google、Twitter、LINEと、今の大学生がめっちゃ使ってそうなアカウントを設定しました。そのためFacebookは削除しました。思ったより90分って短い!アカウント持ってます?サインインします?みたいなの入れるべきだったなテキスト入力中の画面、ボタンをタップした時の画面など、他にも作るべきは色々あったななど。この辺はだんだんと改善していきましょう。クレジットカードの決済画面を作成しました。前回の反省を生かして、複数の画面を作成しました。4つのStepに分けて、決済完了までの導線を意識して作成。ランディングページのファーストビューのデザインですね。ランディングページというのは、広告踏んだ時に表示されるようなページのことです。ユーザーを「登録」や「ダウンロード」などの特定の行動に誘導するためのページが多いです。今回はファーストビューということで、ページを開いた時の一番最初の表示の部分をデザインしようということですね。こんなの1時間半で出来るわけないでしょ。一度「ペライチ」というデザイン的な自由度がなくて非常に使いずらいツールを利用してLPを作ったことがあるけど、あれ使っても1日で終わらなかったし。最低限のクオリティはできたのかなぁと。Calculator4日目は電卓ということで。僕が想定していた「Rakutan」の機能にはない(予定)なので、完全に別のアプリとして作成することにしました。写真スキャンとか高度な計算とか、手書きとか、色々な機能を盛り込みたかったんだけど、最初の画面を整えるので精一杯で...時間内に満足いくようなものを作ることはできませんでした。精進します電卓アプリはUIの型みたいなのがあるので、基本はここから外さない方が良さそうでした。今日はアプリのアイコンを作りました。普通に結構時間かかった。サトゥーサービスロゴ完成してるのに70分かかりました大きさを2pxずつ変えたり、グラデーションのかけ方を変えたり、思い切って色を変えたり...大きさが数px違うだけで、だいぶ見た目の印象が変わるのがわかるかと思います。見た目が良さそうなものを絞って、5個のうちから最終的なものを選びました。個人的に真ん中が捨てきれず、でもトンマナずれるし...みたな葛藤がありました)という感じでした。#006~#010が完成したらブログ書きます。インスタにいいねとフォローしてくれると喜びます。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。英語チートシート〜勉強の具体的な方法について〜次の記事もう12月だよ!!ブログの運営報告するよ!!Ranking1一浪して東大に合格した凡人が浪人生活を振り返る。物理チートシート〜2体問題を攻略。