详细解析设计师如何与像素打交道

2016-02-17 00:16 2 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐详细解析设计师如何与像素打交道,赶紧看过来吧!

【 tulaoshi.com - 平面设计 】

什么是像素眼?为什么大神说越简约的设计越难?为什么总是设计不出高端大气上档次的东西?

详细解析设计师如何与像素打交道,PS教程,图老师教程网

下面来深度解析一个按钮的秘密

详细解析设计师如何与像素打交道,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

从视觉角度来看,这是一枚灰色的icon,如果你认为是这样的,那高端大气上档次基本和你没啥关系了。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

你可以用吸管吸取这个按钮的任何地方,发现它都不在最左侧区域,最左侧区域才是 白色-黑色,才是没有饱和度的色系。 从编号01这里可以看出,这里加了一点黄色,大家可以找找很多骚气的标,作者们都要么不是加了点蓝色,就是加了点红色 ,但是看上去像灰色系,这时候大家临摹的时候,就蛋疼了,怎么做也和原图不一样。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

详细解析设计师如何与像素打交道,PS教程,图老师教程网

画这种色系不多,细腻,略装b的标,颜色幅度一定要控制好,就算颜色相近,都别用纯色,拉个渐变,不停的调整,颜色区域不要超过红色区域,这样你的渐变就会带有一种让别人看了似懂非懂、认为此作者非常有内涵、有文化的感觉。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

内投影的技法很简单,我在绘制的时候,把距离0-5和大小0-5,透明度8%-90%全部混合试了一遍。最后找到一个看上去最顺眼的组合,千万不可抱着差不多的心态,对于细节来说,一点点差不多,效果上就会差很多。 ps:我用投影做的一像素高光是在pc上显示,所以我用了距离1,如果按钮是在iphone上显示,那么数值就要调整,因为iphone是高清屏,分辨率不一样,在pc上的一像素,可能在手机上看到的是一根超级超级细的线,所以要弘扬精益求精的精神,设置不同的参数,在手机上不停的演示。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

圆形按钮与椭圆槽相差1px,这时候大家要严格要求的去绘制这个圆形,如果是一个工业设计后的按钮,你忍心让它七扭八歪吗?

详细解析设计师如何与像素打交道,PS教程,图老师教程网

渐变还可以用来做反光,如果在渐变的最后不加这个淡淡骚气的颜色,眼睛就会捕捉到,然后神马总监或者客户就会让你再改一版,因为他们不知道哪出了问题,只是你没有做到位而已。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

投影很讲究,第一个投影是圆形自带的投影,投影幅度不大,但是很黑,第二层是动感模糊,第三层是数值比较大的动感模糊,三个叠在一起,不断的调整透明度,让他们融在一起。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

动感模糊后的投影视觉看上去会比按钮要宽,感觉很不真实,所以我们要用涂抹工具把两边往里收一收。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

简约而不简单,我想咱们搞设计的,玩视觉就要下点功夫,多多考虑,多多发现,不放过没一粒像素,我的很多设计朋友会在一个细节上刻画很久,我认为专注是一回事,责任就是一回事,不管是做视觉还是做交互,都是我们的本职,我们要有最基本的职业道德。所以设计与艺术的不同在于画错的一笔可能成为名画,而设计,是刻意的、有意的、合理的、布个局,弄个陷阱,让用户踩进去,享受你设计带给他们的喜悦和惊喜。我想,我们每一个人用一个负责任的态度去做事,设计师将会成为最值得尊敬的职业。

详细解析设计师如何与像素打交道,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160217/1576756.html

延伸阅读
最近工作忙,有一段时间没有动笔。有趣的是,一旦一段时间没有写字,就有设计师小伙伴们在社交网站上私信,说yoyo老师是不是很忙啊,好久没有写文章了。其实,构思一直有,就是没动笔啦,今天好好写一个话题,关于设计师的自我认知。 最近读完一本书,艾里斯和杰克特劳特写的定位,收获很多,还没有来得及仔细思考定位对产品设计的价值,我先...
标签: PS PS基础
直方图的观看规则就是左黑右白,左边代表暗部,右边代表亮部,而中间则代表中间调。纵向上的高度代表像素密集程度,越高,代表的就是分布在这个亮度上的像素很多。 对于一张正常的照片来说,直方图应该是中间高两边低。 这张照片就是如此。 这张照片的直方图显示的信息可以这样分析:照片的最左侧有高度,但是很少。这说明这张照片有...
曾经台湾有本书《改变人生的持续术》,书中的核心是持续良好的行动亦将此行动化为习惯,就能改变人生。这些大白话,相信很多人都知道。下面是其中俞敏洪一段话。 要做一滴水,每一条河流都有它不同的路径,都有它不同的过程,但是它会想尽一切办法达到它的目标–大海。黄河九曲十八弯,那时因为它要绕过重重阻碍流向大海!也许在路上会经...
最近一年多,我们在设计企业级产品时走了很多的弯路,这些弯路促使我们尝试新的设计方法和思路,每一次尝试我们都发现比之前做的更好。因此我把这些踩过的坑分享出来,希望后面的人可以少走弯路。 企业级产品(toB)和C端产品不同,在国内,C端产品竞争十分激烈、设计的同质化也比较严重,设计师其实比较难有大的创新。我经常苦恼在收到很多简历...
标签: 孩子
如何跟“拽”孩子打交道 冰雪营中有一个固定的项目是游览冰雪大世界。临行前,大家去冰雪大世界。冰雪大世界很冷,气温比普通的室外还要低。所以,工作组要求辅导员检查每个营员尤其是小营员是否穿戴好帽子(单独的帽子,外套的帽子不算)、手套、围巾等。孩子们都作了充分的准备,除了顾嘉华。我走过去问他带了帽子没有,他说带了,在房间里。...

经验教程

546

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部