冷蓝中的视觉焦点
观察亮区如何从深背景中脱离，以及周围元素如何帮助形成稳定焦点。即使画面含有装饰文字，也应保留完整原始边缘。 观看时可以首先比较主体与背景的亮度关系，再留意画面边缘的信息是否对整体理解产生作用。
数字图鉴｜十个界面视觉切面
将十幅素材作为视觉研究对象，而非未经核实的正式游戏产品清单。 文章以规则说明、阅读方法与视觉分析为中心，不虚构实时数据或来源。
本图鉴仅研究十幅已命名素材的画面构成。标题是编辑性视觉观察，不代表作品正式名称；每张素材只引用一次，并始终使用完整画面。
色彩与光影
暖色对比的观看路线
不同色温可以改变观看顺序，重要信息若有清晰对比，读者便不必依靠复杂动效识别主要结构。 如果改变图片比例而损失原始符号，视觉研究的对象也会随之改变，因此保持完整展示尤其重要。
秩序化图形的组织
成组出现的图形可能帮助建立视觉秩序。分析时可比较元素之间的间距、方向和层级，而不是推断具体玩法。 尝试从单张图像中分离“可确认的视觉事实”与“无法仅凭画面确认的机制”两类判断。
明暗层级的交会
明暗过渡能让观看者判断视觉中心。需要注意的是，强对比并不自动意味着图中区域具有实际交互功能。 观看时可以首先比较主体与背景的亮度关系，再留意画面边缘的信息是否对整体理解产生作用。
构图与符号
色块与留白的均衡
留白为图像提供呼吸空间，也为不同大小的屏幕保留可读余地。把图片强行放大裁切，可能破坏原设计的重心。 如果改变图片比例而损失原始符号，视觉研究的对象也会随之改变，因此保持完整展示尤其重要。
轮廓带来的识别线索
辨认轮廓通常先于阅读细节。清晰的形状有助于较小设备上的视觉识别，但并不能代替具体产品规则说明。 尝试从单张图像中分离“可确认的视觉事实”与“无法仅凭画面确认的机制”两类判断。
重复元素的节奏
重复的形状与间隔让画面呈现节奏。可以比较这些重复关系是否协助读者辨别主次，还是仅仅增加装饰密度。 观看时可以首先比较主体与背景的亮度关系，再留意画面边缘的信息是否对整体理解产生作用。
互动界面
边框与信息区分
边框、光效和分组可以用来区分信息区域。即使不确定素材来自何种产品，仍能研究界面如何组织空间。 如果改变图片比例而损失原始符号，视觉研究的对象也会随之改变，因此保持完整展示尤其重要。
图形方向的引导
线条方向与视觉延伸让静态画面产生运动感。完整显示左右边缘可以保护这一效果不被意外切断。 尝试从单张图像中分离“可确认的视觉事实”与“无法仅凭画面确认的机制”两类判断。
界面空间的纵深
前景与背景在透明度、亮度与形态上形成层次。图像研究的重点是观察到的形式，而不是编造图中的游戏功能。 观看时可以首先比较主体与背景的亮度关系，再留意画面边缘的信息是否对整体理解产生作用。