平面设计原则如何运用到产品设计（二）- 大数跨境

天星数科用户体验

2019-09-27

导读：本期继续分析平面设计原则如何运用到产品设计里，主要以APP里的空页面来分析，空页面除了表示没有内容，它也是传达重要信息的元素，也是产品设计中不可缺少的部分。它除了是一种状态的展示，也是品牌传播一种途径

本期继续分析平面设计原则如何运用到产品设计里，主要以APP里的空页面来分析，空页面除了表示没有内容，它也是传达重要信息的元素，也是产品设计中不可缺少的部分。它除了是一种状态的展示，也是品牌传播一种途径，能加深用对品牌的认知和记忆。

一般产品设计的空页面都是在品牌定下来之后结合品牌元素再开始设计，在这里设计师是有很大的发挥空间。

平面设计原则

对比：要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不同，那就干脆让他们截然不同。要让页面引人注目，对比通常是最重要的元素。

重复：让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小、图片等。重复让产品或者品牌形成风格，也可以把它理解为品牌设计中的视觉统一，也可以形成品牌符号。

对齐：每一个元素都应当与页面上的另一个元素有某种视觉联系，它让我们的页面中的元素找到平衡。如果内容严肃，不可用充满幽默元素来误导用户，这会让用户对产品失去信任。

亲密性：彼此相关的项应当靠近，归组在一起。如果多个项相互存在亲密性，它们就会成为一个是视觉单位。这有助于组织信息，减少混乱，为用户提供清晰的结构。

什么是空页面？

空页面要解决最基本的问题是：没有数据的时候，不同情况下页面应该怎样展示现阶段状况。“空”并不意味着什么都没有，在很多情况下，其实它指的是一种状态，将来会被内容填满。

无内容：由于用户未与产品的功能出发行为导致的为空。多数跟个人相关的空页面较多；跟功能相关的为空，可推荐使用（开通）功能或者以奖励的方式促使用户创造内容。

断网：由于完全没有网络环境的情况下，信息无法加载的断网提示，此时文案提示需要告知用户如何去解决问题。

服务器异常：向服务器读取数据时链接异常，导致无法获取数据的情况。有缓存时优先显示缓存数据；无缓存页面展示告知用户具体原因，提示稍后再试。

对品牌有传播有什么作用？

品牌：通过插画风格、颜色、形象等元素来强化品牌调性；

亮点：用图形创意让用户感受到产品的情怀；

规则：同一个产品，每个模块、设计风格、插画风格等要保持统一；

对用户流量有什么作用？

目的：教育和帮助用户；

使命：给用户留下好印象，让用户愉悦；

转化：能推动用户进行操作；

1、使用品牌元素时，能在情感上取悦用户，可缓解用户的情绪；

使用了品牌色，以及金融元素作为点缀（截图为APP@小米金融）

2、不使用品牌元素时，偏理性，说清楚页面位置和内容；

这种形式也慢慢被使用和接受，简单、干净、目的明确（截图为APP@SNKRS）

3、跟功能相关的为空，可推荐使用（开通）功能或者以奖励的方式促使用户创建内容；

用可操作方式引导用户提高空页面转化（截图为APP@招商银行）

总结

空页面不空，跟产品页一样重要，需要获得比我们详细的更多的关注，空页面要求内容表达清晰明了，对文案的要求很高；其次是页面的结构排版，减少混乱，为用户提供清晰的结构。切记如果内容严肃，不可用充满幽默元素来误导用户，这会让用户对产品失去信任。

只要遵循这4个原则，就一定能设计出生动、有趣、有条理的页面。将其运用到产品里的思考都是细小改变，目标都是做好的用户体验设计，过程没有对与错，都是对当下感受的理解。未来也会跟随用户的升级及时代的进化去改变，它不是永远不变的结论。

参考资料：《写给大家看的设计书》

【声明】内容源于网络

天星数科用户体验

FUX ( Xiaomi Financial UX Design) ,主要负责四个方面工作:产品用户体验设计与研究;品牌运营与平台服务设计;用户体验管理流程、规范制定与推行，方案评审与人员评定;设计文化与影响力构建。

内容 51

粉丝 0

天星数科用户体验 FUX ( Xiaomi Financial UX Design) ,主要负责四个方面工作:产品用户体验设计与研究;品牌运营与平台服务设计;用户体验管理流程、规范制定与推行，方案评审与人员评定;设计文化与影响力构建。

总阅读0

粉丝0

内容51