作为一个新手从零开始学习设计，首先要知道什么是设计，如果可以用自己的语言解释并且其他人也都能听明白，基本上你就从零开始入门了。以下这段话是百度百科对设计进行的解释：

设计是把一种设想通过合理的规划、周密的计划、通过各种感觉形式传达出来的过程。人类通过劳动改造世界，创造文明，创造物质财富和精神财富，而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划，可以把任何造物活动的计划技术和计划过程理解为设计。

那么设计都要学习哪些内容呢？接下来以平面设计为例说明

色彩构成、平面构成、立体构成，这三大构成是必须要理解的；

版式布局、文案设计最好也可以掌握基本功。

需要了解的软件

Photoshop（必学软件）位图软件，设计界的主流软件

优点很多，处理图片强大，调色功能强大，无论是处理图片、设计图标还是设计界面，都是比较好的选择。无论是什么样的设计师，ps是必备软件技能。运用熟练后，即使绘制3D强质感效果也不是问题。

illustrator 矢量图软件，主要用作创意设计、字体设计、logo设计等

优点也有，纯矢量软件，绘制logo 字体设计都是很不错的选择，AI以数学方式来记录图形，由软件制作而成，图像放大后依然清晰。不复杂的矢量图文件会较小。

设计分类

印刷类设计：需要学习一些印刷印前知识，比如：名片、VIP卡、宣传单（也叫DM单）、海报、POP等的设计。

户外喷绘类设计：店招、灯箱、吊旗、海报、舞台背景等

包装类设计：还需要学习产品包装材质、外形、尺寸、刀模等专业知识

形象类设计：企业VI、logo设计、字体设计，这一类需要掌握矢量软件

web类设计：网页设计、UI设计、淘宝店铺装修、H5页面设计，通常还会学习到html+css3方面的行业知识。

学习途径

不论是从看书学理论还是从软件操作开始，只要你自己觉得学习方法路径没错就行了。个人建议是先从看书入手，书籍买回来要系统的看一遍，尽量理解掌握书中作者的一些方法论跟设计观点，然后再试着操作软件，做一些简单的案例；软件的学习要以实际案例为主，这样可以尽快的掌握，看视频学习软件是比较快的方法。软件的操作虽说没那么重要，但是基础的功能还是要精通的，最起码能把想法用软件实现出来。作为过来人，为想说的是网络上的课程参差不齐，有免费的也有收费的，很少有比较系统的教程，很多教程上来就放一大堆炫酷的作品案例，这对新手来说并学不到什么。

能看到这里的同学基本上都是真心想学习设计的，至少我是这么认为的，那我就给大家发一波福利，免费赠送一些系统的软件教学视频，包括基础部分跟能力提升部分，我当初就是看这些视频慢慢的入行设计行业，不管是科班还是非科班都可以系统的学习。有ps、ai、dw、c4d、axure等软件跟教程，网页设计等还有一些设计的基础资料源文件等，全部是系统视频教程，我会慢慢等发不出来，这些都免费提供，保证不收一分钱，希望大家会喜欢。

不管学习什么，只要坚持下去 持之以恒，是金子总会发光的，加油 共勉！

一旦进入大学，我们就不再是那个天天被老师叮嘱的小孩子了，在大学里，我们一定要学会自己学习，但是有时候我们资源有限，该怎么办呢？小编整理了几个很好用的自学网站给大家，希望能够帮助到你。

一，我要自学网

我要自学网是由来自电脑培训学校和职业高校的老师联手创立的一个视频教学网，网站意在把学校的专业教育带给更多学子，网站的目标是“做出最好的视频教程，提高全国人民计算机水平”。网站教学内容主要包括：信息化办公，平面设计，影视动画，网页设计，机械设计等。

二，中国大学MOOC

中国大学MOOC是爱课程网携手网易云课堂打造的在线学习平台，每一个有愿望提升自己的人，都可以在这个网站里学习中国优质的大学课程，学完后还能获得认证证书。

三，多邻国

多邻国曾被称为世界第一的语言学习工具，英文名字：Duolingo，它是全球最受欢迎的外语学习神器，是唯一一款被App Store评为年度最佳App的教育类应用，有研究证明，使用多邻国学习34小时所达到的语言水平相当于一个学期的大学语言课程；而且它是免费的哦！

四，软件自学网

软件自学网是由多个大型企业的软件工程师和电脑培训学校的老师共同创立的一个通过视频教程来自学软件的平台，为大家提供AutoCAD视频教程，3DSMAX视频教程，Pro/E视频教程，Photoshop视频教程，Flash视频教程等各类视频教程均免费提供给我要自学的网友自学研究用，同时也免费为大家提供大量的素材下载，如矢量图，图标。CAD图纸，3D模型，FLASH源件，QQ表情、PS素材、3D材质等。

五，好知网

好知网是专注生活技能和兴趣爱好的知识分享新社区，与朋友们分享你的专业或业余爱好知识。有别于传统教育观念，提倡人人皆师，知识共享的概念。通过好知网这个知识分享平台，你可以找到你身边的知识达人，从他们身上学习所需技能;你也可以通过这个平台分享你的知识。

小编精心准备的这些网站，希望大家可以了解了解哦，在大学里，千万不要辜负青春啦！

在 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有大量优秀的工程师，从他们身上我能看到聪明不是学习编程成功的关键，坚持和勤于思考才是。

CSS是样式,p是层.p+CSS是网站标准（web标准），通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别.因为XHTML网站设计标准中，不再使用表格定位技术，而是采用p+CSS的方式实现各种定位。

1：学会HTML语言，再学习p+CSS时会得心应手。

看得懂HTML语法，那么世界上80%的网站都能被你看穿。HTML语言很好学，一定要熟记常用的一些代码，因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后，在学习p+CSS时，你会发现：原来p+CSS也就那样，小菜一碟。

推荐网站：HTML在线学习网站：http://w3school/html/html_intro.asp

2.使用Dreamweaver的代码模式来编写p和CSS。

对于网页设计初学者来说，直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能，可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。

如图所示：书写p，html时DW的提供功能。

书写CSS时DW工具栏右侧的CSS可视化编辑功能.

我学习p+CSS时就是从Dreamweaver的代码模式学起的，也许不是最好，但很实用。

推荐网站：CSS在线学习网站：http://w3school/css/

3：养成良好的书写习惯.

有良好的生活习惯，说明这人会过日子，有良好的CSS书写习惯，说明这人做事严谨。写css的时候网上有很多推荐的规范，比如菜单类用menu，版权用copyright（CoryRight），底部用footer等等，在书写顺序上一般是：显示属性-自身属性-文本属性。当然这些都没有硬性的规定，但是遵循一些不成文的规定不是坏事，这样让自己写的代码，容易让别人读懂，搜索引擎也更加喜欢。

4：只有目的明确，结果清晰，过程才最高效，才不会轻易被干扰，被改变方向。

CSS+p网页样式与布局精通视频教程：http://pcedu.pconline/videoedu/ztsp/0904/1618470.html

今天就把推荐设计素材工具进行到底，素材包括：免版权图库、图标资源、色彩搭配、优秀网站欣赏 ，工具类包括：web技术教程、前端demo展示资源、前端框架、建站系统。小编今天大送福利。

素材库

国内很多好点的图片都是需要付费的，小编现在基本不用国内这些图库网，跟大家推荐几个免费又没有版权纠纷的图库网站。

Pixabay 约有910000张免费的照片，矢量文件和艺术插图。图片覆盖覆盖面广，文件也有很多尺寸可以选择。图片质量高，很棒的图库。里面图片可以复制、修改、转发等方式使用，甚至用作商业用途，无需申请许可，也无需之处版税。

2.plitShire，网站的图片质量也很高，大都比较feel风。

3.Unsplash，网站提供免费高清晰度照片，这里的图片都比较高大上，很适合制作网站的banner图，小编也很喜欢的一个网站

4.Freeimages，这个网站里面有海量的图片，有免费也有付费的，可以根据自己需要进行选择

5.Stock up也有大量免费的高清大图，图片需要自己慢慢淘。

6.Stocksnap.io这个网站的图片也很酷，里面免费的高清大图足够满足网页设计师的需要，很多图片也很容易出效果，推荐。

色彩搭配我的第19篇文章中有分享的很全面，需要的亲可以去看一下

工具类

1.代码学习资源

作为一个网页设计师或是前端设计师，多少都要打一些代码。小编就是看着w3school这个网站慢慢成长起来的。

w3school，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。都适合新手学习。

w3school

2.前端demo展示资源

Code pen，站点现有上百个精选效果，上千个各类前端demo效果。优秀前端demo的展示。进入首页就可以看到很多精湛的前端demo效果，相信很多人都可以从中获得很多前端交互的灵感，当然，其中的技术实现也可以一并学习！

3.前端框架

Zui前端框架，Html5前端框架，跨屏、简洁美观。开源免费

4.建站系统

建站系统的话，小编推荐国外的wordpress和国内的蝉知。

Wordpress的模板数量之多就不用多讲啦，海量的模板看到你眼花。有数据显示，全球用Wordpress建站的人数快接近三分之一，可见wordpress的影响力。

蝉知建站系统，蝉知相比较wordpress来说，比较符合国人使用的习惯，功能一样强大，在安全和扩展方面也都还不错，稍微逊色一些的是模板比较少。

优秀网站欣赏

站酷，这个网站应该不用多说了，设计师不可能不知道的网站，聚集了450万优秀设计师、摄影师、插画师、艺术家、创意人，设计创意群体中具有较高的影响力与号召力。

黄蜂网，优秀网页设计、电商设计、网店设计、平面设计、UI设计灵感地。小编很喜欢这个网站，你可以在这个网站上欣赏到全球各个行业、各个企业的网站。

Reeoo，是一个收集最新的时尚潮流网站设计案例，提供设计灵感的网站。是网站设计师寻找灵感和案例的必备网站之一。

设计类网站还有很多，像花瓣、古田街9号、致设计等。小编就不一一举例了。

以上就是小编常用到的一些网站，介绍这么多也不是建议大家每个都要收藏，可以着重选择适合自己的网站去学习，提升自己的能力和效率。希望这篇文章能帮助到大家，喜欢的可以点赞哟！

UI设计工资起步高，就业前景广，是未来十年的黄金职业，因此有很多人都想从事这一行，但作为一名小白，很多人在跨进这一行业前存在着很多困惑，例如：

1.我想学UI，请问该如何入手？

2.我想学UI，请问看一些什么书合适？

3.学UI难不难，零基础，非设计出身，能学好UI吗？

4.学UI，请问选哪个培训机构比较靠谱？

.........

下面，就让我这个原先学通信工程专业，现在从事UI工作5年的“UI设计师”送上一份详细的新手学习UI设计的教程，助你了解UI，少走弯路吧！

一、什么是UI设计？

在当下，一提到UI，大家都会不由自主地指向移动端app设计而忽略了UI的其他形式。其实，网页、手机app、pad app、车载系统、智能电视的操作系统界面等等，都是UI设计的范畴。

UI是用户界面（User Interface）的简称，是指一切可供用户和系统进行交互操作的介质的综合。拿起手机随便点开一款APP，都能看到UI设计展现的界面，里面的图标、文字、图片以及引导你如何操作点击等，都属于UI设计的范畴。

二、学UI设计需不需要美术基础

学习UI设计到底需不需要美术基础？拥有美术基础对UI设计的学习有什么好处？

据我所知，目前国内知名的UI设计师大神们，有很多都是草根出身，学历不高，很多都是从其它行业空降过来的，从他们身上证实，不需要有美术基础，一样可以学好UI。

因为美术对于UI设计来说只是一种表达手段，在UI设计工作只占很小的一部分，绝不是主要的职业需求。作为一名UI设计从业人员，可以将美术用作辅助的手段，而不必以其他行业的高标准来要求自己的美术能力。

不过，我要声明一下的就是：有良好的美术基础对你学习UＩ设计百利而无一害，UI设计需要结构、光原理、透视、色彩、构图等美术方面的能力，懂美术使你的画面更富表现力和创造力。

如果你立志学习UI设计，而且想要学好，你就要多看一些美术和设计鉴赏的方面的书籍，多浏览一些有名的设计网站，以提高自己的设计和艺术鉴赏能力。

三、UI设计需要懂得什么软件

UI在设计过程中主要需要掌握3款软件：PS、 AI、 Axure RP。每款软件具体的用途和操作方法，你都要详细地了解，这里我只做简单的介绍：

PS即是Photoshop,是所有界面视觉设计需要掌握的基础软件；AI全称是Adobe Illustrator，主要适用于平面设计，进行界面内图标的设计；Axure RP是一款专业的快速原型设计工具。

四、临摹学习是新手必需的过程

许多UI学习新手在开始学习的时候喜欢在网上找各种教程进行学习，看图看讲解一步步地进行操作，然后觉得学UI好像也不是太难。

想学好UI设计，仅仅模仿教程学习是不够的，你还需要收集很多的优秀作品和案例，并且要好好揣摩这些优秀的作品，然后好好临摹这些优秀的界面，让他们为你提供设计的燃料。

一开始，你要保持高强度的临摹，就算什么都不懂，不思考，也要持续临摹，建议临摹dribbble的作品，这里聚集了全球优秀的艺术设计作品。

在练习的过程中要懂得举一反三，以此锻炼自己的技能和美感，提升做图的效率。等具备一定的基础之后，临摹就要变得有目的性，要思考如何用色、排版等方面的问题。

在UI设计学习中，临摹学习是新手必定要经历的一个过程，不断地临摹练习，能让你快速熟练常用的设计操作技巧，并提升自己的鉴赏能力！

五、掌握好UI的设计规范

平面设计、景观设计、UI设计、电商设计......存在差异的职位，对应的每一个行业内的设计规范是不同的。其中UI设计的规范学习，新手可以到“学UI网”“UI中国”等网站学习，以掌握UI设计中尺寸、字体等各种规范。

六、学UI，应该选择培训机构学习么

这个就要两头看了，如果你是设计科班出身，并且对UI设计师的职责和工作流程有清晰的认知与了解，那么我的回答是不需要的；但如果你是一个学会计、或是学中文的，对互联网公司和设计本身一窍不通，那么，我的回答是需要的。因为培训班可以让你比较系统地了解UI设计师的工作流程；学会一到多项工具的使用；还会进行实操实练，让你一到多次模拟操作互联网项目的经验。

设计是可以持续一生的技艺和事业，想从零基础到就业，报班系统学习最快也要三四个月的时间，无法急于求成。

但我相信，只要你认真看完以上我说到的几点，有足够的信心和坚持，是可以从一个零基础的小白快速成长成为一名合格的UI设计师的，努力吧，同学！

本文转自广州市宝比万像职业培训学校官网，转自请注明出处，谢谢。

如果你是网页制作新手，而且又想在线学习，但又不知道哪个好，哪么不用担心，今天小编分享的就是都是精心挑选出来，而且无论是新手还是老手都很适合的网站！

1，W3school在线教程

在w3school，你可以找到你所需要的所有的网站建设教程。从基础的HTML到XHTML，乃至进阶的XML、SQL、数据库、多媒体和WAP。

2，爱集网

https://aiji66/so/wangyezhizuo/

这网站的东西是从w3school上学不到的，爱集主要是获取一些设计灵感、有很多不错的网页制作的精品！所以无论新手还是有经验的，都建议多浏览获取灵感！

3，Jquery

jQuery是一个简洁的Javascript库，学习jQuery也是目前的大热门。

4.WebMonkey

Webmonkey 有很多不错的文章资源，都写得不错哦。

5，HtmlCodeTutorial

开始学网页制作就必须学这个HTML了

6，WebDesign

网页设计图书馆，很多网页设计的资源，不错不错。

7，Msdn Microsoft

MSDN，这个我不太懂，对.NET的人有用。

8，Tizag

Tizag 比较适合初学者去的一个网站

9，WebDevelopersNotes

WebDevelopersNotes 提供的资源很多很多HTML、教程、JS、FLASH、几乎什么都有啦

以上是资源使用率比较高的9大网页制作相关网站！分享给大家，希望可以多多点赞，转发哦~~有其他的好的推荐也可以留言给我！！

学会HTML语言的好处是什么？1：很轻松的修改你的网站、博客的网页结构。2：对SEO网站优化很有用处。3：拿来主义，通过保存其他网站页面源代码，适当的修改，可以仿制出你想要的模板。4：当你有一张漂亮的PSD源文件图片时，你可以很轻易的把图片切割制作成网页。5：无论是PHP、ASP、.NET、JSP等网站编程语言，都要用到HTML。6：可以轻松检测出网站是否中了网页木马.和预防网页木马。7：可以向更高一层次进阶：p+CSS网页设计。8：看完这篇文章，接下来就可以修改本站提供的模板了。

用什么工具来学习HTML呢？还是推荐大学使用Dreamweaver软件来学习HTML，Dreamweaver所见即所得软件是最好的HTML编辑器，全可以一点不懂HTML的知识就可以做出网页。（做网站常用工具下载）

如何学习HTML语言呢？1：一定要多动手，多多修改别人的网页代码。（在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。）2：记住一些常用的HTML语法。当时卢松松学习HTML的时候只记了一些HTML网页设计时的常用语法，如：贴图：加入连接：写上你想写的字

推荐HTML详细教程学习地址：1：新手入门级HTML教程 http://enet/eschool/zhuanti/easyhtml/2：HTML视频教程http://v.youku/v_show/id_XMzM0MzM3ODQ=.html（当你点开优酷的时候，你能保证只看教程不看电影吗？）3：HTML详细语法结构http://w3school/html/index.asp

总结：Html至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码，大到做网站，小到博客论坛等都会有莫大的好处。其实相信大多数人都对HTML已经非常熟悉了，学过HTML的再看一次也许能知道新的东西。没学过HTML的，看看这篇文章应该能快速掌握要领吧。

参加工作后才发现，掌握PS技术可以给自己带来多大的方便。可惜上班族时间有限，想要集中报班学习并不是那么容易，但如果懂得利用网络资源，想利用业余时间学习一门实用的技能，就没有那么难实现了。今天小编来给大家分享几个非常好的免费PS学习网站，希望对大家的学习有所帮助。

1.优设网

http://uisdc/

优设网为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引。每周更新及时，是优秀网页设计联盟。这个网站有些设计作品很有创意，教程内容丰富，还有一些设计师分享一些经验。

2.PS爱好者

http://psahz/

PS爱好者网提供Ps教程，PhotoShop教程，ps实例教程，PS抠图教程,ps，调色教程，Ps基础入门教程，文字特效，Ps视频教程，让您轻松快乐的学会Adobe公司的Ps照片处理软件。适合初学者，也适合有一定PS基础的人学习。

3. PS学习网

http://ps-xxw/shilijiaocheng/

PS学习网是为网友提供PS教程，图片处理PS教程，文字效果PS教程，非主流制作等Photoshop教程和Photoshop视频教程的专业网站，实例丰富，讲解详细，很适合设计爱好者收藏，并抽出时间深入钻研。

4. 中国PhotoShop资源网

http://86ps/

PS新人学习PhotoShop教程的好地方，有摄影PS教程和PhotoShop软件，并提供免费照片处理 PSD模板 PS素材等，内容非常丰富！

5. ps教程自学网

http://16xx8/

适合新手学习的ps教程，包括新手教程、技巧教程、工具教程、通道教程、理论教程、滤镜使用等等。内容多而广，教程资源源源不断！

6. 思缘设计

http://missyuan/school/photoshop/

这个网站的教程，相对而言比较专业，调出的效果也不错，有些海报的设计还挺养眼的。做图的时候可以进来看一看，欣赏一下优秀的设计作品，从中学习人家的修图技法，助自己进步更快。

7.PS家园网

http://psjia/

PS家园网集PS教程、PS笔刷、滤镜下载、PS素材下载、PS交流于一体，提供一站式的ps学习体验。

8.设计前沿网

http://wzsky/

设计前沿网是中国优秀设计师联盟网站，提供平面、广告、海报、插画、标志、logo图片、室内装修等设计作品欣赏，以及ps教程、网页设计教程、css教程等技术文章和免费网页设计教程，网站精美简洁，素材丰富，是个非常不错的学习网站。

以上学习网站，你觉得有用就收藏起来，有空的时候好好学习。教程里的方法是灵活的，只要找到共同点，就能触类旁通，举一反三！祝大家学有所成！

想入门学习网页制作的伙伴们，可以看过来，在这里可以给你们推荐一个网站，很好入门学习网页制作Html，Css，JS

首先，要入门的话要先学习html的基础知识点，html不是很难，大家可以根据章节一个个看下来，然后有很多实例可以尝试编程看看，html很容易学习，你也会喜欢上它的

有了html的基础，你就可以接下来学习css，我们可以把网页当做是一套房子，Html就差不多是毛坯房，浏览效果当然及其的差，所以我们要开始装修房子，css就是对房子的装修，简单的css那就是简单装修，如果要精装修那就是要复杂点的css，大家如果想把自己的房子装修很漂亮，当然要好好学习css这门课程啊，大家开始学习吧，有很多的css实例，可以一个个过一遍，你会很快就熟练掌握css这门课程啦

接下来就是重点了，JS就稍微比较难一点，主要就是做一些网页的特效，比如你鼠标放上去，会自动变色，幻灯片效果，各种网页的特效，难度比较大点，不过大家认真去学，也是很快能够掌握好技巧的，加油。

每个教程都有很多实例，如果想学好的同学们，记得要多动手多敲敲代码，相信你们很快就能够掌握这三门教程，加油，同学们