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

打通产品与用户需求
Connect Products with User Needs

的屏幕界面有 LED、电脑屏幕、手机界面、平板界面等。
（2）功能性
界面信息的设计呈现以易于阅读和传播为基本，不同信息栏目基于模块的布

局架构得以视觉呈现，好的组织架构基于逻辑，功能性强，能够使用户轻松打开
页面，快捷到达站内目的位置。因此，设计界面之初，需要清楚地布局模块，厘
清各模块元素间的关系，考虑功能性，画出线框稿。
（3）传达性

界面中不同的信息层级关系明显，信息的重要程度一目了然。界面设计是采
用超媒体的形式，将不同的要素编排在一起，用不同的构件组成为一个连贯的整
体呈现在复杂的交互系统中，不同的构件根据定位和需要传达信息。界面的图标
起到视觉引导作用，其功能相当于面包屑导航，表现形式与界面的定位呼应，同

时又引导浏览者清晰快速地到达目的位置。界面中的 Banner，意为“横幅”，
用来展示商品信息和近期的活动，位于界面的黄金区域，是活动的入口，Banner
根据不同的主题活动设计不同风格的画面，形式丰富，起到渲染氛围点击转化的
作用。

（4）行业性
不同行业的 APP、web 客户端有着不同的特征属性，应用程序行业属性决定
了它的界面表现。界面的设计也需要充分考虑定位与特点，如新闻类的 APP 内
容丰富、信息层级清晰明显、信息简明易读；教育类的 APP 呈现的是理性、清

爽的界面，内容较新闻类大大减少；娱乐类型的 APP 装饰性和趣味性更强，画
面可以更加轻松、有趣，如美拍等；游戏类 APP，信息的设置和布局则更多地展
现天马行空的创意和开放的思想，展现更多的创造性，呈现的多是未来风格或卡
通手绘风格明显的界面设计表现。

2. 界面的构成
元素界面设计是采用超媒体的形式，将图像、图形、文字、色彩等各种要素
编排在一起，组成为一个连贯的整体呈现在复杂的交互系统中。界面的大小尺寸
不一，类型也各不相同。按界面种类分，可以分为网页界面、APP 界面、小程序

界面、皮肤主题界面。按界面类型元素分，可以分为系统按钮、图标按钮、开屏
页、首页、详情页、专题页等，信息之间有包含、并列、关联等关系，需要用布
局、留白、字体、色彩、尺寸等不同参数的设定来搭建，从而达到合适层级尺度

100