PG电子 / 数字交互

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

十组原始图像从色彩、符号到界面层级提供视觉观察样本,所有图像完整显示,不推定产品正式名称。

视觉分组

色彩与光影

光影对比的入口的数字图像
画面原比例呈现,仅进行视觉语言观察。

光影对比的入口

观察深色背景与明亮区域的对照,哪些形状最先吸引视线,哪些信息需要在第二次阅读中才能被发现。单张图可用于构图研究,但不足以确认真实产品名称或交互逻辑。

色彩组织与视线移动的数字图像
画面原比例呈现,仅进行视觉语言观察。

色彩组织与视线移动

从画面中大面积的色彩分布入手,比较强调区域和辅助区域的视觉权重。分析时关注元素之间的距离,而不把装饰性明暗变化直接解释为特定功能。

图像中的焦点层次的数字图像
画面原比例呈现,仅进行视觉语言观察。

图像中的焦点层次

观察主要元素相对于边框与背景的位置,再判断视觉线索是否把目光引向固定区域。文字说明以画面特征为主,不虚构图片未能证明的玩法设定。

视觉分组

构图与符号

符号密度与画面秩序的数字图像
画面原比例呈现,仅进行视觉语言观察。

符号密度与画面秩序

较密集的视觉符号可能形成热闹气氛,也可能带来阅读负担。可以比较大小变化、重复图案和间距安排,理解设计如何在丰富与清晰之间寻找平衡。

明暗节奏的构图实验的数字图像
画面原比例呈现,仅进行视觉语言观察。

明暗节奏的构图实验

亮色元素和低亮度区域之间的节奏,会改变观看者的注意力分配。记录首要、次要和背景信息所在位置,比试图猜测图像背后的正式游戏机制更可靠。

文字与图案的并置的数字图像
画面原比例呈现,仅进行视觉语言观察。

文字与图案的并置

如果画面含有文字或状态符号,保留其边缘非常重要。通过观察图文的排列和留白,能够理解界面如何区分提示信息与装饰层,而不必依赖外部产品说明。

重复造型的视觉韵律的数字图像
画面原比例呈现,仅进行视觉语言观察。

重复造型的视觉韵律

相似图形按一定方式排列,可以建立秩序或强调节奏。对重复元素的分析应同时考虑大小与方向变化,避免将视觉规律误当成已知游戏规则。

视觉分组

互动界面

交互提示的可辨认性的数字图像
画面原比例呈现,仅进行视觉语言观察。

交互提示的可辨认性

具有按钮感或高亮效果的元素,可能形成操作暗示,但静态图片无法直接证明它能够被点击。设计观察应把视觉暗示与经过验证的实际功能区分开来。

复古图形的当代表达的数字图像
画面原比例呈现,仅进行视觉语言观察。

复古图形的当代表达

图案、线条或色块可能令人联想到街机风格,但相似的视觉语言不能确认作品的真实年代与出处。可以从可见的颜色与排版分析其风格关联。

完整边界中的画面关系的数字图像
画面原比例呈现,仅进行视觉语言观察。

完整边界中的画面关系

保留图像四周可以看见主体与背景之间的完整比例。阅读时关注边缘装饰与中心内容是否形成均衡,以及不同信息层如何在同一画面中共存。