arrow_backanalyticsDesign ScoreCHECK SHEET

画像を読み込む

upload_file

画像をドラッグ＆ドロップ

PNG / JPG / WEBP に対応

ファイルを選択

TOTAL

--

/ 100 点

文字
--/20
色
--/20
配置
--/25
画像
--/10
加工
--/10
品質
--/10
アクセシビリティ
--/5

抽出カラー

未解析

image

画像をアップロードして採点

公開前チェック

5 / 42

文字

20pt
  • ○
    見出しが次点文字の 1.6 倍以上
    自動+3pt
  • ○
    最小文字高が短辺の 2.2% 以上
    自動+3pt
  • ○
    見出し / 数字 / 補足の階層が 3 段以内で明快
    自動+2pt
  • カーニング・字間が均一で詰めすぎない
    +2pt
  • 行間が文字サイズの 1.5〜1.8 倍
    +2pt
  • 1 行あたり 25〜35 字以内（日本語）
    +2pt
  • 禁則処理：句読点が行頭に来ていない
    +2pt
  • ○
    書体ファミリーが 2 種類以内
    自動+2pt
  • ウェイト（太さ）の使い分けが明確
    +2pt

色

20pt
  • ○
    主要色が 3 色以内（白・黒除く）
    自動+3pt
  • ○
    高彩度アクセントが 1 色だけ
    自動+3pt
  • ○
    主要コピーのコントラスト比が 4.5:1 以上
    自動+4pt
  • ○
    色温度が暖色系または寒色系に統一
    自動+2pt
  • ○
    背景が純白(#fff)・純黒(#000)でない
    自動+2pt
  • ○
    色覚シミュレーション後もコントラスト確保
    自動+3pt
  • グラデーション方向が統一されている
    +1pt
  • カラーがブランドトーンと一致している
    +2pt

配置

25pt
  • ○
    主役は 1 つ。主構造が定まる
    自動+3pt
  • ○
    主要要素の左端 / 中心線 / ベースラインが同一軸に揃う
    自動+4pt
  • ○
    safe margin が短辺の 5% 以上
    自動+3pt
  • ○
    視線が 主役 → 見出し → CTA の順で流れる
    自動+3pt
  • ○
    余白が 4/8/16/24px の倍数ベースで設計
    自動+3pt
  • ○
    重い要素が下に、軽い要素が上にある
    自動+2pt
  • ○
    空白が「余り」でなく「呼吸」として機能している
    自動+3pt
  • ○
    主要要素がカラムグリッドに沿っている
    自動+2pt
  • ○
    要素が詰め込まれすぎず、視線が迷子にならない
    自動+1pt
  • CTA ボタンが視覚的に目立つ要素の 1 つになっている
    +1pt

画像

10pt
  • 実写または実写と見分けがつかない AI 画像を使う
    +4pt
  • 写真 / 背景 / 図版のトーンが同一レンジに揃う
    +4pt
  • 大袈裟な表情 / 品のない演出は禁止
    +2pt

加工

10pt
  • ○
    ドロップシャドウ / 光彩 / フチ文字は禁止
    自動+3pt
  • 長体 / 平体は禁止
    +3pt
  • 写真は色補正でトーンを揃える
    +2pt
  • 過剰レタッチ / 過度なぼかしは禁止
    +2pt

品質

10pt
  • ○
    境界線・文字・アイコンのエッジがシャープ
    自動+2pt
  • 複数要素の角丸半径が統一されている
    +2pt
  • ボーダー・アンダーラインの太さが統一
    +2pt
  • ○
    シャドウの光源方向が統一されている
    自動+2pt
  • 同一デザインシステムのアイコンのみ使用
    +2pt

アクセシビリティ

5pt
  • タップ対象は最小 44×44px 相当
    +2pt
  • ○
    色だけに依存せず形・位置でも情報伝達
    自動+2pt
  • アニメーション・点滅が不必要に多くない
    +1pt