FIELD NOTE / 01

色彩与光影

色彩的明暗对比可以建立画面焦点。第一组关注高亮区域、色块关系以及背景如何支撑主要视觉对象。

观察时可以用一个简单问题起步:没有阅读任何文字,视线最先停留在哪个区域?

第一幅数字视觉色彩示例
观察色彩明度、主体与背景之间的关系。
FIELD NOTE / 02

渐变与空间

当多个渐变区域交汇时,画面可能通过明度差异营造前后层次。适度的空间区分能够提升信息辨认度。

如果光影效果过强,也可能影响文字与符号的可读性。

第二幅数字视觉光影示例
关注亮度层次和空间感,不推断互动规则。
FIELD NOTE / 03

视觉重心

一个画面的重心可以通过形状大小、线条走向和留白建立。主体未必恰好位于几何中心。

对比边缘区域的复杂度,有助于理解视觉注意力如何被引导。

第三幅视觉构图示例
从构图与视觉重心出发描述画面。
FIELD NOTE / 04

色块节奏

重复出现的颜色或形状会构成节奏,变化的间距则有机会形成强调。静态图能呈现这种关系,但不能证明实际动效。

注意边框、文字与装饰线条是否共享相同的视觉语法。

第四幅形态节奏示例
识别重复的形态和层级变化。
FIELD NOTE / 05

符号识别

图形符号如果拥有清晰轮廓,即使在较小显示区域也较容易辨识。文字与图形可以互为补充。

讨论某个符号时只以可见形态为依据,不暗示其具有未验证的功能。

第五幅数字符号示例
观察轮廓、符号间距及视觉辨识度。
FIELD NOTE / 06

画面层级

前景、中景与背景可以承载不同信息。层级混乱时,即使细节丰富,用户也可能难以找到关注点。

设计分析要把“美观”和“信息清楚”分开评估。

第六幅界面层级示例
对比不同区域的信息优先级。
FIELD NOTE / 07

边界与留白

模块间的留白可以帮助理解内容归属。用细线区分区域时,也要考虑对比度和屏幕尺寸。

观察图形边缘是否完整,有助于判断素材更适合横版、方形还是竖版容器。

第七幅视觉留白示例
留意边缘信息、模块间隔和内容密度。
FIELD NOTE / 08

信息与装饰

视觉装饰有助于统一风格,但重要提示需要保持清晰的文字或符号表示。

不能因为看到强调色,就认定某个按钮一定具备特定操作。

第八幅信息设计示例
区分核心内容与装饰性元素。
FIELD NOTE / 09

界面适配

画面在桌面和手机上可能需要不同的显示宽度。设计时应优先保护内容完整,避免通过裁切强制统一比例。

对带有内嵌文字的图片尤其需要检查四角与四边。

第九幅界面适配示例
以图片完整展示为基础观察比例与构图。
FIELD NOTE / 10

视觉语言的整体一致性

将颜色、形状、图标和留白放在同一框架中比较,可以理解一组画面是否具有一致的设计方向。

这里只完成静态图观察,动态反馈和真实交互行为仍需要另外的可验证证据。

第十幅视觉风格示例
总结画面层次与形态语言,不编造作品名称。