まとめの限定公開に「リンク限定」が追加されました。URLを伝えてまとめを共有しよう!

【デザイン】 iPhoneアプリアイコンのデザイン過程晒してみた 【ThisDay】

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