#視覚的階層
UI検品の観点「Clarity（明瞭さ）」とは — 自分の画面が分かりにくいかを確かめる3つの手順
Clarityは、UI検品で使う6つの観点のうちの1つです。「何の画面か」「いちばん大事な情報はどれか」「次に何をすればいいか」が画面から読み取れるかを見ます。AIが作った1画面を材料に、Clarityが何を見る観点なのかと、自分の画面で確かめる3つの手順をまとめます。
2026年8月11日
約12分
視覚的階層とデザイン階層の作り方
視覚的階層とは、デザインにおける情報の優先順位をサイズ・コントラスト・余白・配置で示す設計原則です。デザインの階層を作り、ユーザーの視線を主役からCTAへ誘導する方法を解説します。
2026年1月26日
約15分
UIデザイン原則まとめ｜UI設計を支える65の原則
UIデザインの原則とは、UI設計で迷ったときに繰り返し使える判断の基準です。視覚設計・認知設計・操作と対話・情報構造・アクセシビリティなど8つのカテゴリで65の原則を一覧にし、各原則がどのUIコンポーネント（ボタンやフォームなど）に当てはまるかの早見表もまとめています。
2026年3月5日
約24分
配色設計 (Color System)
ブランドカラーを並べただけでは配色設計ではない。プライマリ・セマンティック・ニュートラルの役割を定義し、色を「装飾」ではなく「情報」として機能させる配色システムの設計原則。
2026年2月17日
約7分
情報密度の最適化 (Information Density)
画面に載せる情報量は「多ければ多いほど良い」でも「少なければ少ないほど良い」でもない。ユーザーの目的と認知能力に合わせて最適な密度を設計する原則です。
2026年2月17日
約11分
タイポグラフィ設計 (Typography)
フォントを選んで並べるだけではタイポグラフィ設計ではない。サイズ・太さ・行間・コントラストで情報に強弱をつけ、ユーザーが「読まずに理解できる」テキスト体験を設計する原則。
2026年2月17日
約7分
ユーザーの「目」は騙せない：アテンション・エコノミーと視覚的階層
一生懸命作ったバナーがクリックされないのはなぜ？それはユーザーの脳が「広告っぽいもの」を自動的に無視するように進化しているからです。バナー・ブラインドネスと強調のインフレ、ユーザーの注意資源（アテンション）を巡る攻防戦を解説します。
2026年1月27日
約4分