PG电子 · 从赛场到屏幕，读懂竞技与交互
构图研读
使用少量完整画面讨论主体与背景、视觉动线和信息层级，长图注关注可验证的构图问题，不把图像目录的检索说明重复粘贴到分析文章。
从整幅画面开始，不从名称开始
构图分析首先是一种观看次序：辨认面积最大的区域，再寻找视觉重心、前后层次以及承载文字或状态信息的部分。仅靠文件编号并不知道作品讲述什么，因此下列图注集中提出可实际核对的视觉问题，而不臆测角色身份、游戏玩法或真实功能。
研究样本 01
视觉中心如何被建立
研究样本 02
背景如何支持主题
观察与对照
背景不必只是“空白”。纹理密度、边界和色块比例都会影响前景是否容易辨认。对原图的分析应保留这些信息，不通过裁切人为提高主体比例。
把视线暂时从中心移到四角，有助于检查辅助元素是否与主视觉竞争。没有具体玩法说明时，讨论应止于画面组织。
研究样本 03
信息层级如何影响阅读
观察与对照
尝试先在缩小状态下辨认主要视觉，再在自然比例下查看是否存在较小的说明。不同观看尺寸可能改变信息可见性。
网页的图像显示采用 contain 保持完整，分析不能把被截断或修改的画面当作原始构图。
观察与对照
先退后看整张画面：注意最大的明暗交界和对比区域会把视线带到哪里；再靠近观察细节是否改变这条路径。
比较局部与整体能提醒我们，尺寸缩小后仍醒目的元素可能承担视觉定位，但这并不能单凭外观证明它具有可点击功能。