用途:在落地页、转化漏斗、按钮层级、Hero 区域与信息架构设计中,利用视觉注意与注视心理学引导用户视线并优化行动召唤。
主要能力与要点:视觉注意可预测,受进化触发(面孔、运动、眼睛)、习得模式(F/Z 型阅读)、设计信号(大小、颜色、对比)与方向线索影响。注视提示方面,人会自动跟随眼睛朝向,照片或插画人物应看向 CTA,避免人物看向页面外或随机视线。阅读模式包括 F 型(文本密集,重点放前两段、前置关键词、用子标题)与 Z 型(视觉/极简页,CTA 放在终点位置);Gutenberg 图将 CTA 置于末端区域。视觉线索分显式方向线索(箭头、手势、指示符)、人类注视方向、隐式视觉层级(大小、颜色对比、留白、字体)与封装(边框、背景、阴影、卡片,资料称可提升注册 8% 以上)。CTA 按钮心理涉及颜色(红=紧迫、橙=友好行动、绿=安全、蓝=信任、紫=高端)与文案模式(第一人称、动作加收益、降低风险)。尺寸上桌面最小触控 44x44px,移动 48x48px,移动端拇指区以底部居中最佳,可考虑吸底 CTA。另提供视觉线索审查清单与常见错误(信号冲突、线索滥用、文化错位、劣质库存图)。
使用方式:按技能说明在设计流程中对照阅读模式、方向线索、视觉层级、CTA 设计与常见错误逐项审查;资料未提供安装命令或代码。
适用场景:落地页、注册表单、按钮层级、Hero 区、长页面移动端 CTA。
限制:属设计原则性资料,未提供具体工具、代码、价格或平台信息;引用研究结论以资料原文为准。