本地素材 PG1.webp
第一幅研究图。先整体观看,再观察不同尺寸下最先进入视线的区域;不要把页面里的图号当作作品名称。

先找视觉中心,再判断信息优先级

图像中的亮度、色块面积、对比关系与位置都可能影响视觉顺序。分析前先区分“我先看见了什么”和“画面一定希望我先看见什么”,避免把主观感受直接当作设计意图。

本地素材 PG4.webp
第二幅研究图。留意背景与前景是否形成层次;单张静态图片无法说明动画或可点击行为。

边缘信息是否被主画面压住

装饰有时帮助辨认主题,有时也会使小字难以阅读。把图像缩小到手机宽度后,再检视边缘区域的识别难度,可以发现不同尺寸带来的变化。

本地素材 PG7.webp
第三幅研究图。对照前两幅的视觉节奏和留白方式,不从编号推断其所属游戏。

从单图走向比较

三张图之间真正有价值的对照,不是给它们排列美丑,而是比较注意力如何移动:有的画面适合迅速定位中心,有的可能鼓励从细节向整体探索。