IOS 系统模板

IOS APP 模板

有了这个素材，设计师们可以直接按此模板来设计新的 iOS APP了。

APP应用设计元素

Bars: 状态栏、搜索栏、导航栏、Tab栏

App Icons

Message App Icons

控制元素（Controls）

源文件还有更多设计元素，这里不一一截图了。

IPhone X

IOS 色板

在 PS ZIP 里面还包含了 iOS 的色板文件，.ase 格式，仅能使用 AI 打开。

San Francisco Pro字体

在压缩包里面，还包含了 San Francisco Pro 字体文件，这是目前最新的苹果系统字体，在 macOS, iOS, watchOS, tvOS上使用。

安装方法双击 San Francisco Pro.pkg 即可完成安装。

Python编程语言是最近几年发展趋势较火的语言，也是针对新手友好的语言，入门简单上手快。再加上AI人工智能和数据分析的加持，让Python成为关注度最高的编程语言，现在不会Python都不好意思说自己会编程。虽然Python很火，但是网络上关于Python语言的学习资料依然不多，今天为大家收集了一本关于Python基础学习的文档书籍——《python基础教程》

Python是一种计算机程序设计语言。是一种动态的、面向对象的脚本语言，最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越来越多被用于独立的、大型项目的开发。

如果在windows中学习Python，只需要去官网下载相应的Python版本即可，因为Python2.7将于2020年停止维护，建议大家下载Python3以上的版本作为学习的环境。如果是在linux下进行学习，则无需下载，因为linux内置了Python2.7和Python3.5两个版本，在学习的时候在Python3.5环境下进行操作练习即可，如进入Python3.5命令在终端直接输入python3即可。

Python入门学习主要有以下几个重点：变量、基本的数据类型以及相关的操作、条件判断和循环、函数、面向对象等内容，掌握这些基本就算是学会了Python基础入门。

如果大家对Python学习依然有所疑虑，可以关注天天Python。也可以下载《Python基础教程》作为学习参考。

转载自百家号作者：扁豆君的设计之道

如果没有系统学习设计的理论课程，不用担心，学习下面的书单后，将会掌握设计师的基础理论，在平常的设计学习和工作当中就会变得游刃有余。

一、设计素描与速写

一直以来，手绘一直是很多草根出生的设计师的弱点，那么设计师一定要会手绘吗？答案是因设计工作而异，如果从事的是插画设计行业，那么手绘肯定是必须掌握的基本功，如果从事的是平面设计行业，那么手绘可能不会那么重要。但是有一点毫无疑问的是，会手绘不会让你吃亏，只会让你锦上添花，从事各种设计创作时游刃有余。

那么设计素描与速写就是设计师需要掌握最基本的手绘功底了，学习素描与速写可以让你快速掌握三大面五大调，静物的各种色调关系，就是俗话说的黑、白、灰。其次可以掌握最基本的透视基础，透视一般分为一点透视、两点透视和三点透视。当造型和结构比例都掌握好后，那么你画任意一个物品都不会差到哪里去，因为所有的绘画基础都是以造型和结构为骨骼，继续往上进行深化。当你可以轻松面对素描与速写时，那就可以继续进阶，至于想要画水彩、油画、马克笔画亦或者是画人体、产品、室内都是看各人的喜爱和发展了。

二、三大构成

现代设计学的基础理论基本都是在包豪斯时代所建立下来的，而当时奠定的最出名的课程莫过于三大构成，现在基本每个设计院校都把三大构成奉为经典。

1.平面构成

平面构成把所有的平面设计都归为最基本的点、线、面三个东西。不管是什么设计基本都是有点、线、面构成。同时这三者还能进行转化，面是由线组成，线是由很多点组成，而当一个点放大到一定程度的时候又变成了面。不管什么东西，点线面都是按一定规律进行排列的，而平面构成也讲述了这些排列规律，类似发散、收缩、骨骼、变异等等。

2.色彩构成

色彩构成把所有最基本的色彩理论都诠释一遍，最简单的莫过于光的三原色和颜料的三原色。色彩也是有历史的，最著名的就是牛顿的三菱镜折射光的实验，将光的组成分析了一遍。在以前，颜色都是在纸上的，而到了现代颜色都跑到了屏幕上去，都是由光组成。色彩构成从色相、饱和度、明度等方面很好得解释了色环的由来，以及颜色的搭配，什么是邻近色，什么是对比色，什么是互补色，此外还讲了各个色彩的脾气，什么是暖色，冷色等。

3.立体构成

立体构成将设计从二维拉向了三维，诚然我们生活在一个三维的世界里，那么在三维里也就要懂得三维的知识。三维里的物品都是由简单的几何形体立方体、长方体、球、圆锥等基本形体演化而来，懂得这些物体演变和排列方式很重要，可能一般在平面中用不到三维，但是在空间设计、工业设计、室内设计中到处需要考虑三维知识。

三、设计史学

在我的学生时代，上历史课是最枯燥的，历史的理论都没有好好听，但是在从事工作后才发现史学史多么的重要，简单一点，我可以了解一个事物的由来，譬如现在的建筑设计为什么都是采用大面积的玻璃屏幕，而不是别的金属，水泥之类，难一点，我们可以以史为鉴，不再发生同样的错误。设计史学就是讲述了从人类诞生以来，结绳记事，刻甲骨文到现代设计汽车飞机等一切的设计历史，当中还发生了很多有趣的事，什么古典主义，新古典主义，哥特式建筑、文艺复兴、波普文化等等耳熟能详的设计语言，是不是很想了解一下。

四、其他本专业基础课程

当学习以上几个基础课程，基本就掌握了设计的入门可能，但是你会发现，这些课程对所有的设计都是通用的，所以在自己的工作上，要针对自己的方向有针对的学习本设计领域的内容，譬如平面设计当然就要学习图形创意课程、包装设计和LOGO、VI设计课程，工业设计就要学习产品设计、计算机辅助工业设计，而室内设计就要学习室内设计基础、空间设计了。在这里你会发现设计很广很泛，每个行业都是一个门类，但是设计是相通的，现在更是提倡跨界设计，所以多学点其他领域的设计知识是多多益善了。最后我想告诉你一句，在以前，设计师不光只设计一个领域的东西，像包豪斯的伟大设计师们，即设计平面，也设计家具产品，更设计伟大的建筑！所以现在化的分工使设计更精细，但跨界之间的创意激发更少了。

系统图标实例教程：

1.首先我们打开PS的编辑,选择首选项，然后打开参考线选项，我们设定网格间隔为44px，也就是ios系统中标准图标的大小。然后设定子网格为8px。

2.新建一个800*800px的画布，按快捷键 Ctrl ” 键调出刚才设定的辅助线。现在每个方格是44*44px。

3.打开上篇文章中推导出来的系统图标栅格系统作为设计图标的参考。

4.这次我们选择UC头条的图标作为原形进行重新设计。

选择UC头条的icon作为原型的原因是UC头条菜单的5个图标比较有代表性，分别是圆形图标竖长形图标和异性图标。唯独还缺一个正方形图标所以我们把第一个首页图标换为一个正方形的咨讯图标。这样我们就能够在同一套图标中对比5种不同形状的图标设计。

风格设计1

首先我们先运用布尔运算（不会布尔运算的同学自行搜索教程哈）做一个套方正的图标，线条为2px，图标边角都采用直角的设计方式，给人方正硬朗的感觉。我们把这个图标风格作为基础造型下边我们将在这个图标风格上进行不断地变化打造出各种不一样的设计风格。

风格设计2

我们在风格1的基础上优化尖角为圆角图标。圆角大小设计定为4px，瞬间图标的感觉就变得圆亲切了很多。这种风格也就是市面上最常用到的系统图标设计风格。

风格设计3

在风格散的基础上我们加粗线条为3px的视觉风格，由于线条粗细的调整整套图标的感觉已经比较粗壮有力，给人非常可靠稳定的感觉。

风格设计4

继续加粗线条为4px的视觉风格，此时图标已经十分粗壮，但是由于是搭配了圆角的设计，整套图标反而给人感觉多了一点点可爱的感觉。这个图标造型基本就是UC头条的图标设计风格了。当然由于图标的加粗我们发现订单图标内部的横杆视觉上已经比其他图标看起来更重，所以在这种时候我们就将图标内的横杠适当的删减一个，以保证图标的整体视觉一至。

风格设计5

我们继续在风格3的基础上将每个icon进行断点，形成断线风格，注意断点的位置，一般的是在右侧或图标下方，一般不会出现在左上侧和图标中心位置。这时图标多了一个独特的特性就是断点，一个小小的变化就能呈现不同的视觉感觉，看起来更加的与众不同了。

风格设计6

顺着上边的思路继续我们在断点中间添加一个小圆点，整套图标又呈现出了不一样的感觉。会显得比较时尚有亮点，给人的印象也会更加深刻了。

风格设计7

我们还可以将icon结合app的主色进行结合设计，将icon设计成双色图标，提取icon一部分线条或色块进行色彩变换。这里我们将所有图标内的图形填充主题色进行搭配，黑色和柠檬皇黄的色彩搭配使得图标的时尚感和形式感大大增强，会给用户眼前一亮的感觉。

风格设计8

当然我们也可以尝试在图标内部填充色块，并且给它一定的内部错位的设计营造高光的感觉。这种形式用于点击选中的效果非常好，闲鱼APP的菜单图标选中效果就采用了这样的设计风格。

风格设计9

也可以采用半透明的设计方式，比如我们将图标内部的图形设定为50%的透明度。营造不一样的视觉感受。

图标演变过程是一个设计思考过程，我们可以通过不断的尝试，寻找一些创意点，今天我们选择一组图标进行实例演变，还有很多图标风格没有说到，我们也可以再去尝试挖掘更有创意的icon设计风格。以上就是今天讲解的内容，希望能对大家有所帮助能对大家有所帮助。

素材源自网络

在 IT 工程师和培训机构多如牛毛的时代，拜师学艺并不难。但自学编程对于毫无基础的同学来说却可能是个问题，相信有过类似经历的朋友都有一把辛酸泪和一肚不吐不快的体会。让我们从一个故事说起…

故事

某君在一个普通大学读着自己不喜欢的专业，以打游戏、刷段子和睡觉度日，突然有一天想学点什么。学编程好像挺酷，而且听说IT行业充满了机会，没准一不小心就和大佬一起“改变世界”了。

那么第一个问题来了，他该选择什么语言？

是世界上最好的语言 PHP？还是语言之母的 C？幸好还知道个编程语言排行榜，找到一看、几十种不带重样，这要逼死天秤座的小朋友。选 PHP 吧？上非诚勿扰都要被灭灯，而且就只能做个网页。万般纠结之后我们选 C 吧，听起来既高级又底层，说不准还能考个计算机二级。

接下来得干正事儿了。在这个便捷的网络时代，自学可选择的方式非常丰富。除了在网络上收集资料、阅读干货外，某君还向一些前辈咨询了自学的方法。

网络上流传的编程学习方式有：

看书（这是最容易想到的方法）

观看视频教程

阅读官网文档

读源码

到大学蹭课或者报名培训（不知道还算不算自学，没交学费都算吧？）

某君又得纠结一番了，大学蹭课和培训并不一定有合适条件，且不符合自学的气质；观看视频教程，前辈们觉得比较low；阅读官网文档和源码，这不适合初学者。总得来说看书算是比较中肯的方法，至于看什么书呢，前辈推荐了《C Primer Plus》，据说是学习C语言的经典之作。

好吧，不再纠结，直接啃这本大部头，虽然有人说看原版好一些，但是实在能力有限、还是看中文版吧。一口气花了一周时间读完这本书，果然是经典，变量、语句、条件判断甚至指针都知道怎么回事了。

某君决定按照书中的说法实践一下了，于是打开了记事本，折腾很久装了GCC，把书上的第一个例子抄了下来，在控制台的小黑窗输出了“Hello World”，成就感满满。决定上手写点高级的的东西一试身手，合上书。咦，为什么会报错？哦，原来少个分号。不禁陷入思考：为什么学了两个月还是只能在这个黑窗口算算秋水仙数？网友还说要看官网文档、要读源码、要看英文原版，我一样都不能做到，我一定是能力不够，编程果然是天才做的事情……

正经话

上面的故事是我编的，但其中的纠结却是自学者或多或少都经历过的。实际上，IT从业者并不像传说中那样需要天才般的智商，要点在于能否找到合适的入门途径，再加上一点点坚持和思考。比较可惜的情况是一些人没能找到适合自己的学习方法，并在纠结和碰壁后失去信心，然后沮丧的认定自己并不适合干这行。学编程很多时候就是一个趟坑的过程，但不是每一个坑都有必要趟，写这篇文章的目的是希望能够帮助初学者尽量少趟一些坑。

IT世界的地图

初学者遇到的一个典型问题是对IT世界没有一个大的图景。比如大多数的Java书籍，教完你基础语法知识和秋水仙数的求法后就结束了，并没告诉你接下来能干什么。我曾经为此感到非常困惑，学完Java SE后做了一个非常简陋的GUI demo，就失去了后续的Java学习方向，带着对Java的偏见，这成为了我一段令人沮丧的学习经历。关于这个话题一本书可能都不够，简单来说，我尝试从计算机科学知识和技术实践两方面来聊聊成为一名IT工程师需要具备哪些东西。

计算机科学基础

首先初学者要具备一些非常基础的知识，这些知识在你踏上工作岗位后能被实际的用到，比如计算机运行原理、网络的传输、常用数据结构和算法等。这部分属于计算机科学，也是应该被计算机专业本科课程涵盖的，不要伤心错过了大学本科的相关课程，我会分享一些有用的资源。

这里我罗列了一些计算机专业的学生一般需要学习的课程，当然每个学校专业设计都不一样，甚至采用的教材名字也不一样，仅供参考。大学计算机科学课程往往包括：《高等数学》、《离线数学》、《电子电路》、《数据结构》、《程序设计》、《计算机组成原理》、《编译原理》、《计算机网络》、《软件工程》、《数据库原理》等。有些学校会有一些额外的课程，例如《通信原理》、《汇编语言》、《线性代数》、《C语言》、《Java 语言》等。

图片来源于网易计算机专业的课程体系

尽管IT行业知识更迭非常快，但是基础知识并不容易过时，因此有大量的资料可以选择。可以选择从计算机经典丛书系列开始，比如佛罗赞和莫沙拉夫的《计算机科学导论》，甚至可以阅读一些计算机科普类读物例如《穿越计算机的迷雾》。另一种直观的方式是观看大学精品课和去跟慕课课程，比较推荐的有几个：

中国大学精品开放课程，高等教育出版社的精品课程项目，有全国大量的名校授课视频和课件

中国大学MOOC ，这个是中国大学MOOC和网易合作的，提供了上文附图中计算机课程体系中所有课程

果壳网的MOOC学院，主打翻译全球名校的优秀课程，比如斯坦福的《编译原理》和MIT的《Python》

从知识到实践

除此之外，还需要了解实际应用于设计软件或者开发网站中的实践类知识，包括某个特定语言以及周边的库、框架和工具等。 我们可以把特定需求中用到的语言、库和框架以及其他的工具称为技术栈，在技术选型上通常也是被这样考虑的，HR常常会根据技术栈来寻找需要的工程师。比如需要学习SSH 三大框架和Java的Java技术栈；为服务器web开发而生的PHP技术栈；在移动开发领域流行的IOS、安卓技术栈等。当然这里面有一些重合和共用的技术也需要学习，比如版本管理器Git、SVN就是每个合格的工程师需要去学习的。

换句话说，大学课程主要定位在上面说到的计算机科学基础知识，而市面上的培训机构主要是告诉你在怎么在实际工作中运用，所以大学和培训机构都有他们的价值。

想要更加详细的了解这部分内容，这里有一些开源的技能图谱可以参考:

图片来自： http://skill-map.stuq.org/

如何挑选你的兵器？

在介绍完计算机领域的大致图景后，就需要选择一门合适的编程语言，一个较为形象的例子是把编程语言比喻成兵器，因为我们深知编程语言对于工程师而言是实实在在的工具，我们不是为了学它而学，学编程不仅仅是学语言特性，一般来说我们也不用知道赋值语句像“茴香豆蔻”的“茴”字有四种写法。

当然语言之争从来没有停止过，如果把编程语言比喻江湖武器的话十分有趣。

C语言是M1式加兰德步枪，很老但可靠。

C++是双截棍，挥舞起来很强悍，很吸引人，但需要多年的磨练来掌握，很多人希望改用别的武器。

Perl语言是燃烧弹，曾经在战场上很有用，但现在很少人使用它。

Java是M240通用弹夹式自动机枪，有时它的弹夹是圆的，但有时候不是，如果不是，当你开火时，会遇到NullPointerException问题，枪会爆炸，你就会被炸死。

JavaScript是一把宝剑，但没有剑柄。

— 来自网络

老实来讲IT行业的最终目的是交付可用的软件，编程语言也是适应市场的。这对于初学者或许有些残酷，在工作中我们发现最好的语言是用来处理工作任务或者构建合适的应用，并不是出于爱好或者某种Geek精神。

对于初学者而言，在选择合适的入门语言时至少需要考虑两点：

是否能适用于构建你想要的应用。如果你的目标是创建一个运行在IPhone上的APP，那么最好选择 Object C 或者 Swift，学习web开发可以选择PHP 或者JAVA。实际上我们仍然可以用汇编做出网页，但是这样做成本高昂。

是否容易学习，在满足第一点的条件下请尽量选择容易学习的语言。容易不仅仅指语法简单，包括环境搭建、部署等都需要考虑在内，以及能不能容易找到好的学习资料，因此尽可能的选择主流语言。

别忘了非常重要的一点，学习编程语言还包括平台提供的API，比如Win 32 之于C++/C#/VB，以及周边的库和框架（这些库、框架和工具能在上面说的技术图谱中找到）。IT历史上甚至出现框架和库引领编程语言走向的情况：JQuery 和Angular 改变了前端开发的思想; Rails 抢走了Ruby的名气；而SSH三大框架一度代表了Java世界。

最后我为初学者整理了一个流行编程语言和用途的表：

另外还需要注意的是开发工具，可以选用IDE和有代码提示的编辑器，但尽量不要在这上喋喋不休，这就像用来盛放你锋利兵器的架子，用着顺手就行，也不推荐使用纯文本编辑器，这看起来像赤手空拳。 推荐一些编辑器和IDE

挑选合适的资料和有效的阅读

对初学者而言，我仍然推荐好的视频教程，虽然我已经听到不下5个人声称是靠阅读官方文档或者看源码学会编程的，而且认为观看视频教程见效太慢。但这个思想对初学者很危险，不得不承认阅读文档和源码能更准确找到自己想要的信息，这对深入技术原理非常有用，但视频能比文字传达出更丰富的内容，有更直观的演示和细致的讲解，我想没有比这个更适合初学者了。

除了上面提到的精品课程和慕课教程，国内有像网易云课堂，国外有lynda这种在线学习视频网站，甚至在优酷和土豆都能找到足够的教程资源。

如果选择了阅读技术类书籍，我们来聊聊怎么有效的阅读一本技术书籍。

读IT类书籍和读考试类书籍的方式不同，初学者需要选择更接地气、并且能告诉你最终能做出什么案例的书籍。你不需要通读整本书，而是需要搭建好和书中版本一致的环境，然后把书中的每行代码敲入电脑，观察这些代码怎样被运行，在遇到问题时去请教朋友或者到搜索引擎中寻找解决办法，直到示例程序能被正确运行。

可能一个月才能读完一本书，但慢点并没什么坏处，敲过一遍的代码才能算是你的，否则永远存在于纸上的代码清单中。对于关键的概念和知识点，可以在阅读的同时做一些笔记，去尝试使用思维导图来做你的笔记吧，这让你的笔记跟上你的思考，并形成一个知识网络。

自我激励

自学无疑是寂寞的。编程学习耗时较长，如何保证在这个阶段能坚持下去？

我们知道很多人都能对游戏产生强烈的兴趣、愿意为之投入时间，这其中的秘密就是游戏的奖励规则。杀死一个怪物就能得到一些金币，通过完成任务获得满足感，通过关卡的设计产生持续吸引力，进而形成正向的反馈。

其实学习编程也一样，实现一小段程序并运行，足以让人感到成就感和满足，借鉴这个简单的心理学技巧，定期给自己设定一些有实际意义但是不太难的目标和任务。太难会让人失去耐心，太简单又很无聊，最好设定一个跳起来刚好摸得着的任务。每完成一个目标就给予自己奖励，可以是完成任务的成就感，也可以是其他的物质奖励。

这个时候一个代办记事的清单就可以帮上忙了，可以是一个to do list的软件，或者自己手写一张卡片贴到墙上，关键在于不要忘了在任务达成后给予自己适当的奖励。

图片来源：https://appadvice

那如果真的遇到一些麻烦的任务呢，如何顺利解决而不至于丧失信心？笛卡尔在《方法论》一书中告诉了我们研究复杂问题的方法和步骤:

尽量将其分解为多个比较简单的小问题，一个一个地分开解决

将小问题从简单到复杂排列，先从容易解决的问题着手

子问题被解决后，进行联调测试，看是否能协同运行

在敏捷开发这种工程思想中我们正是这样做的，我们需要把业务需求进行拆分然后评估工作量，不仅可以直观的看到任务进展，手上的工作也不会看起来庞大得难以完成。

最后多说几句

非科班出身的工程师入门是有一定痛苦的，不像武侠世界里面的名门正派弟子，也没有机缘遇到骨骼精奇的世外高人，如何选择合适自己的学习方式并自我管理是很重要的一方面。没有任何Low的学习方式，只要直接而又高效，而且要能达到我们的目的就好。以我为例，从大专学校毕业并没有机会参加本科课程，曾经也在网上攫取各种视频教程，去别的学校蹭课，甚至带上礼物去一个老师那里登门拜访补课。

另一方面是如何上桌，吃上编程这碗饭。学习的成果如果无处施展便成为屠龙之技，参加一些开源项目和一些公益活动，谁不喜欢一个热心的人呢。也可以尝试去实现自己的一些idea，当做一个小项目来开发，有了一些项目实践后去找一个公司实习会容易的多。

我不知道算是有幸还是不幸经历了这一个过程，矫情一点来说是有一些曲折，但是我知道“聪明”从来不是这个行业的门槛。引用流行于知乎的一句老话“以大多人的努力程度，还轮不到拼天赋的程度”，在Thoughtworks有大量优秀的工程师，从他们身上我能看到聪明不是学习编程成功的关键，坚持和勤于思考才是。

视频资源众多，视频知识点零散缺乏系统性，这些都是自学ps的苦恼。面对大家求学无门的现状，千锋ui设计教学团队精心录制了ps入门教程零基础视频，今天千锋小编就跟大家分享一下建立选区多种方法精讲的相关内容，希望能对大家的ui设计学习和职业规划有所帮助。

在ps中，选区是核心学习内容，也是photoshop软件学习的难点。建立选区的方法多种多样，选择不同的方法会有不一样的效果，所以选择不同的方法很重要，但是首先我们先要了解各种方法。通过千锋教育精编的ui设计视频教程(全套视频教程地址：http://pan.baidu/s/1sl5AB85)即便是ui设计初学者，也能熟练掌握建立选区的多种方法。

第一种：选框工具

打开图片，鼠标移动到工具栏的第二个图标，也就是“选框工具”（一般来说是第二个），右击鼠标，就会出现四种选框工具。矩形选框工具、椭圆选框工具只需按住鼠标左键并拖动鼠标即可,若按住“Shift”并拖动鼠标可分别选出正方形和圆形；至于单行选框工具和单列选框工具主要是画出线条（选定后填充即可）

第二种：选框工具

将鼠标移到“套索工具”（通常为第三个图标），鼠标左击即可显示三种套索工具。而第一种套索工具用途不广，长按鼠标左键并拖动至围起你想选定的区域即可。第二种是“多边形套索工具”，使用起来也比较简单。首先鼠标左击一下，然后围绕你想选定的区域的边界鼠标轻点一下，拖动，再点一下，重复这个步骤，直至围成你想要的图案。第三种“磁性套索工具”用法与第二种相同，其不同在于第二种工具两点之间是直线，而磁性套索工具两点间未必是直线，PS软件会按条纹、颜色自动生成两点间的线路。

第三种：快速选择工具

将鼠标移到“快速选择工具”（通常为第四个图标），然后会显示两种工具：一为“快速选择工具”，一为“魔棒工具”。“快速选择工具”是一种较为常用的工具。使用时只需长按左键并拖动，软件会自动帮你选择拖动位置的相同颜色的选区。为了更精确地选择选区，我们可以点击左上角第三个画笔图标（画笔图案上面有一个加号），这代表选中的区域可以合并。这时候我们就可以拖动或轻点鼠标建立多个选区并将其合并成为你想要的选区。“魔棒工具”与“快速选择工具”步骤相同，但比“快速选择工具”更精确。

选区的工具就分成这三大类，每大类又分成若干类。无论哪一种工具，要根据你需要的情况进行选择。若是选择错误，快捷键Ctrl+D可以取消选区,或者鼠标右击选区会出现“取消选区”的选择，也可以直接回看历史或点击“编辑”中的“后退一步”（这个可以后退套索工具描点时的一个点）。

本视频教程传授的是Photoshop基础的内容，也许大家会觉得非常简单，但是这些都是我们每次进行设计时都会用到的功能。使用千锋ui设计基础视频教程进行高效率的自学，各种丰富的UI设计知识和技能大家通过学习将一一斩获。

1.理解BIM工作流程

BIM工作流程更加强调和依赖设计团队的协作，安装BIM软件来取代CAD软件。

传统的CAD流程：设计主要是设计平面图、剖面图、立面图、大样图和各种明细表各种图需要人工协调。

BIM流程：设计团队共同协作创造三维图形，通过软件自行生成平面图、剖面图、立面图、大样图及各种明细表，无需人工协调。

2.可视化方面的价值

对于复杂结构，可以利用2D和3D来组合更加清晰表达设计成果。

1：明确详情页的任务

如果把我们的店铺比作实体商铺的话，详情页就相当与是我们店铺的导购员，热情服务的最终目的是为了把东西卖出去，所以相比与我们认为的好看，把卖点表述清楚才是详情页的重中之重；

2：明确详情页的尺寸

淘宝的宽度要求是750像素，天猫的宽度要求是790像素，总高度最好不超过两万像素，单张切片高度不超过1500像素。

建议：

功能类的产品，如家电，电子，数码产品等高度控制在18000像素左右；

时尚类的产品，如衣服，彩妆，食品等类目高度控制在12000像素左右；

3：明确详情页的基础结构

常见的详情页结构为：焦点海报，优惠券，关联，卖点，卖点.....结尾；

当然这个结构不是必须的，如果不想放优惠券，关联，直接开始阐述卖点也是可以的。

注意：

如果要放关联产品，关联的产品数量不要过于多，一般一行三个，三行就可以了，数量太多会让我们的买家失去看下去的兴趣；

关联产品如果放的是和我们这个详情页产品是同分类的，不建议放价格便宜太多的，买家一看，款式差不多但是这个关联产品更便宜，容易照成买家点击跳转，流失流量，会增大这个详情的跳失率。这个跳失率后台是可以监控到的，跳失率太高的话大多都是因为详情页出了问题的。

4：明确详情页的卖点

刚接触一个产品的时候，我们首先要做的就是了解这个产品，而了解这个产品最好的办法就是多浏览同行的详情页，取长补短，综合整理，拿出来本本，记录罗列同行卖点，去掉我们没有的卖点，保留我们有的卖点，然后调整卖点的顺序，明确我们详情页的卖点内容。

而

浏览同行，仔细拿来分析的，应当不少于三家，当然是要挑一些销量好的同行来分析的。

调整卖点顺序，这个则是根据我们产品的主要优势来的，主打的卖点优势靠前放，客户首要关心的卖点靠前放。举个例子，衣服类的售后一般是在详情页的最下面放置的，但如果你做的是陶瓷鱼缸鲜果之类的易碎易坏品，那我们售后问题是一定要靠最前去放置才是比较合适的。而这样做的原因则是，我们浏览文章的时候大多有惰性，靠前的会看的稍微仔细些，越靠后的看的越敷衍甚至是不看的，所以我们一定要牢牢抓住前三屏的黄金地带，努力推销我们的产品。

5：要有效避免售后问题

之前我的一个卖童装的学生，详情页从头到尾放的都是穿套装的小模特，但实际只是卖套装里的上衣，让很多买家误以为是买了套装回家的，所以差评也是不可避免了，大大影响了店铺的评分。所以详情页里面的信息一定要表述准确，内容和事实要相符。

容易产生误会的地方一定要重点提醒，比如色差问题，由于天气等不可抗因素导致的物流问题，定制导致的延迟发货的问题等，而这些提醒大多是放在最上方的。

6：确定设计风格

明确了上面五点之后，我们依然不着急开始下手做，虽然详情页重点是卖点，但还是要有一定审美的。初入手，也是要多去参考别的优秀作品的，确定好风格之后，同类同风格的准备两到三个，不同类目同风格的准备两到三个，取其优点去其糟粕。

举例

确定好颜色，字体，卖点，版型，要用产品图，打开PS就可以下手作图啦。

ps是专业的一款制图工具，他广泛用于店铺设计，广告设计，婚纱摄影，宣传画册等领域，也是一门美术设计行业。让我们一起学习吧。

ps实际应用常用的功能有以下知识，添加保存图片，画布尺寸设置，文字书写，图像剪切、抠图处理，图像调色，光线调节、人物美容、图片合成步骤，学会这几部分，就轻松学会了简单图像处理。

快速学会ps教程一，添加保存图片

当我们打开ps时候，1在我们的界面空白处双击打开2.可以将图片直接拖到显示区域3.可以点击文件菜单选定文件打开。保存与另存为，点击文件菜单--存储另存为---书写文件名进行想要保存的位置。

快速学会ps教程二、调整画布尺寸大小

新建一个文件菜单，文件菜单---新建填写名称-----设置尺寸与分辨率 快捷键ctrl+N，根据要求对尺寸进行设置，里面包括像素，厘米，英寸，分辨率一般300.或者点击图像菜单找到画布设置或者图像设置进行调节尺寸。

快速学会ps教程三、文字书写

在我们的左边工具栏里找到带有T字的字样，这个图标是文字书写部分，我们可以对文字进行大小，加粗倾斜等特效设计。

快速学会ps教程四、图像剪切

在我们ps左边工具栏中有个像互字的图标，就是没有上面一横下面一横的图标既是裁剪工具，点击后在左上方会显示裁剪比例，裁剪比例进行设置后即可裁剪需要的图像。

快速学习ps教程五、抠图处理

抠图方法有多种方法：1.橡皮工具抠图，此功能在工具栏上可以找到，该功能方便快捷能迅速扣掉同等颜色背景。2.多边行抠图如上图第三个工具，该功能是顺着需要图像边缘践行抠图。3.魔法棒抠图，如图第四个工具，该功能是扣除同等颜色背景。4.通道抠图。

快速学习ps教程六、图像调色与光线调节

首先我们点击图像菜单找到调整---色阶，快捷键是ctrl+L，在色阶中最快速的方法就是点击自动。第二种是点击色阶里吸管工具，用第一个吸管工具点击图片最暗的部分，又第三个吸管点击最亮的部分。2.曲线调色ctrl+O调出曲线功能插件，可以直接拖动曲线进行调节，调节要有耐心根据自己创意需要进行慢慢调节。

快速学习ps教程七、人物美容

人物美容第一步，复制一层，Ctrl+j用污点修复画笔工具，和修复画笔工具（使用时候需要按住alt键）配合使用，对人物脸上瑕疵进行修复。第二步磨皮，进入通道复制蓝色通道，滤镜--其他---高反差保留，然后选择图像菜单-应用图像把混合改成线性减淡，不透明度为百分之65点确定，然后用白色画笔对五官以外进行涂抹，第三步ctrl+i进行反选，保持选区，关闭蓝拷贝图层回到RGB图层找到曲线进行调亮。

快速学习ps教程八、图层合并

图层合并方法，点击在图层上右键找到合并图层2.找到图层菜单----合并可见图层即可。合并图层后就可导出图片了。

专业细节调色，抠图，磨皮，美容教程下期奉献，喜欢请关注。

一.平面构成的形态要素

1.形态要素之—点

点是平面构成中最小，最基本的元素。一个点，可以准确标明位置，吸引人的注意力；多个点的组合，可以表现丰富的形象内涵。

就形状来说，点具有以下两方面特点

1.点的大小不固定2.点的形状不固定

点的大小在于比较，具有不固定性。例如，一滴墨水与本子相比，墨水就是点；本子与书桌相比，本子就是点；而书桌与其他相比，书桌就是点。

点的形状可以包括任何形态。因为，点的标志是它的小，而不是它的形状。

点的视觉特征

从作用上来看，点是力的中心。一个点标明位置，两个点构成视觉心理连线，三个点可以构成三角连线，多个点可以使注意力分散，画面出现动感。

从点的排列看，点的规律排列可以形成节奏感，横向排列具有稳定感，倾斜排列具有动感，弧线排列具有圆润感。从点的大小来看，点越大视觉表现力越大，但过大的点也有空洞、不精巧的感觉。

从点的大小来看，点越大视觉表现力越大，但过大的点也有空洞、不精巧的感觉。

一些点的运用案例（素材来自网络）

2.形态要素之—线

线同样具有两类显而易见的特征

1.线是最具变化，最具个性的元素，但粗细超过一定限度或密集排列则会转化成为面。2.线基本可以分为直线以及曲线两种类型。

线的视觉特征

大体上粗的、长的、实的线有向前突出感，给人距离较近的感觉；细的、短的、虚的线有向后退缩感，给人距离较远的感觉。

直线—明快、力量、速度感和紧张感。

曲线—优雅、流动、柔和感和节奏感。

粗线—厚重、醒目、有力。这样的特征也适用于较粗的文字。

细线—纤细、锐利、微弱。同样也适用于笔画较细的文字。

3.形态要素之—面

面是平面构成中具有长度、宽度的二维空间，在画面中起到衬托点和线的作用。

面的分类：

直线形的面：用直线构成的形态曲线形的面：用曲线构成的形态不规则形的面：用直线和曲线随意构成的形态

根据人的视觉习惯，比较突出的图形大都具有这样的性质：

1.居于画面中心位置的图形突出2.比较小的图形突出3.相同性质图形中，有特异的图形突出4.静态图形中，动态图形突出

一些面的运用案例：

4.构成的形成法则

对称：对称可以在视觉上取得力的平衡，让人感到完美无缺，体现了一种端庄和秩序美感。对称的类型可以分为轴对称，旋转对称等。

均衡（不对称）：尽管对称体现了一种安定的美，但一种形式是远远不够的，均衡是形式美的一种不对称的平衡状态。虽然图形不对称，但可利用力学的『杠杆原理』，通过形态的大小或相互关系的调整，从而获得视觉上的平衡。

变化与统一：富于变化的形象更容易引起人的注意，激起人的新鲜感和愉悦感。因此，构成中的形态和形象必须有变化。有变化，还要有统一。可以利用主题来统一全局，线的方向，形状的大小，色彩的变化来得到多样统一的效果。

二.平面构成的表现形式

1.重复构成

重复构成主要是指相同或相近的图形连续地有规律地反复出现，画面整齐化，秩序化和统一感。重复构成的表现手法较为简单，但是视觉效果显著，适合大面积使用，例如包装纸、壁纸、纺织品、地板革等。

2.特异构成

相对于重复构成，特异构成的最大特征便是在局部变异形态与画面其他部分内容相互关联，形态相互对比。

3.渐变构成

渐变构成的主要特征：基本形态、骨骼或是形象按照一定规律变化，产生节奏感和韵律美，同时具有一定的空间感和现代感。渐变表现的是一种循序渐进，有规律，有秩序的变化过程。

4.发射构成

发射构成具有两个基本特征：一是具有明显的焦点，焦点通常位于中央或偏于一侧；二是发射具有很强的动感，向中心集中或向四周扩散。

5.空间构成

空间构成中的空间只是一个假象，三维空间是形态造成的视觉错觉，其本质还是平面的。在平面设计中，空间是一种深度感的感觉，是对人的视觉而言的，并非真正的空间。

6.肌理构成

肌理构成强调的是不同材料的视觉表现，主要可以分为视觉肌理和触觉肌理，后者还能用手去感知、触摸到。肌理表现可以用钢笔、毛笔、水笔等工具，喷绘、拓印、剪刻等手法，木材、石头、玻璃、塑料等材料均可。

三.形态感觉与情感表现

据一些学者估计，人类接受外部世界的信息，80%以上是通过视觉获得的。而物体的感觉表现是指利用点线面肌理等造型元素抒发作者的感受，从而达到人的视觉感受的相互交流的目的，这种情感表现与前面各类点线面的视觉表现有共通之处。

动感、高贵的表现

静态、祥和的表现

力量、速度的表现

案例图片来自网络。