Page 111 - 打通产品与用户需求

第三章 视觉交互设计

界面大量充斥着卡顿错位图形，模糊的背景和 Logo 形成鲜明的对比，将力度控
制在一定范围之内，打破常规，时尚而不拘一格。
（4）极致的色彩运用

后现代主义下界面中的色彩应用极有代表性，如蒸汽波风格用紫色、粉色、
蓝色、粉蓝渐变倾向等极其暧昧的、对比度弱的色彩来构成画面，产生混沌暧昧
的感觉。孟菲斯风格下运用鲜艳夸张的色彩表达，用纯度高、对比大胆的配色来
表现主题。色彩单纯鲜艳，跳跃度和呼应度恰当，常见如粉色、明黄、蓝色、红

色等颜色组合传达信息；配色过程中，某一种色彩占主导，大面积使用，跟其他
小面积色块进行对比使用。
（5）形散神不散的画面
后现代主义下的界面常用几何图形分割画面。常见于一些年轻化定位的 APP

图标或开屏页或主视觉 Banner，用规则的圆形、三角形、矩形、圆环、波浪线、
网格、方形、各种纹案，与不规则的拼贴、点线面进行对比，具有强烈的装饰性
和趣味性，传达一种轻松的氛围情调，打破常见的横平竖直的线条，达到一种形
散神不散的平衡。如开屏页，用色块和文字的组合来分割界面，造成视觉上的呼

吸停顿，使得界面的布局更有节奏。

第四节 原型设计与用户测试

一、低保真和高保真原型

（一）低保真原型
低保真原型的作用是展示产品中最重要的用户流程和功能所涉及的页面关

系。低保真原型虽然比较简单，但是在产品团队需要探索不同的想法，快速优化
设计的时候非常有用。
以下是低保真原型的基本特征：
视觉：只显示部分产品的视觉属性。

内容：只展示产品内容的关键要素。
互动：只显示产品中重要功能所涉及的页面关系。
低保真原型可以帮助我们准确地拆分页面，以及每个页面的功能模块和显示

103