3步极速制定设计风格（下）

时间：2019-08-02 13:48
发布：宁波达内培训
来源：网络
分享到：

* 拼搭页面

这里给大家介绍一个小技巧，当我们搜集到足够多的页面的时候，大家可以尝试将各个模块裁切出来拼搭到一起看一下整体的感觉。这里我们可以把页面想象成一个穿搭博主，在分享自己的传达技巧之需要多次尝试不用的服饰，不断的调整细节，确定一套最优方案。

同理这里我们也是反复审视自己找的参考是否符合我们的需求，风格上是否显得突兀，如果出现问题我们可以及时调整。例如下图是笔者剪切各个参考拼接成的简易页面。

页面拼搭组合的好处在于，可以在设计之前找一下大致的风格界定，避免一些符合个人喜好的组件设计在页面中不符合整体设计的情况的出现，减少不必要的设计成本付出；拼搭组合的过程中能够激发更多灵感，为页面设计提供多种可能性，有力日常工作的提案。

4.合理借鉴细节

A.创意的概念

面对借鉴可能有很多同学认为是直接照搬，这种行为缺乏自身的思考即使是无意的但也很容易被扣上“抄袭”的头衔。借鉴本身就是一个思考的过程，倘若没有思考，那跟抄袭无疑。大家总是想原创，发挥自己的“创意”，但大家对创意的概念又一个清晰的认识吗？这里我们再次重申一下关于创意的概念：

创意是什么?

创意是要超越界限，跳离现有框架，重新定义事物和事物之间的关系。也就是找出事物间的相关性，或是相反特质，将既有的元素打破，拆解，增删后，重新组合，以呈现新的风貌，功能或是意图。（维基百科）

从上述概念中我们摘取重要的关键词：“创意是将现有元素打破、拆解，增删后，重新组合的过程”。我们可以理解为创意真正的关系是“破”“立”的过程，将现有元素“打破”，再通过拆解、增删，重新组合（立），以新的形式或样貌展现出来。

既然创意是打破现有重新组合的关系，那么我们在借鉴参考的时候也可以遵循同样的方法，在借鉴的过程中我们可以先进行模仿、拆解，思考、组合、最后再进行突破以新的形式展现出来。

B.创新的程度

当我们对创意的概念有了一定的了解，那么我们还要注意一点的是“创意的程度”，首先我们要反问自己一个问题：

“创新一定是翻天覆地的吗？”

如果真的是这样，那么sketch、Adobe Illustrator 、AdobePhotoshop等软件每次更新都做出“翻天覆地”的变化，那么我们每次都要面对一个陌生的操作界面，重新学习操作，增加了繁重的学习成本。面对这种“翻天覆地”创新你会作何感想？即使对方有惊天的创意，但面对繁重的学习成本你也会心生厌恶。

反观现在的 APP 都是高频的微创新，除了大版本的迭代，日常的迭代更新都只进行局部功能的更新，几乎不会出现翻天覆地的改变。例如淘宝的卡片设计的应用也并非是一下子全部完成设计更新，而是一点点去“试水”，逐步去在每个小的应用模块去做更新。例如淘宝详情页中底部的加入购物车和立即购买的按钮样式由原来的矩形边框到圆角按钮的应用，只是细节的改动，并不影响用户的操作习惯。

因为现在的界面的布局设计是用户多年使用养成的习惯，贸然在界面布局上进行创新很容易适得其反，用户的使用习惯已经养成多年，强行改掉只会引来用户的反感，所以在细节上进行突破最大的优势就在于成本低、风险小、收益大。

C.细节的借鉴

优秀的设计作品是设计师对页面中的每一个模块和组件都是经过设计师反复思考再进行精心设计排版的结果。在当前页面结构同质化严重的情况下，我们所要借鉴的正是优秀设计师对每一个模块和组件细节的思考，其中的细节正是我们所要参考和学习的。

所以在借鉴参考的时候我们要把我们的观察点要逐步缩小，从借鉴“页面布局”到借鉴“模块”再到“组件细节”。

D.如何借鉴细节

在借鉴的细节的时候，建议大家先对参考进行模仿和拆解，试着站在对方角度思考为什么要这样设计，这样设计的优点是什么？通过反复思考的过程去寻找突破口，寻找适合自己设计最优方案。

在做细节的修改的时候，可能许多同学一开始没有明确的思路，这是正常的。面对这种情况最简单的方式就是“列清单”。我们可以先将可改动的细节点进行一一罗列，面对具体的细节，将问题具象化，逐步寻求解决方案。以下是我罗列的一些细节点，大家可作参考。例如图形、色彩、尺寸、圆角弧度、渐变、透明度、线的粗细、投影、位置、字体、字号、字重、装饰图形……