PG · READING / 数字交互

数字图鉴|十个界面视觉切面

图鉴从色彩与光影、构图与符号、互动界面三个角度浏览十张本地素材。图注只讨论能够观察的视觉设计,不为图片虚构官方游戏名称或玩法。

色彩与光影

PG数字视觉素材第1幅
色彩叠合:观察明暗区域怎样相互衬托,鲜明色块不一定代表可点击元素。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第2幅
光影层次:关注亮部与暗部如何突出视觉中心,避免由外观推定任何产品效果。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第3幅
前景轮廓:画面中的主要形状能够带来识别感,图鉴只记录可见的轮廓语言。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。

构图与符号

PG数字视觉素材第4幅
背景节奏:重复图案和空间留白形成视觉节奏,可对照不同图片比较。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第5幅
符号与提示:图形符号会引导注意,但具体含义需以实际界面说明为准。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第6幅
对比与聚焦:明度和色相差异帮助读者找到画面主体,同时仍应保持完整图像。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第7幅
装饰与文字:注意装饰图形和文字区域之间的关系,不把视觉元素解释成未证实功能。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。

互动界面

PG数字视觉素材第8幅
画面空间:前后景元素的层次可能形成纵深感,适合从构图角度理解。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第9幅
视觉运动感:斜线与方向性元素可以暗示运动,静态图片并不能证明实际动画。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。
PG数字视觉素材第10幅
整体识别:把配色、轮廓、形态作为整体比较,不编造正式产品名称。 这一观察来自画面本身,不涉及作品官方名称、规则或功能认定。

怎样阅读数字图鉴

先辨认一张图的主色、视觉重心与文字位置,再观察各元素如何被排列;最后将几张图并排比较其信息密度。视觉相似并不代表它们来自相同游戏,也不代表有相同的操作或规则。

本站图鉴保留素材完整边界,图片上传前将显示占位区。阅读时可转向电子游艺学习反馈设计,或从视觉展厅对照其他构图方式。