思わずクリックしたくなる、秀逸デザインのアイコン
今や数えきれないアプリが毎日山のように発表されています。
そんな中全てのユーザーが一番最初に目にするアイコンは、まさにアプリの顔!
ここからクリックされない事にはだれも購入してくれません。
どんなに素晴らしいアプリでも、アイコンで興味が惹かれないと誰にも知られないまま埋もれていってしまいます。
今回は趣旨を変えて、思わずクリックしてしまいたくなるような秀逸デザインのアイコンについて考えてみたいと思います。
アイコンが素晴らしい=アプリも素晴らしいというわけではありませんが、「売れるアプリの1つの条件」みたいなものではあると思います。
ユーザーも美麗アイコンのアプリは思わずホーム画面に置いておきたくなるもの。
開発者の方々の参考になれば幸いです。
■リアル系
■シンプル&質感重視
■イラスト系
■シリーズ作品
■有料版&無料版
■開発元が同じ別アプリ
■アップデート大賞
■秀逸デザイン
■革&縫い目デザイン
■アイデア賞モノ
■オマケ
そんな中全てのユーザーが一番最初に目にするアイコンは、まさにアプリの顔!
ここからクリックされない事にはだれも購入してくれません。
どんなに素晴らしいアプリでも、アイコンで興味が惹かれないと誰にも知られないまま埋もれていってしまいます。
今回は趣旨を変えて、思わずクリックしてしまいたくなるような秀逸デザインのアイコンについて考えてみたいと思います。
アイコンが素晴らしい=アプリも素晴らしいというわけではありませんが、「売れるアプリの1つの条件」みたいなものではあると思います。
ユーザーも美麗アイコンのアプリは思わずホーム画面に置いておきたくなるもの。
開発者の方々の参考になれば幸いです。
■リアル系
Can Knockdown - Infinite Dreams Inc. | |
リアル系グラフィックに枠を付け、文字情報無しにゲーム内容が分かるというお手本のようなアイコン。 |
Magic Wallet - Hottrix | |
リアル系グラフィック+枠付き。右上の枠からはみ出たコインがアクセントになっている。 |
ゾンビ インフェクション - Gameloft | |
枠もデザインの中に取り入れ、汚れたエフェクトをかけたもの。Gameloft社のアプリ全般に共通。 |
RobotNGun - Crazy Carpenter | |
こちらもリアル系に枠もデザインとして捉え、一体化した完成されたデザイン。 |
■シンプル&質感重視
MomoNote (sync with web) - MK HQ | |
枠付きに単純化された鉛筆のイラストがシンプルで目を引く。 |
メトロノーム - iPhone と iPod touch用のクロック - Appetite Studios | |
枠を含めて木のパネルのようなデザインに、シンプルな音符が1つ。 |
Current TVs Bar Karma - Current TV | |
木の質感にシンプルなロゴ、アイコン下部の表現も新しい。 |
マイフォトアルバム - 写真、動画フォルダ管理、フェイスブック、ツイッター - tyworld | |
枠なしに単純化されたカメラのロゴ。黄色と黒のコントラストも美しい。 |
REGENCY King's Valley - Eiwa System Management, Inc | |
枠なしながらシンプルなデザインで、アプリ自体に興味を惹かれる。 |
Spider: The Secret of Bryce Manor - Tiger Style | |
木のパネルに黒1色の蜘蛛のロゴ。枠の形も新しくて洗練されている。 |
Zen Brush - PSOFT | |
全体を墨で書いたような色合いでとても美しい。 |
Color Splash - Pocket Pixels Inc. | |
立体感のある枠にモノクロの中に引き立つリンゴ。アプリの内容をシンプルに表現した素晴らしいアイコン。 |
Get Me Out - Mapiz | |
木の色合いと立体感がシンプルで美しいアイコン。 |
AVPlayer (無エンコード 字幕 再生速度調節) - EPLAYWORKS | |
美しいグラデーションにフィルムのロゴが引き立っている。 |
■イラスト系
Aurora Feint II: Tower Puzzles - Aurora Feint | |
同系色でまとめられた中、太い線のイラストのバランスが素晴らしい。 |
Aqueduct - Kieffer Bros. | |
手書きのような質感にシンプルで太い線のロゴが美しい。 |
■シリーズ作品
Zen Bound® - Secret Exit Ltd. | |
独特なゲーム内容をリアルな絵のみで表現していてインパクト充分。 |
Zen Bound® 2 Universal - Secret Exit Ltd. | |
続編も同じコンセプトで、リアルに描かれている。 |
I Dig It - InMotion Software, LLC | |
Gameloft系のリアル枠付きデザイン。アプリ自体が凝ったものだとアイコンを見ただけで分かる。 |
I Dig It Expeditions - InMotion Software, LLC | |
続編はあえてイラストの角度を変えて表現している。 |
Doodle Devil™ - JoyBits Ltd. | |
シンプルでありながらインパクト充分の美麗アイコン。 |
Doodle God™ - JoyBits Ltd. | |
続編も同じ構成でありながら、使いまわされている部分が何もないのが素晴らしい。 |
Angry Birds - Clickgamer.com | |
線が太いイラスト系はアイコンとして素晴らしい完成度。 |
Angry Birds HD - Chillingo Ltd | |
iPad専用バージョンのアイコン。鳥の角度が微妙に違う。 |
Angry Birds Seasons - Rovio Mobile Ltd. | |
ハロウィーンバージョン。現在の「Seasons」に統合されたため今はお目にかかれない。 |
Angry Birds Seasons - Rovio Mobile Ltd. | |
ハロウィーンバージョンのiPad専用バージョン。 |
Angry Birds Seasons - Rovio Mobile Ltd. | |
クリスマスバージョンは帽子をかぶせたデザイン。前作のアイコンが有名なだけに効果的。 |
Angry Birds Seasons - Rovio Mobile Ltd. | |
クリスマスバージョンのiPad専用バージョン。 |
Angry Birds Seasons - Rovio Mobile Ltd. | |
バレンタインバージョン。見事に今までと統一感が出ている。 |
Angry Birds Seasons - Rovio Mobile Ltd. | |
バレンタインバージョンのiPad専用バージョン。 |
Cut the Rope - Chillingo Ltd | |
枠付きに線の太いイラスト。その上ゲーム内容がアイコンに集約されている。 |
Cut the Rope: Holiday Gift - Chillingo Ltd | |
クリスマスバージョン。こちらも「Angry Birds」同様にとても効果的な同系デザイン。 |
■有料版&無料版
Trainyard - Matt Rix | |
カラフルなグラデーションにシンプルな汽車のイラストが美しい。 |
Trainyard Express - Matt Rix | |
無料版が「Lite」ではないだけあって、アイコンの違いもよく考えられている。 |
Yoritsuki - HYBRIDWORKS, Inc. | |
超美麗アイコンはそれだけで注目してしまう。 |
Yoritsuki Lite - HYBRIDWORKS, Inc. | |
無料版は茶碗の中身が違うという、素晴らしい演出。 |
Let's create! Pottery - Infinite Dreams Inc. | |
こちらもリアル系。枠のデザインも素晴らしく注目度抜群! |
Let's Create! Pottery Lite - Infinite Dreams Inc. | |
無料版も「Yoritsuki」同様、壷のデザインを変えるという心憎さ。 |
■開発元が同じ別アプリ
GuitarToolkit - Agile Partners | |
質感のある枠にシンプルなギターピックのデザインが秀逸。 |
TabToolkit - Agile Partners | |
「GuitarToolkit」と統一されたデザインが素晴らしい。 |
■アップデート大賞
Slice It!(旧バージョン)- Com2uS Inc. | |
オーソドックスな枠付きのイラストデザインながら、ゲーム内容をうまくまとめている。 |
Slice It!(クリスマスバージョン)- Com2uS Inc. | |
クリスマスバージョン。別アプリではなく一時的なアップデートでこの凝りよう。 |
Slice It!(アップデートバージョン)- Com2uS Inc. | |
さらにアップデートを重ねるごとに細かな変更があって脱帽。 |
Slice It!(バレンタインバージョン)- Com2uS Inc. | |
バレンタインバージョン。2月限定のアイコン。 |
Slice It! Begins - Com2uS Inc. | |
無料版は「Lite」表示ではなく色違いというのも美しい。 |
■秀逸デザイン
Notebooks - Write Notes, Manage Tasks and Store Files - Alfons Schmid | |
リアル+シンプルでありながら、右下のページめくれが立体感を生み出している。 |
myFilm 一眼レフ風カメラ - bbcddc | |
全アプリの中でもトップレベルの秀逸デザイン。これほどシンプルで目を引くデザインも珍しい。 |
■革&縫い目デザイン
MoneyBook - 予算管理 - noidentity | |
革の質感に縫い目の枠が素晴らしくマッチしている。 |
2Do: Tasks Done in Style - Guided Ways Technologies Ltd | |
こちらも革+縫い目枠のデザイン。思わずホーム画面に残しておきたくなる。 |
カード類 - YY1 | |
同様に革+縫い目枠のデザイン。こちらは可能な限りシンプルなデザイン構成が美しい。 |
■アイデア賞モノ
ダイヤモンドブックス - DIAMOND, Inc. | |
アイコンの形状をとてもうまく利用している秀逸デザイン。 |
Tap DJ - Mix and Scratch your Music - Laan Labs | |
こちらもアイコンの形状を利用して立体感をうまく表現している。 |
■オマケ
iPhone Games | |
新サイト版「iPhone Games」をホーム画面に追加した際のWebclipです。 |