時間、変動性、柔軟性、ダイナミズム。これらはすべて、今日のブランディングで重要な役割を果たす重要な要素です。アイデンティティシステムは、ブランドがどこでどのように表現されているかに応じて、複数の反復を可能にする必要があります。
このチュートリアルでは、この問題に取り組む1つの方法について説明します。一連の視覚要素またはアイコンに適用できるモジュラーグリッドを使用して、アダプティブIDを作成しました。私たちが作成したブランドは、ノッティンガムトレント大学の修士課程で想像された喫茶店チェーン「Nerbo」でした。ブランディングプロセスに数か月取り組んだ後、ロゴ、モジュラーグリッド、タイポグラフィ、アイコンセットで構成される動的IDシステムを開発しました。次の手順では、プロセスに関連する手法について説明します。これらの手法は、独自のIDプロジェクトに適用できます。
ロゴデザインの究極のガイド! CreativeBloqでの35のプロのヒント。
01 最初の段階は、アイコンセットをデザインすることです。各アイコンをどのように表現するかを定義することから始め、アイコンの総数を決定します。互いに対立するのではなく、協調して機能するように、まとまりのある美的スタイルが必要になります。さまざまなオプションを試してください。ここでは、3つの異なるスタイルの3つのアイコンセットを見ることができます。
02 アイデアをスケッチした後、Illustratorを開き、グリッドを使用してアイコンのフレームのデザインを開始します。 Illustratorのデフォルトの正方形ベースのグリッドを使用しました。これをアクティブにするには、[表示]> [グリッドの表示]に移動します。設定を変更するには、[設定]> [ガイドとグリッド]に移動します。私たちのフレームは、セグメントと円周セクションで構成されています。
03 幾何学模様のセクションを使用して、それらの一部を削除し、アイコンの最終的な形を作成しました。ダイレクト選択ツールを使用してパスの一部を選択および削除するか、パスファインダーの[分割]、[トリム]、[マージ]、および[切り抜き]コマンドを使用できます。完成したアイコンのフレームが閉じた形状になるように、残りのパスのすべてのポイントを結合します([オブジェクト]> [パス]> [結合])。
04 アイコン間に一貫性を持たせるには、アイコンのサイズを定義して、すべて同じ高さまたは幅になるようにします。また、共通のストロークの太さを選択して、すべてのアイコンに適用します。その後、すべてのパスを展開します([オブジェクト]> [展開])。
05 それでは、光学補正を行ってアイコンの美観を向上させましょう。いくつかの基本的なルールを適用しました。たとえば、人間の目は、水平線と垂直線の太さが同じであっても、異なる方法で認識します。外部パスで作業するには、直接選択ツールを使用して各ポイントを選択するか、アンカーポイントの変換ツールを使用してハンドルとベジェ曲線を操作します。
06 アイコンセットを使用する準備が整いました。次に、動的なグリッドベースのIDシステムを設計する方法を示します。あらゆるタイプの幾何学的なモジュラーグリッドを使用できます。三角形のグリッドであり、www.scriptographer.orgのIllustrator用のグリッドジェネレータスクリプトを使用しました。
07 GridGeneratorスクリプトをダウンロードしてインストールします。必要な手順はここにあります。明るい色のストロークを適用し、すべての三角形のモジュールをグループ化することをお勧めします([オブジェクト]> [グループ化])。