【デザイン】 iPhoneアプリアイコンのデザイン過程晒してみた 【ThisDay】
-
chocolatina
- 9222
- 0
- 14
- 18
-
- いいね！18
ショコ
@chocolatina
paperboy&co. デザイナー 小山田 @chocolatina です。敏腕iOSプログラマ @tichise と開発したアプリがリリースされたので、アイコンを作った過程をつぶやきます。#PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:07:37
ショコ
@chocolatina
今回リリースしたアプリ「ThisDay - 今日は何の日？」では、友達や有名人の誕生日、歴史上の出来事などが分かります。普段会話のネタに困りがちな方におすすめです。#PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:08:06
ショコ
@chocolatina
【目標】毎日使ってほしいので、ずっとホーム画面に置いてきたいデザインにする。なるべくシンプルに、飽きない形にする。今日は何の日、というコンセプトが明確に伝わるようにする。#PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:08:22
ショコ
@chocolatina
【ターゲット】若い学生からサラリーマンまで、幅広く使ってほしい。#PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:15:06
ショコ
@chocolatina
【上司からのラフ】なるべくシンプルに、という @daiskip 先生からのリクエスト。ただ、諸々の事情により、一旦、日付の概念を無しでデザインすることに。 #PPB_design http://t.co/KNlfvR0WaS http://t.co/mNKKW5ndz0
2013-03-22 16:19:35
拡大
ショコ
@chocolatina
【手書きのラフ】既にUIが固まっていたので、UIで使った「木材」「紙」「デニム」「テキスト」を使ったシンプルなデザインにしたい。スノボで痛めた右手で描いたひどいラフ #PPB_design http://t.co/KNlfvR0WaS http://t.co/P0qXm0Q6Ry
2013-03-22 16:23:23
拡大
ショコ
@chocolatina
【Photoshopで起こす】 なるべくスマートオブジェクトとシェイプレイヤーで作っていく（ビットマップデータは、拡大縮小時にややこしくなるので使わない）#PPB_design http://t.co/KNlfvR0WaS http://t.co/y1kr09ghIb
2013-03-22 16:29:42
拡大
ショコ
@chocolatina
【Photoshopで起こす】今回は諸事情により114pxサイズのアイコンから作っていったけど、本当は57pxから作っていく方が、あとで拡大すればいいだけなので（アンチエイリアスの処理が要らないので）楽です。#PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:34:35
ショコ
@chocolatina
【アプリの内容を知らない人に見てもらう】他部署の人間を捕まえて、アイコンのデザインでどんな内容のアプリを想像するか、試しに聞いてみる。 #PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:38:43
ショコ
@chocolatina
【文字を変える】Tや30、Dayだけだと、何のアイコンか、やはりよく分からないようなので、ThisDayの文字をそのまま入れることにする。 #PPB_design http://t.co/KNlfvR0WaS http://t.co/41ugN7Vvcb
2013-03-22 16:41:11
拡大
ショコ
@chocolatina
【実機で見たら暗い】実機の画面に嵌めて確認したところ、やっぱり木目では暗い。他のアプリに埋もれてしまうので、思い切って紙テクスチャを使うことにする。文字も手書き風に。#PPB_design http://t.co/KNlfvR0WaS http://t.co/U7VXjkmghc
2013-03-22 16:42:47
拡大
ショコ
@chocolatina
【これで出来たかな？】と思って1週間、自分のiPhone内に置いて使ってみたけど、5日目の朝に突如バランスが気持ち悪くなる。ちゃぶ台を引っ繰り返す決心をし、上司に変更させてもらうよう頼む。 #PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:48:09
ショコ
@chocolatina
【社内のデザイナーに意見を聞く】3パターン作って社内チャットで意見を聞く。全体的にはBが好評だったが、やはり毎日使うことを意識して、文字は細めにすることを決める。 #PPB_design http://t.co/KNlfvR0WaS http://t.co/MCJkiSt7Uk
2013-03-22 16:48:55
拡大
ショコ
@chocolatina
【完成形】バランスを整えて、日めくりカレンダー感を出す。これでまた2日間触ってみた。たぶん良い感じ。 #PPB_design http://t.co/KNlfvR0WaS http://t.co/GPYXEunFyA
2013-03-22 16:49:23
拡大
ショコ
@chocolatina
【出来ました！】今回はPSDも合わせて公開します。こちらのAttachmentでご覧いただけます。http://t.co/1WpUpQtQ6r #PPB_design http://t.co/KNlfvR0WaS
2013-03-22 16:52:12