カラー

プライマリー・パレットは、クリエイティブの大部分を構築するものであり、どの作品においても最も強い色合いを表すものでなければならない。

柔軟性を持たせるため、3つの主要カラーパレットは異なるシェード値で利用可能です。色合いを変えたり、透明度を加えたりせず、そのままお使いください。

プライマリー・パレットにアクセントを加えるために、私たちは動きを伝えたり、特定のエリアに注意を引いたりするためのエレクトリック・パレットも用意している。アクセント・カラーは決して大きな色として使用せず、レイアウトの5％以下にすること。

色とその背景を注意深く選択することは、クリエイティブな物語を形成し、感情を喚起し、デザイン要素全体の視覚的調和を確保する上で極めて重要である。快適な読書体験を生み出すために活字の色を使い、行動を喚起するために色を使う。アクションカラーを見出しに使ってはいけません。ブルーはアクションやリンクに使用し、静的なタイプには使用しないでください。アクセシビリティ・ガイドラインを必ず確認し、適切なコントラストを求めましょう。

グラデーションは奥行き感を与え、構図内のレイヤリングを伝えるのに役立つ。また、グラデーションはタイポグラフィの色分けや陰影をつけるのにも使える。グラデーションカラーは、コンテンツを通して見る人の視線をある方向に誘導する方法として使いましょう。

グラデーションを作るときは、微妙な効果を保つようにし、パレットをスキップ・ステップ方式で使用する。色グループを混ぜることで、作品にダイナミックな色彩をもたらすことができる。グラデーションのアクセントになるような大きな色使いは避けましょう。

エレクトリック・エフェクトを作るには、以下のガイドラインを使用し、さまざまな体験で一貫した外観を確保すること。

カラーグループのシェードを使用して、以下のようにアイコングループを構築します。同様のテクニックは、ラインやボーダーのような他のイラストレーション・シェイプにも使えるかもしれません。グローやスポットライトのサイズや不透明度は、グラフィックやテキストに合わせて調整する必要があります。

活字については、同じ色の組み合わせが使えるが、アクセシビリティに細心の注意を払うこと。大きく太いフォントや小さなタイプにこのテクニックを使うのは避けましょう。オプションのスポットライトは、テキストブロックの形に合うように調整してください。

仕様はFigma用です。私たちのアプリケーションで視覚的に一致するように調整する必要があります。