码农学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中一个很重要也很核心的概念。我们可以理解其为画纸,但是这个画纸是透明的。如果将画纸组合起来,那么可以构成一幅新的图像。我们在一个图层操作时,是不会影响其他图层。

下面这张图片来自电影《钢铁侠》,多份手稿组合成了钢铁侠的原型设计,里面的每张画纸可以理解为一个图层。

Iron Man Design

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.