コンテンツ
- 01.認識可能な比喩を使用する
- 02.大胆に
- 03.グリッドを使用する
- 04.書かれた言葉を避ける
- 05.深さを追加します
- 06.一貫した視覚スタイルを作成する
- 07.完璧を求める
- これが好きですか?これらを読んでください!
iOS 7のアイコンのデザインは分裂的であることが証明されていますが、Bjangoのディレクター兼リードデザイナーのMarc Edwardsが、AppleがiOS 7のアイコンで何が正しく、何が間違っているかについての機能で指摘しました。 iOS 8までは、大きな変化が見られるとは思えません。だから、彼らを愛するか嫌うか、彼らはしばらくここにいるのです。」
デザイナーにとっての問題は、Appleの変更が非常に急進的だったため、iOS 6のアイコンは、新参者に囲まれていると時代遅れに見えざるを得ないということです。しかし、iOS 7向けにどの程度正確に設計する必要がありますか?それは本当にすべてを取り除いて色を11に増やす場合ですか?私たちはアイコンデザインの専門家を見つけて話をすることにしました。彼らはiOS7アイコンをデザインするための7つの黄金のルールを明らかにしました。
01.認識可能な比喩を使用する
エドワーズ氏は、アイコンは小さいサイズで見られることが多いため、コンセプトをシンプルに保つことが重要であると述べています。「これは通常、1つまたは2つの認識可能なオブジェクトに固執することを意味します。可能であれば、独自の色とシルエットを使用して思い出しやすくします。」
デザイナーのジョン・ヒックスは、メタファーはそれが何をするのか(カメラなど)またはそれが何であるか/そのアイデンティティ(たとえば、Safariの「ブランド」)によって認識できるはずだと付け加え、Apple独自の設定やゲームセンターのようなものは失敗することに注意しますどちらも。
SoftFaçadeのクリエイティブディレクターであるDmitryTsozikはまた、デザイナーは賢くなりすぎないようにすべきだと強調しています。「白い背景にランダムな円を置いてアイコンと呼んではいけません。色や比喩を調べて、ユーザーに推測させないでください。 !」
02.大胆に
Iconfactoryの共同創設者であるGedeonMaheuxは、Appleの目を見張るようなアイコンの色にそれほど熱心ではない場合でも、他の人がある程度従うべき視覚スタイルの基礎を築いたと述べています。「デザインには大胆なコントラストを使用してください。iOS 7は明るい境界線、明確な線、表現力豊かな色で特徴づけられています。」そのため、パステルと落ち着いた色は、iOS7のホーム画面である「明るく楽しいパレット」に対してはうまく機能しないと彼は付け加えています。
03.グリッドを使用する
Maheuxは、少なくともAppleがiOS 7用に作成したテンプレートグリッドから始めることをお勧めします。「プロポーションとハーモニーが組み込まれています。ベースとして使用するアプリが多いほど、ホーム画面で統一されたように見えるアプリが増えます。」ただし、「アイコンをすばらしいものにするためにグリッドを分割する必要がある場合は、それを選択してください」と、あまり制約を感じてはいけないと彼は言います。
04.書かれた言葉を避ける
iOS 7のより印象的な側面の1つは、タイプにどれだけ依存しているかです。ボタンの境界線がほとんどないため、色付きのテキストはアクションに使用できるものを示すことがよくありますが、エドワーズはこの考え方をアイコンに拡張すべきではないと警告しています。「テキストを避け、単語全体をアイコンに詰め込もうとしないでください。可能であれば、アイコンは象徴的であり、特定の言語にリンクされてはなりません。」
05.深さを追加します
AppleのiOSでの作業はフラットデザインと呼ばれていますが、Jony Iveは、システムが単一の平面上に存在するのではなく、実際には「階層化された」概念を持っていることを指摘したいと考えていました。 Maheuxは、アイコンデザイナーが目立たせたいアイコンを作成するときに、同じように考えることができると考えています。「単純なグラデーションを超えて、要素の微妙な影や陰影を試すことを恐れないでください。iOS7には可能性の世界があり、常に見た目はフラットだ」と語った。
06.一貫した視覚スタイルを作成する
AppleのAppStoreスイートのアイコンを一目見れば、それらが単一の範囲の一部であることは明らかです。単一のアプリを超えて考えることはデザイナーに利益をもたらしますが、ヒックスはスタイルに関してあまり制限するべきではないと警告しています。「一貫性とは、すべての線の太さと色を完全に同じに保つことを意味するのではなく、調和する視覚スタイルを持つことを意味します。」彼は、これは基本的なグラデーションの単純な無地の白いグリフ、白い背景のマルチカラーの透明なアイコン、またはまったく別のものである可能性があると説明しています。 「しかし、スタイル(さまざまな比喩に柔軟性を与えるスタイル)を決定し、それに固執します。」
エドワーズ氏は、アイコンが内部のアプリを表す場合にも役立つ可能性があると付け加えています。「スタイルと色をメインUIと一致させることでこれを行うことができます。それ以外の場合は、アプリとアイコンの関連付けを増やすことができます。」
07.完璧を求める
これは新しい考え方ではありませんが、エレガンス、シンプルさ、細部を重視するOSを使用することで、ラフで準備が整ったものはすべて、親指のように目立ちます。 「優れたアイコンを作成する原則はiOS7でも変わりませんでしたが、モダンなデザイン、アーキテクチャ、タイポグラフィに関する本を読んで、ベクタースキルの完成に時間を費やしてください」とTsozik氏は同意します。
言葉: クレイグ・グラネル
これが好きですか?これらを読んでください!
- 落書きアートの素晴らしい例
- iPhone、iPad、Android向けの最高の写真アプリ
- ロゴデザインの究極のガイド
素晴らしいアイコンデザインのヒントがありますか?コメントで共有してください!