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

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

前言

无论是概念稿还是实际落地的项目设计，我想最困难的就是前期的界面风格的定义，常常开始的时候雄心壮志要做出一个优秀的设计，但往往真正开始着手设计的时候却卡在没灵感、找不到合适的参考的阶段，又或者做到某个模块的时候被细节卡住，怎么调整细节都觉得与整个页面的风格不搭。

面对这些问题，我分享一下我是如何快速设定页面设计风格的思路。

1.常见的困难

2.页面的构成

3.按照模块化搜集素材

4.合理借鉴细节

5.划重点

1.常见的困难

在开始之前我们先将常见的问题罗列出来，将问题点落实到细节，越细越好！因为往往从大的问题着手的话很容易得出空翻而无用的结论，而小的问题则更加实际且难度更小，最终我将通过出现的问题作为思路来思考解决方案。

我们可以先罗列出我们常遇到的问题，例如：

找不到合适的参考

没灵感&没想法

遇到一个模块怎么设计都不理想

界面模块之间风格不搭

自己找的字体不好看

配图风格不统一

Banner 运营设计把握不好

自己的无法把空间距 ……

以上是我们可能出现的问题，当我们把这些问题罗列出来以后，可以先规划优先级，以优先级最高的2～3问题作为当前的主要问题，以点击破。

同样我们如果已经列出问题以后，依然感觉无从下手，那可能这个问题的维度还是比较大，你可以进一步将问题拆解。例如“找不到合适的参考”，可以拆解成“找不到顶部导航栏、Banner、金刚区、瓷片区、底部导航栏的参考等等……”直至拆解到你认为足够简单。

2.页面的构成

C.空间感更强

A.有目的的找参考

在众多问题中大家可能最开始遇到的就是“没灵感&找不到合适的参考”，在这里我希望大家不要急于立马找参考，盲目的浏览设计网站。大家一开始找不到合适的参考的很大原因是不知道自己在做什么！这样盲目的搜集参考很容易消耗大家有限的精力，挫败自信心。

大家出现这个问题的原因很简单，那就是大家不知道自己的真正想要什么，找什么样子的参考！整个搜集参考的过程中没有明确的“目的性”！把找参考变成了一种随机行为，能不能找到合适的参考全靠运气，这种随机找参考的方法实不可取的！为了避免这种状况的出现，我们必须深入了解页面的结构构成。

B.页面的结构分析

页面是由若干个模块组成，同理也可以我们可以将一个页面拆解成若干的模块。我们在做界面设计的时候也是在做一个由若干个模块的集合体，回想在做设计时候相信大家都是按照模块推动设计工作的。例如UC浏览器，我们通过将页面拆分，可以看到页面是由顶部状态栏、搜索栏、标签栏、图标功能区、内容区、底部导航栏等若干个模块组成。