数字交互 / VISUAL ATLAS

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

以下十幅本地素材以色彩与光影、构图与符号、互动界面三个角度分组。说明只讨论可见设计问题,不虚构正式游戏名称或玩法机制。

色彩与光影

从主色、对比和强调色理解视觉秩序。

亮暗区域如何引导视线。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
亮暗区域如何引导视线。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

高对比的视觉重心

亮暗区域如何引导视线。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

不同色块形成怎样的阅读顺序。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
不同色块形成怎样的阅读顺序。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

色彩关系与画面分组

不同色块形成怎样的阅读顺序。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

图形形态和文字区域如何协调。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
图形形态和文字区域如何协调。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

符号的识别距离

图形形态和文字区域如何协调。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

构图与符号

从形状、留白、边界与分组观察画面。

画面层次怎样保持清楚。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
画面层次怎样保持清楚。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

前景与背景的边界

画面层次怎样保持清楚。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

为什么少量明亮元素更醒目。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
为什么少量明亮元素更醒目。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

局部强调的作用

为什么少量明亮元素更醒目。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

留白能否增强关键元素可辨性。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
留白能否增强关键元素可辨性。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

信息密度的控制

留白能否增强关键元素可辨性。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

重复形态是否形成统一视觉风格。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
重复形态是否形成统一视觉风格。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

图形节奏的重复

重复形态是否形成统一视觉风格。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

互动界面

从信息层次推测设计意图,但不推断未经证实的功能。

画面要素怎样平衡不同方向。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
画面要素怎样平衡不同方向。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

横向与纵向的秩序

画面要素怎样平衡不同方向。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

细线与轮廓是否指向画面中心。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
细线与轮廓是否指向画面中心。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

装饰线条的叙事

细线与轮廓是否指向画面中心。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

从整体构图回看信息组织。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。
从整体构图回看信息组织。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。

综合色彩与层次

从整体构图回看信息组织。观察图像时先辨认画面中最容易注意到的区域,再看周围图形、边缘留白及可能存在的文字层级。此处仅分析形式与可读性,不把图案解释成未经确认的实际产品名称、奖励或玩法。