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

いちばんシンプルなiPhoneのセルフタイマーカメラアプリ、「TimerCamera」のアイコンを作った時の過程を晒しました。
Apple Illustrator Photoshop アイコン アプリ Design イラレ デザイン 晒し icon Webデザイン
40
ショコ @chocolatina
paperboy&co. デザイナー 小山田 @chocolatina です。敏腕iOSプログラマ @tichise と開発したアプリがリリースされたので、アイコンを作った過程をつぶやきます。#PPB_design http://t.co/qIqWpd4I
ショコ @chocolatina
今日リリースしたアプリでは、みんなで楽しく集合写真を撮ったり、完璧な自分撮りをしたりできます。ダウンロードはこちら! http://t.co/qIqWpd4I #PPB_design
ショコ @chocolatina
ちなみに敏腕iOSプログラマ @tichise は、来週からひとりでシンガポール旅行に行きます。ひとり旅もこのセルフタイマーがあればさみしくないですね。よかったですね。 http://t.co/qIqWpd4I #PPB_design
ショコ @chocolatina
【目標】iPhoneのカメラだとセルフタイマー機能がないので、シンプルなセルフタイマーカメラを作る。AppStoreやホーム画面で目立って質感のいいアイコンを作る。 #PPB_design http://t.co/qIqWpd4I
ショコ @chocolatina
【手書きのラフ】dribbbleなどを見て、タイマーアイコンや針、ステータスバー、数字、砂時計、カメラ、レンズ、シャッター、などのモチーフを使おうと決める。 http://t.co/qIqWpd4I #PPB_design http://t.co/nA7gLS4b
拡大
ショコ @chocolatina
【手書きのラフ】針が2本だと普通の時計っぽい。タイマーぽくするには、ツマミとか、数字とか? http://t.co/qIqWpd4I #PPB_design
ショコ @chocolatina
【Photoshop立ち上げ】なんとなくPhotoshopで作ってみる。ホーム画面に並んだときに目立たせたいから、なるべく白系の色で、立体的にしたい。ダサくないかんじに。 http://t.co/qIqWpd4I #PPB_design http://t.co/CPu88mkk
拡大
ショコ @chocolatina
【レンズを描く】どのデザインにするとしてもレンズは使うだろう、ということで、まずレンズを描くことにする。質感・命、光の入り方計算しつつ‥。 http://t.co/qIqWpd4I #PPB_design http://t.co/ftxVXKij
拡大
ショコ @chocolatina
【タイマーぽくする】タイマー的な要素を入れてみる。うーん、レンズが黒、背景が白、だと、針が黄色は難しいのかも‥。 http://t.co/qIqWpd4I #PPB_design http://t.co/I6RU3CIh
拡大
daiskip @daiskip
これ結構好きだった “@chocolatina: 【タイマーぽくする】タイマー的な要素を入れてみる。うーん、レンズが黒、背景が白、だと、針が黄色は難しいのかも‥。 http://t.co/a1kYkF2I #PPB_design http://t.co/RhIhj7mR
拡大
ショコ @chocolatina
【お昼ごはんを食べに行く】円や光沢を見過ぎたせいで、世界にあるすべての円が怖くなる。円、ゲシュタルト。すべてが目玉の親父に見える。定食屋のたまごかけごはんに若干おびえる。 http://t.co/qIqWpd4I #PPB_design
ショコ @chocolatina
【作りまくる】答えが出ないときは黙って手を動かすのが一番じゃ。100枚目のPSDに答えが載っていることもある。 http://t.co/qIqWpd4I #PPB_design http://t.co/1i92q9iV
拡大
ショコ @chocolatina
【作りまくる2】チームの反応の良かったデザインから、また2パターン展開してみる。 http://t.co/qIqWpd4I #PPB_design http://t.co/2V4n5mcO
拡大
ショコ @chocolatina
【作りまくる3】さらにそこから、4パターン作ってみる。 http://t.co/qIqWpd4I #PPB_design http://t.co/i8oP0rFR
拡大
ショコ @chocolatina
【良いのを突き詰める】チームの意見などを聞いて、Dで進めてみる。目盛の処理やピクセル単位の修正など。 http://t.co/qIqWpd4I #PPB_design http://t.co/P44dzC6e
拡大
ショコ @chocolatina
【実機で確認】プログラマ @tichise に頼んで、iPhoneに嵌めて貰う。実際にiPhoneで見たら、レンズのテカリが足りなかったので、さらに光らせる。徹底的に艶。 http://t.co/qIqWpd4I #PPB_design http://t.co/GjooQbEg
拡大
ショコ @chocolatina
【出来た】サイズ違いも作る。サイズによって、微妙に光彩とかシャドウとか変えてます。 http://t.co/qIqWpd4I #PPB_design http://t.co/QqoEcIwg
拡大
ショコ @chocolatina
【おまけ】イラレの画面はこんな感じに散らかりました  http://t.co/qIqWpd4I #PPB_design http://t.co/UFxgMTcN
拡大
ショコ @chocolatina
これで。このアプリのプログラマの @tichise も、マーライオンの前でひとりで写真を撮れますね。よかったですね。わたしもうれしいです。 http://t.co/qIqWpd4I #PPB_design

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

ログインして広告を非表示にする
ログインして広告を非表示にする