
视觉权重是 “元素在画面中吸引注意力的程度”,由多个视觉属性共同决定。掌握这些属性的组合逻辑,就能精准控制信息的优先级。
决定视觉权重的五大属性:
一、大小:“越大越优先” 的基础逻辑
核心规律是在相同条件下,元素尺寸越大,视觉权重越高(这是最直观、最易操作的层级控制手段);
应用技巧:
核心信息(如标题、主标题、logo设计)尺寸通常是辅助信息的 1.5-2 倍(如标题 32pt,副标题 20pt);
避免 “大小失控”:同一层级的信息尺寸需统一(如所有小标题用相同字号、vi设计),否则会打乱层级。
二、色彩:“对比越强越醒目”
核心规律是色彩的对比度(与背景的差异、与其他元素的差异)决定吸引力,而非颜色本身;
应用技巧:
核心信息用 “高对比色”(如黑色背景上的白色文字,红色标题在灰色背景中);
辅助信息用 “低对比色”(如浅灰色文字在白色背景上);
同一层级色彩需统一(如所有小标题用 “品牌辅助色”)。
三、位置:“视觉焦点区” 自带高权重
核心规律是人的视线通常从 “画面左上角” 开始,向 “右下角” 移动(符合阅读习惯),这一区域被称为 “第一视觉焦点区”;
应用技巧:
核心信息放在 “焦点区”(如海报设计左上 1/4 区域、界面顶部导航栏);
次要信息放在 “过渡区”(如海报设计中部、界面中部内容区);
辅助信息放在 “边缘区”(如海报设计底部、界面底部版权区)。
四、密度:“留白越多越受关注”
核心规律是元素周围留白越多,越容易被单独聚焦;密集排列的元素会被视为 “一个整体”,权重低于孤立元素;
应用技巧:
核心信息周围留足空白(如标题与其他元素间距是普通间距的 2 倍);
辅助信息可适当密集排列(如联系方式、规格说明用紧凑排版,暗示 “次要”)。
五、形态:“特殊形状比常规形状更吸睛”
核心规律:打破常规的形态(如异形图形、动态元素)会引发 “新奇感”,提升视觉权重;
应用技巧:
核心信息可用 “特殊载体”(如标题放在异形色块中,主图用不规则裁剪);
避免 “过度用奇”:形态特殊化只用于最高层级信息,否则会让画面混乱。
400 808 5638
0755-8299 5638
0755-8299 5998