デザイン・コンテンツ関連

光の三原色である赤、緑、青を使った色表現です。

ディスプレイやWebデザインで使われます。

CSSの色指定にも使われる基本的なカラーモデルです。

情報を理解するために頭の中で処理する負担です。

画面が複雑なほど認知負荷は増えます。

UIや文章の分かりやすさを考えるときに使われます。

文字の形や書体を表すデータです。

ゴシック体、明朝体、Webフォントなどがあります。

Webページの読みやすさや印象に関係します。

デジタル画像や画面を構成する最小単位です。

画像サイズや画面解像度を表すときに使われます。

pxという単位でCSSにも使われます。

pixel per inchの略です。

1インチあたりのピクセル数を表します。

画面や画像の密度を示す指標です。

CSS上の1ピクセルがデバイス上の何ピクセルで描画されるかを示す値です。

高解像度ディスプレイでの表示に関係します。

画像やCanvasの表示調整で使われます。

文字や背景などの明るさの差です。

差が大きいほど視認性が上がります。

アクセシビリティやデザイン確認で使われます。

赤、青、黄などの色味を表す属性です。

有彩色の違いを説明するときに使われます。

デザインの配色設計に関係します。

色の明るさを表す属性です。

白に近いほど明度が高く、黒に近いほど低くなります。

配色や視認性の調整に使われます。

色の鮮やかさを表す属性です。

彩度が高いほど鮮やかで、低いほど灰色に近づきます。

ブランドカラーやUI配色で使われます。

色の明度と彩度を合わせた調子です。

落ち着いた、明るい、重いなどの印象に関係します。

デザイン全体の雰囲気をそろえるときに使われます。

画面やデザインで最も広い面積を占める色です。

背景色や基調色として使われます。

全体の印象を決める色です。

ブランドや画面の中心になる色です。

見出し、ボタン、強調部分などに使われます。

デザインの識別性を作る色です。

一部を目立たせるために使う色です。

ボタン、リンク、注意表示などに使われます。

ベースカラーやメインカラーを補助します。

画面や画像内の要素配置のことです。

余白、視線、バランス、強調点を整理します。

写真、バナー、Webデザインで使われます。

ブランドや制作物の雰囲気をそろえるためのルールです。

色、書体、表現、写真の方向性などを含みます。

複数ページや複数媒体の統一感に関係します。

記事やページの印象を伝える画像です。

一覧や記事冒頭で使われます。

内容への興味を持たせる視覚要素です。

画像やテキストで作られた告知・誘導用の表示です。

広告、キャンペーン、内部リンクなどに使われます。

クリック先へ誘導する役割があります。

Webページを開いた直後にスクロールせず見える範囲です。

見出し、導入文、ナビゲーションなどが配置されます。

最初にユーザーが目にする画面領域です。

Webページのレイアウト設計図です。

見出し、画像、ボタン、コンテンツ配置を簡略化して表します。

デザイン前の構成確認に使われます。

画面を構成する再利用可能な部品です。

ヘッダー、ボタン、カード、フォームなどが該当します。

UI設計やフロントエンド開発で使われます。