码农学PS:如何优雅的学习UI设计?
By Long Luo
一、引言
道生一一生二二生三三生万物 人法地地法天天法道道法自然
这副对联常见于各大道观,出自老子的《道德经》。世间万物,纷繁复杂!但不管多复杂的东西,都是由很多很简单的东西组合而成。
从古至今,世间音乐不过是几十个音符的组合而已,都在一架钢琴的诠释范围之内。如同五彩缤纷的万花筒拆开之后,却只是一些小纸片和玻璃而已。同样,美术也是如此,点动成线,线动成面,点和线构成了一幅幅作品。
作为一名身上还有一些艺术细胞的程序员,从大学时期就一直想学点UI知识,但是由于拖延症一直没能学好,新的一年决定学习一些UI设计知识,get一项新技能!
下面这篇文章将从下3个方面分析UI设计,分别是:PS只是一种工具,程序员为什么要学习PS以及PS基础之我的理解。
二、PS只是一种工具
科技以人为本!
在学习之前,我们需要明确的是,不管是说话,编程还是UI设计,核心都是表达你的个人想法,和外界进行沟通。
技术是为人服务的。所谓Smart is the new sexy.,内在逻辑思路才是最重要的。
《一万小时天才理论》这本书讲我们看到的天才背后都是精深的练习,他们并没有什么过人的天赋,我们和他们差的只是科学的练习,不管的积累,锤炼技能。
学习靠的是不断的积累和刻意的练习。
三、程序员为什么要学习PS?
程序员为什么要学习PS?
答案当然是有很多好处。那么好处有哪些呢?具体到我个人,我希望达到以下几个目标。
第一、可以自如的表达自己的想法。正如上一节所说,如果我们学习任何东西都是为了更自如的实现自己的目标,表达自己的想法,满足自己的好奇心。
第二、掌握图像及图像处理知识。滤镜是怎么回事,失真是什么?色相,色温,锐度等等这些概念是什么,它们又是如何影响了图像。在我们调节这些参数时,我们修改了图像的哪些东西呢?
第二、更好的和美工沟(si)通(bi)。在开发过程中,我们需要经常和UI设计进行沟通,如果我们了解UI设计知识,就能明白我们开发中需要什么样的图片以及更好的明白UI的想法,理解他们的世界。
One More Thing,其实学习UI设计还有个最大的好处,那就是—装X。
最后,看看知乎上这个问题照片 P 与不 P 的差距究竟有多大?就知道如果PS学得好对于一条单身狗意味着什么!
最最后,请看题图!!!
四、PS基础概念之我的理解
这一节主要讲的个人对PS的一些基础概念的理解。
4.1 图层
图层是PS中一个很重要也很核心的概念。我们可以理解其为画纸,但是这个画纸是透明的。如果将画纸组合起来,那么可以构成一幅新的图像。我们在一个图层操作时,是不会影响其他图层。
下面这张图片来自电影《钢铁侠》,多份手稿组合成了钢铁侠的原型设计,里面的每张画纸可以理解为一个图层。
4.2 色温
色温,按照字面意思就是可以人眼能感受的图片的温度。色温越高,图片就让你觉得越温暖,色温越低,图片给你的感觉就是很冷。
4.3 饱和度
饱和度是指色彩的鲜艳程度,也称色彩的纯度。应用在照片中,饱和度越高照片画面越鲜艳。
4.4 对比度
没有对比就没有伤害!对比度可以理解为图片中事物和另一事物的亮度和颜色的差别。一般来说对比度越大,图像越清晰醒目,色彩也越鲜明艳丽。
4.5 移动旋转缩放
这些都是非常简单的功能,直接操作就能明白。在实际软件中,我们其实是通过坐标变化来实现。
4.6 选区功能
选区是PS中非常强大的功能,我们常见的移花接木,比如抠图核心就是选区。一般操作选区有两种,一种是使用魔术棒,另一种就是钢笔工具,就是使用钢笔工具弄出一个选区区域。
五、总结
这篇文章从UI设计谈起,首先讲述了任何复杂的东西都是由简单的东西构成的,然后讲述了如何使用工具来表达你的内心想法,学习UI设计对自己的好处,最后讲的UI设计中的一些基础知识。
下一步需要学习的PS的纹理,滤镜,羽化,通道等等知识点。
Created By Long Luo at 2017-02-10 21:17:09 ~ 2017-02-11 00:36:58@Shenzhen, China.