问:拿到一张手机APP设计稿,怎么判断什么是页面重点、什么只是辅助信息?答:先别急着看颜色和装饰,最好把设计稿当作一次真实操作来读。想象自己正站在生活场景里,单手握手机、时间有限,要完成一个明确任务;再沿着视线和点击顺序,找出每一步必须看见的内容。这样既能分清信息主次,也更容易指出层级安排是否妨碍操作。

先确定用户此刻要完成什么

先看页面名称、入口来源和当前状态,再用一句话说清用户来到这里要做什么,例如查看预约时间、挑选尺寸或确认一笔记录。若任务目标说不清,先别用“标题最大”来代替层级判断:醒目的标题可能只是说明页面位置,真正推动任务的可能是筛选项、价格或确认按钮。现场阅读时,可以把手机按普通使用距离拿稳,模拟边走到桌边、坐下查看等常见姿势,观察第一眼落在哪里。随后问自己:用户不读说明,能否认出下一步?若不同内容都像主任务,就记下它们之间的冲突,而不是急着评判设计好坏。

按视线和操作顺序拆层

从屏幕顶部往下读,标出三层:先看见的核心信息、完成任务所需的操作、需要时才查阅的补充说明。判断依据不只字号,还包括位置、留白、对比度、边框、图标和文案语气。接着沿着真实动作走一遍:先看商品规格,再选择选项,最后确认;或先读提醒,再决定是否继续。把每一步需要的信息对应到页面位置,如果操作按钮出现时,用户还没看到决定操作所需的条件,层级就可能倒置。不要把所有粗体字都算作重点,也不要把颜色淡的说明直接判为无用;要看它是否会改变下一步选择。

现场条件会改变重点

同一张设计稿,在不同使用环境里,优先级可能不同。小屏手机上,长标题和按钮挤在一起,阅读顺序容易断;户外强光下,浅色提示不容易辨认;单手操作时,底部控件通常比顶端的小入口更顺手。判断时先确认稿件对应的屏幕尺寸、页面滚动状态和交互步骤,再按实际方向查看,不要仅凭电脑上的大图做决定。若内容较长,分别看首屏和滚动后的位置:首屏是否交代当前任务,向下之后是否仍能找到关键动作。遇到横屏、放大字体或键盘弹出等情形,也要留意重要按钮是否被挤走,而不是把所有问题都归咎于颜色。

用生活场景找出层级冲突

想象成年人在厨房备餐时查看一页食材清单:手边正忙,只能短暂看屏幕,最先需要的是食材名称和数量;保存、分享或补充说明都排在后面。若设计稿把装饰性插图、活动提示放得比数量更醒目,就会干扰这次任务。可以按“看见什么—做什么—结果在哪里”的顺序逐项核对,并把每个内容标成必须立即看到、操作时要看到、需要时再找。若某项无法归类,追问它会不会影响选择或避免误操作。发现问题后先指出具体关系,例如“数量弱于插图”,再讨论调整位置、字号或对比度,避免只说“看着不清楚”。