数字交互 / PG电子知识阅读

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

从十张数字画面观察色彩、构图和界面语言。图鉴的题名是编辑观察角度,并非素材的官方游戏名称或功能说明。

以下十张图片按视觉角度编辑分组,不代表任何官方产品名称或功能认证。图片由管理员上传,缺失时显示占位。

色彩与光影

数字视觉素材,暖色调与视觉焦点
暖色调与视觉焦点

暖色调与视觉焦点

观察暖色区域怎样把注意力集中于画面中心,同时比较背景元素的明暗。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,冷色层次的延展
冷色层次的延展

冷色层次的延展

从色彩的深浅分层出发,分析不同区域的相互关系和可读性。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,光影对比的识别
光影对比的识别

光影对比的识别

比较高亮区域与暗部之间的距离,了解画面怎样塑造聚焦顺序。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,图形符号的节奏
图形符号的节奏

图形符号的节奏

留意重复图形的间隔与方向,感受符号语言如何形成节奏。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

构图与符号

数字视觉素材,色块之间的秩序
色块之间的秩序

色块之间的秩序

观察不同色块的面积分布,并思考小面积强调色的视觉作用。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,边界线与背景层次
边界线与背景层次

边界线与背景层次

把图形边界和相邻背景分开阅读,辨别轮廓的清晰程度。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,视线移动的路径
视线移动的路径

视线移动的路径

依次追踪画面中最显眼的区域,理解视线如何在元素间移动。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

互动界面

数字视觉素材,对称与变化的关系
对称与变化的关系

对称与变化的关系

比较画面两侧的平衡与局部变化,认识秩序感的产生方式。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,信息聚焦的方式
信息聚焦的方式

信息聚焦的方式

从较醒目的信息入口开始,分析次级元素怎样降低干扰。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

数字视觉素材,画面密度的平衡
画面密度的平衡

画面密度的平衡

留意留白与图形密度的变化,思考紧凑构图带来的感知差异。这类画面只能支持对视觉形式的描述,不能单凭静态图像确定其实际操作规则、来源或发行背景。观察图形之间的空间关系,有助于认识数字界面的设计语言。

图鉴的阅读方法

先描述看见的色彩、位置与形状,再把这些观察与交互设计的通用原则联系起来。无需猜测素材的正式名称,也不把任何视觉效果解释为现金奖励。更多相关理论可继续阅读电子游艺与视觉展厅。