了解一名新人设计师瓶颈的技法瓶颈该如何突破（二）

了解一名新人设计师瓶颈的技法瓶颈该如何突破（二）

技法是设计师在设计产品的时候所需要绘画的技能，也是设计师掌握基础中的基础，设计师需要使用技法来表达产品的特点和造型，在绘画的过程中需要进行染色以及其他的操作方法，在新人设计师模拟绘画到一定程度就会遇到绘画技法的瓶颈，这个时候就需要总结一些技法的核心了，从而突破设计师瓶颈，下面就一起来看看该如何突破的！

首先不可否定，软件只是一个工具，是一个发挥和实现自己想法的工具，有想法比多少软件都重要这一点也可以这么去说。然而软件也真真切切的可以影响一个设计师灵感的实现，和效率的快慢。

设计的迭代往往跟随着软件的更新迭代，Sketch能做页面，Ps同样能做页面，然而不可否认的是Sketch的工作效率确实比Ps高的多。Ps同样可以画出3d效果，只要有足够的耐心与时间，然而C4d建一个场景或许只需花费用Ps十分之一不到的时间而且效果更真实。

所以说，软件也是阻碍设计者突破的一个不可忽视的点，当然我不建议疯狂学习各种新潮的软件，当自己在平面上已经到达一个高度并且很难突破时，这时可以尝试3d去更立体的体现自己创意。当周围的朋友同事都在用sketch并且效率明显比自己要高时，就要勇敢的去尝试新的东西了。软件革新一定程度上也带来了设计革新。

技法篇关于软件方面的技法由于太过琐碎所以我先不去讲，我主要分析设计者在设计中经常犯的一些通用性的错误，以及应该如何去做。

01调色盘中告别纯黑

什么？不使用纯黑色？你听到这个技巧，感觉可能会非常荒谬，但实际上，这确实是个中肯的建议。主要问题就在于，我们通常会把较深的颜色看成是黑色。实际上，很难找到真正的纯黑。马路不是纯黑色，办公椅也不是纯黑色，网页上的字体，其实也不是纯黑色。

纯黑色是空洞的不存在任何感情的颜色，在视觉上会让页面中其他所有的颜色失去竞争力，并且变的毫无意义。

在我们设计页面时，推荐使用产品主色中调色盘左下角的颜色，具体深到什么程度就看自己的把控。

02 慎用衬线字体

在扁平化互联网没有兴起之前，由于衬线体每个字的笔划有粗有细，在连续阅读时流畅性更好，所以非常被亲睐。然而扁平化互联网时代到来之后，一切装饰都变的谨慎起来，尤其大篇幅的文字在寸土寸金的屏幕内衬线体变得反而不利于阅读了，所以如今的互联网产品极少去使用衬线体，而很多新手往往喜欢在该简洁的地方强加设计感，大面积的使用衬线字体不仅无法增加设计感反而会让页面“负重“。

当然特殊的页面和H5页面可以考虑衬线体的使用符合页面的气氛，然而设计常规页面时尽量不要使用衬线体为好。

03 彩色背景别用黑色字体

这一点很简单，然而也很容易被很多设计者忽略。深色在视觉上有后退感，如果在一个彩色的背景上敲入黑色的字符就会导致视觉上非常不适，当然黄色与黑色是一组特别的搭配，然而大部分的彩色与黑色对于色彩把控力不足的情况下是很容易造成违和感的。

04 分即合合即合，不含糊

“我不喜欢在一个列表内的两行字只有一个字号的差距”这句话与大家共勉。页面中的元素一定要有大中小之分，元素的大小不明确是导致页面不够干净清晰的首要原因。所有元素都优先相当于所有元素都不优先。另外页面两个不相关的板块就明确的分开，同板块内容就不要那么多的分割线，这就是页面的秩序。当然这一点在平面设计中也受用，元素的对比本来就可以产生美感。

05 慎用毛玻璃效果

iOS7之后毛玻璃这个概念开始被设计者熟知，利用虚实对比可以很好的衬托出毛玻璃上方的元素。然而这个效果也是很冒险的，大家应该知道人的视觉对于模糊的东西会下意识的给出“低质量”的评判，而一些基本功不扎实的设计者很难去权衡这个虚实对比的度，容易造成页面的脏与低品质，并且技术对于“毛玻璃”效果的实现也比较复杂，所以此效果效果在页面处理时非必要情况尽量不要去碰它。

06 字尽量不要压图

在几年之前的网页设计中，字压图的排版方式很常见，然而目前的设计趋势一直在往直观，简洁的调性发展，字压图的处理方式就显得过于老套了，尤其在界面设计中，字压图的设计着实对于文本的阅读有阻碍，并且对于选图的限制更高了，所以如今遇到图文混排时一般都如下处理。

而在设计banner时有时候似乎避免不了图文的相交，可以参考网易云音乐banner的设计语言。当然还可以通过给图片添加渐变蒙版，或者降低图片亮度透明度，以及修剪图片留出空白的方法来处理。

07 投影的使用技巧

在我的上一篇文章中写过，产品设计中尽量少用投影，因为开发对于投影的处理由于可调数值的限制，落地的效果往往与设计稿相差甚远，然而很多设计者在做概念练习稿时也很喜欢加入一些投影元素给画面加入一些空间感与活泼的元素，技术会进步，这么做也无可厚非。

然而投影同样是把双刃剑，用的好会让画面更生动活泼，用不好就会让画面脏乱。这里我分享给大家一个技巧，软件中默认的投影大多是黑色50%不透明度，我们直接调整透明度确实会让投影变的淡些但是没有色彩倾向的投影是没有感情在里面的，会显得很生硬，所以我们可以把不透明度调整为100%，模式调整为正常，然后吸取当前元素下的背景色，并且在当前调色板选取颜色较深的部分，然后调整到合适的大小就可以了。

还有一种处理手法是手动制造投影而不用系统的图层样式，方法是复制一层当前元素然后同样吸取背景色在当前调色盘选取颜色较深部分，选择高斯模糊，根据需要选择数值，然后置于当前元素的图层之下就可以了。这样处理的优点是比系统自带的图层样式更自然，当做一些悬浮效果时推荐这种处理方式。

投影推荐使用两种极端的处理方式，一种是大小调整数值较大，要若隐若现弥散的效果，另一种是需要设计感时，投影大小调整为零，直接的让投影投在画面上。两种方式根据不同场景需求去选择，唯一不推荐使用系统默认的较重弥散效果，极容易造成画面脏乱。

08 慎用复杂图标

这一点不用过多的去解释，复杂的图标在如今的时代已经被渐渐抛弃了，简练的线条能说明的东西就不要去用复杂的东西呈现，并且剪影形式的面性图标比线性图标更具识别性，所以慎用复杂图标，让画面更简洁。

09 字号控制

平面设计有最小字号的限制，产品中同样有，字号的极限不可小于11pt，因为小于11pt在视觉上会非常不适，并且识别性受到挑战，当然字号的极限大没有一个数值的限制，建议在28pt之内浏览较为舒适，当然排除h5或者banner的设计。

10 设计别太满

这一点我要说的有点像平面设计中的留白，而产品中的留白更规则，例如信息卡片之间的间距最好上下左右都相同，并且卡片内的信息之间也避免太满。两个不同的模块之间更要留出足够的间距，会让页面更整洁与透气。另外还有一点是我们切图时，切片不要贴合着图标去切，容易出现切掉半个像素的情况，这时同样最少留出1pt的安全距离。

11 明确设计风格

设计之前就明确设计风格，从而统一设计元素，避免同一页面出现不同风格元素，或者不同页面之间风格迥异。例如蘑菇街的定位风格就是少女系，所以一切围绕着少女系的原则，产品中没有尖角的出现，所有元素都处理的很圆润，并且粉嫩的设计遍布产品角落而很少有大面积冷色的出现。

12 选图提高质量与统一度

选图的问题被太多次强调了，这里我简单分享一些选图的规律与技巧。首先在质量上去挑选，模糊的图一定不能用，一张模糊的图可以让整个页面变的不整洁。然后选图的风格尽量统一并且符合产品的整体调型，例如一些短文阅读类产品的选图就要文艺安静一些，而漫画或者搞笑段子类产品就可以俏皮活泼一些。另外一定记得尽量避免蓝天白云类用图，WinXP的桌面已经深入人心了。

不同的产品设计就有不同的技法风格，要多了解设计规律和技巧。