从 3 个方面入手，帮你快速掌握创新思维！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

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

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

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

1. 关于卡片组件创新

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

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

腾讯超全干货，帮你完整掌握「卡片式设计」知识点

卡片式设计对于我们来说并不陌生，从设计类网站上或市场上的一些 APP 中也会看到很多的卡片式设计的案例，卡片式设计也是 UI 设计中最常用的方式之一。

2. 关于图标创新

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

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

有效图标设计的7个原则

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

图标设计中的10个错误

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

图标绘制指南

阅读文章 >

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

如何打破应用程序的趋同性，树立可识别性，首先是视觉思维的创新，在表现层中创立新的设计语言。构成视觉的元素：颜色（色相 色度 亮度），字体，元素，符号，图片。就工作而言我们习惯性的通过各大流行趋势做视觉设计。理论依据背书担当格式塔理论，一直是我们对视觉系统的理解的主导力量之一，视觉系统是人类视觉所涉及的感知过程的总和。

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

格式塔理论

• 简单性原则
• 图形与背景关系原则
• 接近性或邻近原则
• 相似原则
• 共方向原则
• 对称性原则
• 连续性原则
• 封闭的原则
• 共同区域原则
• 元素连通性

以Apple Music为例，为你解读格式塔7大法则

笔者前几篇的文章分别用 Airbnb、Youtube 两个产品，为大家解读了尼尔森十大可用性原则以及交互7大定律，本文将是交互设计基本法则系列文章的最后一篇。

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

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

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

花更多的时间激发灵感

「一万小时定律」是作家格拉德威尔在《异类》一书中指出的定律。

人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断的努力。如下几个小方法可一试。

「5分钟疯狂想法」

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

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

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

培养特有的自我感知力

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

创新的工作方法

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

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

欢迎关注作者微信公众号：「Design Thinker」