配色設計 (Color System)
7分で読める
ブランドカラーを並べただけでは配色設計ではない。プライマリ・セマンティック・ニュートラルの役割を定義し、色を「装飾」ではなく「情報」として機能させる配色システムの設計原則。
UI原則タグ: 配色設計 / UIデザイン原則 / コントラスト / 視覚的階層
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
ブランドカラーを並べただけでは配色設計ではない。プライマリ・セマンティック・ニュートラルの役割を定義し、色を「装飾」ではなく「情報」として機能させる配色システムの設計原則。
「おしゃれで淡い」デザインは、誰も読めないサイトを生む。色・サイズ・明度の「差」を意図的に設計し、情報の優先順位と役割をユーザーの視線に直接語りかけるコントラストの設計原則。
人間は視覚情報を見た時、それを「意味のある対象(図)」と「背景(地)」に瞬時に分離して認識する。ゲシュタルト心理学の基本原理。
情報の重要度に応じて、大きさ・色・配置に強弱をつけることで、ユーザーの視線を「見るべき順序」通りに誘導するデザイン原則。