颜值小分队 | 祖传设计干货第一弹

用户头像
广州/设计爱好者/9年前/1048浏览
颜值小分队 | 祖传设计干货第一弹

我抱着设计师大腿让他传授技艺,于是他给了我这个

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

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

跑来拜师学艺。

 

但设计师们说:

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

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


所以即使小白也不用方,

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

然后就可以在小伙伴面前炫(zhuang)耀(X)啦!


 

42fd582c68eba84a0e282bb841a2.jpg




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) 表示数字影像的解析度,以区分二者。


 

出 血 位

3mm  

印刷界的黄金数字


 

只要你的印刷物不是白底的,每边都必须留出 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


42fd582c68eba84a0e282bb841a2.jpg


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

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


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

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


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

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



当机器也能画画,

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

42fd582c68eba84a0e282bb841a2.jpg




15
阅读原文
|
Report
|
26
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in