用户界面设计师，如何在应用程序上做创新设计？

当设计师们有扎实的界面设计基础以及DS经历，做起界面行云流水，却发现我们的设计趋同性严重。当我们摒弃各个类别应用程序的TOP3logo，已然分不清谁是谁。那么应用程序上的界面创新即成为设计师们去思考以及实践的内容。

用户界面设计师如何在应用程序设计上创新呢？本文基于职位工作内容从三个方面入手阐述创新思维。

框架层打破原有的组件结构

我们规范输出太多的按钮，标签栏，翻页，卡片等组件设计，在界面中习惯性把组件做理所当然的设计，而创新则需要打破组件原子分子结构，但是打破不等于忽略一致性以及design systems。

下面具体说说卡片/图标组件设计的创新：

关于卡片组件创新

纵观界面中使用面积较大的区域，这几年经历无数演练，大间距分割是目前相对常见的模式，我们也见惯了各种大间距分割卡片式的微创新。例如：图片叠加等比例的色块。在面对业务量大的产品设计时，我们有序循环的使用卡片，依附业务突出内容做微创新以及尝试。

• 重新定义你的卡片比例 ，我们习惯了4:3/16:9/1:1，如果形成1:3/3:1做有序循环呢？
• 形的改变 ，方块中的直角圆角是卡片的标识，那么能否变成圆角偏圆形呢？
• 特殊处理 ，阴影，叠加，透明度，转角等技法。
• 探寻不同的模块分割方式 ，关注当下流行，而非一味跟随。
• 尝试任何之前否认的形式， 试错即是新的开始。

关于图标创新

图标是一种全球通用的象形表意符号文字，整套图标集合就是一门语言。图标分为功能性图标（象形符号/表意符号/文字符号/组合符号），标志性图标。图标风格大致分为线性图标，面型图标（线+线，面+面，线+面）线性分线条粗细（2px,3px,4px)，面型图标分为正负型。设计手法上更是多样（层叠/拼接/中宫/断点/色彩/渐变/透明度/转角度/高光/投影/流线/笔触/透视/连笔/特征元素）。

而创意则需要在绘制前首先形成设计思路：调查——探索——发现，寻找关键词，组成情绪版从而设计，设计时遵守图标原则，利用多种设计手法以达到识别性。

有效图标设计的7个原则：

1. 全面处理图标设计
2. 考虑受众
3. 图标使用尺寸的设计
4. 保持图标简单和标志性
5. 投射一致的照明，反射和阴影
6. 利用有限的视角
7. 创建一致的图标集样式

图标设计中的10个错误：

1. 一个图标中的元素太多
2. 不必要的元素
3. 一组图标缺乏风格统一性
4. 小图标中不必要的透视和阴影
5. 过于原始的隐喻
6. 没有考虑民族或社会特征
7. 图标中的实际界面元素的图像
8. 图标内的文字
9. 像素框架之外
10. 图标之间的区分不足

视觉层创立新的视觉设计语言

如何打破应用程序的趋同性，树立可识别性，首先是视觉思维的创新，在表现层中创立新的设计语言。

构成视觉的元素：颜色（色相色度亮度）、字体、元素、符号、图片。就工作而言我们习惯性的通过各大流行趋势做视觉设计，理论依据背书担当格式塔理论，一直是我们对视觉系统的理解的主导力量之一，视觉系统是人类视觉所涉及的感知过程的总和。

当我们设计高效和令人愉悦的产品和网站时，简单地描述了心灵如何解释和组织视觉信息，以帮助我们理解世界及个人相关部分。形式的清晰度越强，设计越有效。

格式塔理论：

• 简单性原则(Simplicity)
• 图形与背景关系原则(Figure-ground)
• 接近性或邻近原则(proximity)
• 相似原则(similarity)
• 共方向原则(common movement)
• 对称性原则(Symmetry)
• 连续性原则(good continuation)
• 封闭的原则(closure)
• 共同区域原则(Common Region)
• 元素连通性(Element Connectedness)

有了理论依据在界面中的应用为你的界面设计创立一个视觉符号，将视觉元素贯穿于整个产品的界面中，增强符号给予用户的感官，以此为基准，突破视觉趋同。如何获取视觉符号元素，通过利益相关者的问卷聚类得出具体的品牌人格，给予产品品牌人格，寻找差异点，根据差异点脑暴品牌格言输出视觉标识。

荣格十二品牌人格原型是基于心理学家卡尔荣格，曾经在他的人类心理学理论中用到过“原型”的概念。他相信“原型”以神话角色的形式，在全世界的人类的集体潜意识中存在着。原型体现了我们进化过程中一些基本的人类形象，很自然地原型能够唤起人类深层次的感情。

尽管事实上有许多不同的原型，但荣格定义了能够代表人类基础欲望的12个主要的类型。每种类型都有自己的一组价值观，意义论和性格特点。同时，这12个类型又被以4个为一组分为三大类，分别是“自尊”，“灵性”和“自我”。

花更多的时间激发灵感

“一万小时定律”是作家格拉德威尔在《异类》一书中指出的定律。“人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断的努力。

如下几个小方法可一试：

（1）“5分钟疯狂想法”

张开想象的翅膀，不论落地实现与否，尽情想象，每天花5分钟设计一个组件/元素，越飞扬越天马行空越有趣，忘掉所有的流程/方法论/经验/商业设计价值，忘掉你是谁。

（2）积累发掘更多的设计方法论

设计方法论能够让我们形成完整的设计思路以及推导依据，它支撑我们的设计。在日常的设计工作中，关注前瞻性的设计的思维，熟知设计思维并实施到项目中形成设计工具箱。

（3）培养特有的自我感知力

设计无论是感性的还是理性的，所谓的感觉与天赋是一定自我潜力的挖掘，寻找自我对于专业领域的感觉。除去设计，我们总是有许多自己为之热爱的事：爵士，徒步，游泳，旅行，在你的热爱中发现美，发现设计，愿以时间为基石。

（4）创新的工作方法

如果工作流程习惯了从产品到交互到视觉，那么工作协同可以尝试新的方式如搭建design systems，协同方式的改变也会引发设计思考方式的转变，设计效率的提升也意味着我们有更多时间关注设计本身。

设计的路上，永远不能停止探索，创造价值迎接明天。

 

作者：Emilychen；公众号：Design Thinker，UIUX设计师，从业6年+，关注设计思维及实践，核心宗旨：设计思维驱动下的设计沉淀。

本文由 @Emily 原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。