【java教程网】网页与UI设计从入门到精通视频教程百度网盘免费资源在线学习

链接: 提取码: 3zdp

【java教程网】网页与UI设计从入门到精通视频教程网页设计教程-04-网页设计流程-传智播客设计学院-网页设计视频教程.zip网页设计教程-03-网页设计流程-传智播客设计学院-网页设计视频教程.zip网页设计教程-02色彩基础-传智播客设计学院-网页设计视频教程.zip网页设计教程-01网页设计基础-传智播客设计学院-网页设计视频教程.zip UI设计视频教程-03-XBOX播放器制作-传智播客设计学院-UI设计视频教程.zip UI设计视频教程-02-XBOX播放器-传智播客设计学院-UI设计视频教程.zip UI设计视频教程-01矢量图标-传智播客设计学院-UI设计视频教程.zip

Photoshop视频教程-05（定义画笔、颜色减淡）-传智播客设计学院-PS视频教程.zip Photoshop视频教程-04（形状、钢笔、鼠绘基础）-传智播客设计学院-PS视频教程.zip Photoshop视频教程-03（渐变、高级自由变换）--传智播客设计学院-PS视频教程.zip Photoshop视频教程-02（定义图案、套索抠图）--传智播客设计学院-PS视频教程.zip Photoshop视频教程-01（选区、移动、变形）-传智播客设计学院-PS视频教程.zip Java学习交流社区- java源码-java视频教程-尽在JAVA教程网.htm

很多想要自学UI设计的小伙伴，苦于没有好的学习计划、课程大纲，学习效果很不好，花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢？

在讲学习流程之前，我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后，你才知道自己是否对其感兴趣，是否是真的愿意花时间和精力去学习。

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。

在这其中，又与UI有什么紧密联系呢？

把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。

举个例子，说说我们平常不太关注的来电接听这回事。

苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，

但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作。

UI无处不体现在我们生活之中，无论大小，它都存在于你所看到的，你所触碰到的体验里。所以UI不单纯是美工，还要考虑到视觉效果和用户体验。而用户是很挑剔的，对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码，但仍然可以拿高薪的互联网岗位。

很多小伙伴没有严格的学习计划，导致于自学周期被自己拖得很长，所以自学UI设计，一定要制定适合自己的学习计划，严格按照学习计划去完成学习目标，才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同，在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况，参考此计划为自己的量身打造UI设计自学计划。

越简单的元素搭配，就越考察一个设计师的基础功，如果没有过硬的技术和扎实的基本功，就难以准确地传达产品自身调性和营销卖点。

我们都知道创意思维对于设计师的重要性，却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。

第一周：手绘

手绘的重点主要是培养学员的形体结构，光感、空间的关系，这算是一个审美培养的启蒙，时下最流行的矢量插画就和手绘密切相关。

第二、三周：PS、AI基础软件的学习

从零开始学习软件，需要用实际的案例去学习，这样更加容易上手，并且UI设计的学习并不是只是简单的学习软件工具，很多在人都以为UI设计只要会了PS、AI等就可以了，其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解，才是更为重要的目的。

但是只学思维也不行，我们也要加强设计的基本功，对软件完全的精通掌握，这是必须的。

第四、五周:平面构成、Logo

图片来源：阿多比设计学院学员作品

掌握平面设计中点、线、面，加以延伸到到Logo设计，Logo一方面是包括图形另一方面是包括字体，所以了解文字结构是非常基础的，以及如果这一阶段学的非常好，接Logo私单，价格高到不敢相信。

并且logo品牌部分学习中，要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型，如此多的变化还怕设计不出Logo吗？

举例：从形入手，一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆，那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手册设计

图片来源：阿多比设计学院学员作品

这一周其重点是甲方思维思考设计，对，就是那个烦人的甲方爸爸，需要学习换位思考。

整个第一阶段的学习内容都是非常基础的，目的是培养设计思维，正所谓懂用户所想，还不能设计出好产品？

第七周：响应式网站、一屏式网站

图片来源:阿多比设计学院学生作品

从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

第八周：后台数据

除了后台设计，更多的是后台的数据统计处理，如何做到简单化、明了化。

第九周：电商设计

图片来源：阿多比设计学院学员作品

电商平台首页设计，每一个月各大购物平台都会有全站式的活动，活动主题都不一样，所以其实电商设计的人才缺口是非常大的。

第十周：淘宝平台详情页、后台

图片来源：阿多比设计学院学员作品

这一部分是可以自己去申请淘宝店、上架产品，任何学习都没有直接上手来得快。实操实练，自己去体会各大平台的规范，才会了解得更加清楚。

第十一周:C4D、Banner

图片来源：阿多比设计学院学员作品

进入3D训练啦，丰富视觉效果，提高就业竞争能力，多会一门技术，就多一些可能，这也是我们要为什么不断学习提升自己的原因。

第二阶段，更多的是网页的设计训练，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。

第十二周：用户体验、竞品分析、原型图

图片来源：阿多比设计学院学员作品

本周开始设计APP，通过数据分析来做竞品分析，使用Axure来绘制APP的原型图。

第十三周：图标

图片来源：阿多比设计学院学员作品

有意思的图标也是完整APP设计的重要一环。

第十四周：界面、胶囊

图片来源：阿多比设计学院学员作品

通过标志性APP来讲弹窗页、闪动页。

第十五周：界面设计

继续完成APP，并学会切图、命名、标注、打包、交接（前端小哥哥、小姐姐打不打就看这周的学习内容了）

第十六周：运营界面

营销推广性的用户思维培养，把握用户的痛点提升整体运营界面，达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等，比如促销性质的页面，增加了视觉感染力，促进了用户的点击。

第十七周：交互动效

图片来源：阿多比设计学院学员作品

学好AE动效会非常加分，因为它可以准确的传达出你的思路，演示你想要的表达的效果。这必将成为UI的流行趋势，不想要被市场淘汰，一定要继续学习啊！

这一个阶段，可以尝试着手设计属于自己的APP，你可以选择自己喜欢的主题，没有局限性，这可以成为零基础转行的你的作品集内容哦。

第十八周：前端

大家都知道与UI设计师密切合作的是前端，那作为一个UI设计师，只有懂了前端，这样才会合作得更好，提升工作的效率。我们可以学习HTML5，学习CSS3等。

虽然是以周划分，安排得满满当当，这样学习流程适合大多数零基础的小伙伴，每周的内容如果学习的不扎实，可以适当停留脚步，因为每个人的学习能力不同，学习掌握情况不同。一定要将知识学扎实，一步一个脚印的往前走，才能真正将UI设计知识掌握牢靠。

① ui设计需要学什么

需要学什么：Photoshop（图像处理）、illustrator（图形制作）、After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件。

② ui设计学习内容都是什么

这是ui设计主要课程，要是感兴趣的话可以了解一下：

第一阶段

1、广告文案书制作

2、计算机版组装与维护权

3、美术基础：素描

4、美术基础：水粉

第二阶段

1、矢量图形设计（CorelDRAW）

2、广告摄影

3、矢量插图设计（Illustrator）

4、图像处理设计基础（Photoshop）

5、应用文写作

6、构成基础：平面构成

7、色彩构成、立体构成

第三阶段

1、图像处理高级技法

2、平面设计典型实例

3、InDesign图文设计

4、广告材料及工艺

5、包装设计

6、招贴设计

7、商业广告视频剪辑

第四阶段

1、Dreamweaver网页设计

2、Flas***设计与制作

3、HTML5+CSS3

4、网页美工设计典型商业案例

5、商城网站广告美化

6、网店装修

7、产品可视化包装

③新媒体UI设计主要学习哪些课程

主要学习illustrator图形设计，cdr图形设计，Photoshop图像处理，UI手绘图标，UI标志设计，UI InDesign图文设计等。

④ UI设计有哪些课程内容

基础应用：ps ai xd ae产品原型软件

基础技能：绘画，美术

行业了解，关于互联网，还有UI的一些历史，和变化

分析产品，学习交互

最后，做一个模拟项目。

做什么工作，都是和设计有关的，可以从事，美工、平面设计、品牌设计、插画师、UI设计、ue设计师

⑤ UI设计需要学习哪些内容

UI设计的培训课程主要分为设计理念的培训和软件操作的培训,具体课程如下:

1.视觉设计基础:通过Illustrator软件图形应用系统的学习,使学员掌握图形视觉设计基础。

2.光影结构视觉应用技术:通过Illustrator软件光影结构体系的学习,使学员掌握物体光影结构表现技法。

3.UI设计:通过Illustrator与Photoshop软件图形图像系统学习,使学员掌握高品质UI图形设计的方法。

4.超写实应用与表现:通过Illustrator软件超精度表现系统学习,完成超写实制作技巧。

5.构成与视觉语言:学习构成视觉语言,使学员掌握设计应用视觉表现技术。

6.视觉艺术表现与应用:通过色彩艺术与视觉表现形式的结合应用,使学员的设计能力达到商业级别的要求。

7.Flash平台应用:通过Flash软件系统学习,使学员掌握Flash动态应用基础。

8.超媒体综合应用技术:通过Flash软件高级应用学习,使学员掌握动态结构表现语言技术。

9.交互式平台应用技术:通过Flash ActionScript 3软件程序系统学习,使学员掌握高级别交互结构表现。

如果能够完全掌握这些知识,你将成为优秀的UI设计师,实现稳定高薪就业。前面也说过了,UI设计师如今被重视,所以比起普通的设计师更有前途,未来的发展前景也更为广阔。

软件如下：

1.PSCC2017

PS全称 Photoshop

UI设计用的最多的软件，90%以上的UI设计师都是要会PS的，其处理图片功能非常强大，调色方面也不错，还有图层样式，布尔运算方面都是UI设计必备的。不过也有劣势，就是无法绘制矢量图形，排版也不是很好。还有图层也有点多。管理起来不是很方便。在UI设计中主要的用途是用来绘制界面和图标。

2.AICC2017

AI全称 Illustrator

一款矢量绘图软件，在做UI图标上非常不错。特别是绘制扁平化图标这块。很好用。也有矢量功能画出来的图形可以放大缩小。劣势就是不能调色。做拟物化图标也不是很好做。

3.AECC2017

AE全称 After Effects

主要是做来做影视后期视频特效的，但是在UI这个的话就是用来做一些UI的交互动效。动效这块是效率最高的软件，不过不能用AE画图标做界面。这个AE不擅长。

4.ARP全称 Axure RP Pro

主是要用来做原型图的，在交互设计原型这块是比较火的一款软件。

最后也补一句，软件只是一个工具，千万不要觉得会了软件就会了设计，不要太依靠软件了，会了工具后还要学习理论知识才能成为一个合格的设计师。

(5)ui设计学什么课程扩展阅读：

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

设计内容：

与之相应，UI设计师的职能大体包括三方面：

1.图形设计，软件产品的产品“外形”设计。

2.交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

3.用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

⑥ UI设计学什么

一、学习基础软件操作

PS是必须要会的，越熟练越好。不管你是想进入平面设计，美工设计甚至是室内设计行业，PS基础是必不可少的，这也是最最最基础的，学好学扎实PS，有助于你往后的学习之路。

二、磨练技能，动手练习

刚学习UI设计，欣赏、模仿别人的作品是必经之路，但必须是一些优秀的作品，这样有能引导你走向正确的道路，现在有很多很好的设计网站，找一些自己喜欢好看的图标、APP、网站截图下来，尽可能百分百临摹复制出来。做好了模仿才能有创新，不要一上来老想着创新。这里临摹几套完整的APP很有必要，一来是可以熟练你的软件操作能力，增强对基本界面布局的理解;二来是可以发现很多不上手做就注意不到的问题

三、提高审美、拓展思路、开阔眼界

浏览各种设计类的网站，看别人的学习经验，下载收集设计类的素材。可能这里是别人的飞机稿，练习，项目上线以后才发布的稿件、很多是对新趋势的尝试，产品的改版、还是相对完整的作品。这也是有一定价值的。而且网站上有很多别人的经验总结，你可以从中快速解决某些问题，掌握某些知识的利器。

四、规范自己的工作流程

下载各平台的设计规范(安卓，苹果，WP)仔细研读，并在练习中加以注意，应用。以上一二三四应同时穿***行，没有优先级和那个更重要。

⑦ ui设计主要学习什么课程

ui设计主要学习： Photoshop，Illustrator，After Effects，Axure RP 8。

简称，PS，AI，AE，ARP软件。

PS主要用于制作 UI设计中界面和图标设计，也可以对 UI中的一些广告页进行设计。

AI主要用于制作 UI设计中的图标设计，也可以对 UI中的一些引导页的插画图进行设计。

AE主要用于制作 UI设计中的交互动效，在现今的 UI产品中很多都是需要用动效的。

ARP主要用于制作 UI设计中的原型图，线框图，流程图的设计。

⑧ ui设计培训需要学什么

可分为三个方向：用户研究、交互设计、界面设计。

1、界面设计：物理表现层的设计，每一款产品或者交互形式都以这种形态出现，包括图形、图标( Icon)、色彩、文字设计等，用户通过它们使用系统。

2、交互设计：UI是指信息的采集与反馈、输入与输出，这是基于界面而产生的人与产品之间的交互行为。在这一层面，Ul以理解为User Interaction，即用户交互，这是界面产生和存在的意义所在。

3、用户研究：研究用户心理和用户行为，从用户的角度来进行界面结构、行为、视觉等层面的设计。大数据的背景下，在信息空间中，交互会变得更加自由、自然并无处不在，科学技术、设计理念及多通道界面的发展，直至普适计算界面的出现，用户体验到的交互是下意识甚至是无意识的。

(8)ui设计学什么课程扩展阅读：

UI设计的相关原则：

1、语言使用的一致性。同一事物的说明要使用同一个词语，否则会给用户造成不必要的困扰。例如，如果你使用了“查找”，就不要在同样的情况下使用“搜索”。

2、色彩搭配：相同的颜色，搭配的比例不同，搭配的位置不同，就会产生不一样的感***彩。不要超过3种颜色是所有色彩原则的基础。

3、图标应用：尽量使用通用的图标。用户已经习惯的图标，我们就不要去试图更改，使用通用图标会让用户更容易使用，也更容易让用户对界面产生亲切感。

⑨ UI设计都学什么课程，学习多久

随着“互联网+”时代带来的大发展，企业更加意识到用户界面的重要性，注重用设计思维来规划产品形态，对于UI设计师的需求也在不断加大。

招聘UI人才的企业不仅仅局限于互联网企业，越来越多的企业开始注重交互设计相关的人才投入，如金融、交通、零售等行业都在热招该类型的设计人才。而且随着工作经验的增加，薪资涨幅空间大，互联网岗位中低门槛、高晋升的岗位UI设计行业正在快速发展，未来的价值不断升高!

ui的学习主要分为以下几个阶段

第一阶段：软件基础

主要学习Photoshop、illustrator、CorelDRAW、InDesign、AfterEffects、Flash等软件应用，培养学员的工具技能，学习期间需要大师练习软件使用，熟能生巧才能学有所得，约2个月时间。学完此阶段可独立完成各类精品案例的模仿制作及初级创作水平，可从事设计助理相关工作岗位。

第二阶段：设计理论

主要学习广告原理、色彩构成原理、创意思维方法等理论基础，及常见的平面宣传品、品牌设计-CIS、书籍装帧、产品包装等商业案例手绘实战，培养学员设计理念及设计创意的养成，约1个月学习时间。学完此阶段可可独立完成从需求分析、创意构思、构图设计、方案解析的整套流程；可担任平面设计师、视觉设计师、淘宝美工等岗位。

第三阶段：全案实战

主要学习互联网产品的各生命周期用户需求分析、原型设计、交互说明、团队协调等阶段设计方案的策划、输出及管理，约2个月学习时间。学完此阶段能独立完成web前端网站设计制作、活动专题设计、APP原型及交互设计等方案制作，可从事网页设计师、交互设计师、UI设计师等岗位。

通过软件、理论和商业案例的实战，即可成功转型成为UI设计师，这是针对零基础学员的大致学习规划；如果有一定基础亦可选择性学习某一阶段课程，时间也会相应减少，大家根据自身现状合理安排学习计划即可。

转载请注明：片头模版 » ui设计教程(ui设计学什么课程)