自从颜值小分队开始分享干货以后，

很多小伙伴都带着膜拜的神情，

跑来拜师学艺。

但设计师们说：

设计是一个自我实践和领悟的过程，

每个人都要有自己的风格和审美的喜好。

所以即使小白也不用方，

跟着这十条祖传设计干货，

然后就可以在小伙伴面前炫（zhuang）耀（X）啦！

p x    像 素

px（ pixel ）像素是指在一个数字序列表示的图像中的一个最小单位，称为像素。说简单些就是我们现在在电脑、手机上看到的图片都是由一个一个极小的正方形色块组成的，一个方块就是1px。

现在电脑和手机的分辨率已经非常的高，我们已经很难感受到像素的存在，但你要知道，10年前由于电脑屏幕的低分辨率，设计师画图标可都是一个像素一个像素点出来的，所以那可时候的设计师都拥有一个技能，叫做“像素眼”，拥有像素眼的设计师能够一眼看出一个像素的偏差（超屌）。

d p i

dpi ( Dot Per Inch ) 是指每英寸的“像素”，其实就是我们说的分辨率。

dpi 越小，扫描的清晰度越低，由于受网络传输速度的影响，你在网页上看到的图片都是 72dpi。如果要印刷实物就不能使用这个参数了，必须是 300dpi 或者更高，如 350dpi。

eg.

要冲洗 4*6 英寸的照片

扫描精度必须是 300dpi，

照片尺寸=(4*300)*(6*300)=1200px*1800px。

升级知识：但较为严谨的人可能注意到，印刷时计算的网点 (Dot) 和电脑显示器的显示像素 (Pixel) 并非相同，所以较专业的人士，会用 PPI(Pixel Per Inch) 表示数字影像的解析度，以区分二者。

出 血 位

3 m m

印刷界的黄金数字

只要你的印刷物不是白底的，每边都必须留出 3mm 的出血位。因为裁切的机器是傻瓜，它不能 100% 的对准你的作品，所以我们都要为它预留 3mm 的容错空间。

字 体 的 情 绪

字体和人一样也有着自己的情绪。不同的字体传达的信息、情绪反应和心理感知都是不一样的。所以在做设计的时候，需要充分考虑设计想要传达给人的感觉（高端、复古、时尚等等），然后根据不同的感觉选择相对应的字体字形。

那你一定会问：“如何做最适合的选择呢？”这就要多看高手的作品以及自己多做尝试了，设计的感觉也是要长时间训练和培养的哦。

字 体 的 选 择

色 彩 的 编 码

网页用颜色编码

（全称是十六进制颜色码）

这这个编码是设计师用来跟程序猿哥哥沟通颜色的方式：

简单来说，如果一个设计师或者程序员问你要一个颜色的色值，那你就把这个颜色对应的这个编码发给他就好了（比如：正红色 #FF0000），此时对方一定会默默的给你点个赞。

阅 读 感 舒 服 的 字 体 颜 色

其实自然界是不存在真正纯黑的物体的，要知道有的时候你看到的黑色其实并不是黑色！黑色也分舒服的黑色和不舒服的黑色哦。

上面我们刚说了颜色的编码是个什么东西，那最舒服的黑色的色值是多少呢？

阅读体验最好的字体颜色色值在 #222222 至 #333333 之间。

阅 读 感 完 美 的 间 距

1 2 p x

说了舒服的颜色，再说说舒服的段落行距，最让人感到舒适透气的行距范围是 1.5-1.8 倍

以字号 24px 为标准的情况下换算，每行文字相距 12px 就是舒适值，总之太挤或太松都不舒服（不要想歪）。

一脸懵逼了吗？直接来图，用心去感受

以上提到 px 全部均指 Photoshop 中的像素 px，如果你用的是微信编辑器，请顺应你的直觉将行距设为 1.5-1.8 倍之间就好。

正 负 形

这个也是最常用的设计方法之一，看看你身边的各种图形，说不定就能找出很多用正负形的方式设计的图案。

正负形就好像太极一样，相互的旋转、融合。利用“图”与“底”发生反转并彼此融合成一个整体，进而产生双重的意象，同时也赋予整个画面无限扩展的空间感。巧妙的利用正负形做设计，往往会有出其不意的效果，这也是设计师拼创造力和技巧的时候。

几 个 设 计 师 经 常 会 看 的 网 站

设计相关的细分网站真的很多，每个设计师都会有自己的必看宝典，下面都是给各位客官的开胃菜，请享用。

www.dribbble.com

www.behance.net

www.awwwards.com

www.cargocollective.com

www.ffffound.com

想要成为设计师一样厉害的人，

就要先学会用设计师的眼光去看世界。

生活中那些习以为常的设计，其实都是由这些最简单的要素构成的。

——尼古拉斯 · 肥兜的曾曾曾祖母

而更重要的不是记住它们，

是无时无刻的观察与积累。

当机器也能画画，

你和设计师的距离就剩审美了！