デザイン

デザイン

【デザインの秘訣】魅力的な目立つアプリアイコンのポイントや作り方

本記事は、Design Tips: How to Make Your App Icon Stand Out
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

262 views

読了時間 : 約3分51秒

アプリのアイコンのデザインはアプリストアやグーグルプレイストアの最適化にとってとても大切なものです。そのアプリをインスト―ルさせるのが目的のテキストやスクリーンショットと違って、アイコンはたくさんのことに責任を持っています。

 

 

アイコンは一目で相手を魅了し、似たようなアイコンの中で目立ち、簡単に覚えられるものでなければなりません。小さなアイコンですが、これらの要素を兼ね備えているのには驚きですよね?

 

 

上記のゴールを成し遂げるために、この記事ではよいアイコンを作るためのおすすめを集めてみました。それでは、見ていきましょう!

 

 

 

 

 

魅力的な目立つアプリアイコンを作るには大切なことから始めよう

色の配色と形はとても大切で、それについては後ほど話します。しかし、これはスタートポイントではありません。まず初めに、ビジネスの要素を組み込む必要があります。ビジネスの要素を勉強してから、デザインに反映しましょう。価値のある提案、ターゲット、マーケティングの特徴や値段のような情報を調べましょう。

 

 

これらの情報の無視は、目隠しをしてターゲットを当てにいっているようなものです。どれほどビジネスデータ分析がデザインにとって大切なのかわかりましょう。よりよい準備は成功のカギです。

 

 

 

ガイドラインを学ぶ

アイコンのデザインにおける創造性は限られるものではありませんが、アプリが提出されるプラットフォームの必要事項に沿う必要があります。あなたのデザインはユーザーのスクリーンで他のアイコンと調和したデザインでなければいけません。

 

 

そのため、アンドロイドとiOSはそれぞれ独自のガイドラインを持っているのです。

 

 

アプリの提出やアプリストアやグーグルプレイストアでの最適化にとって大切なので、テクニック的な推奨だけでなく、スタイルにも気を使いましょう。

 

ソフトウェアを選ぼう

PNGフォーマットでファイルをエクスポートするためにモバイルアプリのためのソフトウェアを選ぶ必要があります。こちらにアプリアイコンデザインのための人気のツールをいくつか取り上げてみました。

 

 

・Adobe Illustrator CCは複雑なベクターデザインを作るのに適した、昔から使われているツールです。

・Adobe Photoshop CCは反射や影などのエフェクトを用いたデザインを作るためのツールです。

・Sketchは使いやすいツールですが、複雑なデザインを作るのには適しません。

・Affinity Designerは初心者向けで、シンプルなUIデザインを用いたベクターツールです。

 

 

 

詳細に注目する

作ったアイコンを見て省ける詳細があるかどうか自問自答してみてください。サイズを直した後にアイコンのイメージがごちゃごちゃしたものになるのはよく知られていることですが、不必要なテキストや写真の詳細が含まれているアイコンはアプリストアやグーグルプレイストアで未だに見られます。

 

 

最少化は最も良い解決策です。一つのメインアイデアに着目して、覚えやすいデザインを作り上げましょう。まっすぐで分かりやすいでざいんが好まれることを心に留めておいてください。

 

 

ブランドスタイルガイドを参考にする

アプリのアイコンは、色やスタイルの点で、全体的なブランドデザインを取り入れなければなりません。このように、ユーザーはアイコンをそのサービスと結び付け、異なったデバイスを通してそれを認知します。

 

 

アイコンにアプリについて語らせる

あなたがメールサービスと聞いて初めに思い浮かべるビジュアルは何ですか?封筒ですよね?これはアプリストアでインボックスを探す際に目にするものです。たくさんの異なったスタイル、形、色の封筒のデザインを目にするでしょう。

 

 

一方で、明らかに印象的なビジュアルのサインを使うことは、有効なテクニックの一つでありながら、このアプローチは、競争のなかで生き抜くことを難しくもします。アイコンを作る際にデザイナーが直面するであろう最も大きな課題があります。それは、オリジナリティーと多才性です。

 

 

 

競争相手の審査

競争相手の調査に十分な時間を割いてください。どのようなビジュアルを採用しているのかを識別するために競争相手のアプリの機能性を分析してみましょう。こうすることで似たようなデザインを作るリスクを下げることができます。

 

 

ビジネスパーソンの中にはニッチを利用するためにあえて似たような要素をデザインに取り組む人もいます。この方法はあまり知られていないアプリへの信用性や共感性を高めることを促進します。しかし。あまりこの方法に頼らないようにしてください。

 

 

最終的には、もしデザインが競争相手のものに似ていたら、ユーザーはあなたのアプリから独自性をくみ取ることができません。

 

 

 

適切な色とフォームを選ぶ

デザイナーは色のコントラストを使って、アイコンを目立たせようとします。しかし、色をどんどん加え始めると、止めることが難しくなってきます。色をあまりにも使いすぎたモダンアートのようなアイコンにはしたくないので、カラー心理学に沿ったブランドデザインを参考にして色を制限する必要があります。

 

 

適切なスケッチは魅力的な形やオリジナリティーを探すうえで効果的です。いくつかスケッチを描き、思いつくものと組み合わせてみます。メインのアイコンブロックを作るために基礎的な形、つまり丸、四角、三角などを使うのがよいでしょう。

 

 

複雑なアイコンはシンプルな形によって作られることを覚えておきましょう。

テスト

アイコンが出来上がったら、見栄えがいいか確かめたいですよね。色々な視点からデザインをテストしてみましょう。

 

 

・サイズを小さくしても大きくしても読みやすいかチェックする

・アイコンのデザインがどんな背景でも同化せずコントラストを持つかを確認する

・異なる解像度で見え方をチェックする

・アプリストアやグーグルプレイストアで競争相手の間だけでなくユーザーのスクリーンでランダムに選ばれたアプリのアイコンの中での見栄えをチェックする

 

 

おすすめ新着記事

おすすめタグ