ui制作教程

A. UI设计篇最基础教程，菜鸟应该怎样学UI设计

给小白同学一些学习建议，一般学习UI设计可以分为以下4个阶段。
第一阶段：素描手绘
也就是素描手绘这块，这个对于后期的UI设计有一个帮助。但并不是最重要的。
第二阶段：软件学习
现在的UI设计师一般要掌握以下几个软件，比如PS 、AI、 AE、 AXURE 等等。
第三阶段：理论学习
这个有内容就有点多了，因为是养成思维的必经之路。
比如配色、排版、字体设计三大构成，消费心理学、沟通学，以及思维导图、原型图，还有交互逻辑、规范、切图、了解程序、互联网思维、用户体验，还有一些网络营销都是需要学习的，因为这和产品商业价值有关。
第四阶段：临摹原创
前面的理论软件都会了，接下来就是临摹作品，及原创作品了。然后就是不断的做项目，参与互联网各种UI大赛及一些兼职网接单兼职，和去互联网公司做UI设计工作等。之后不断的逛一些比较不错的设计素材网站，长期坚持下去就能把自己的设计水平慢慢提升。
通过以上4个阶段学习下来，你会发现虽然基本的你都会了。如果是一点基础都么有，建议不要自学，自学特别辛苦；虽然网上有些教程，但是要学会，下来需要花费很大精力和时间，遇到不懂得问题，会没人帮你解决，建议还是报班系统学习下，虽然报班一般速度快点，消化慢点，但是只要自己有恒心，能坚持，相信也一定会学的很好

B. UI设计要怎么自学

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

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

第十八周：前端

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

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

C. 手绘教程 ▏史上最详细的UI设计手绘教程 ——终极干货(三十二)

这里是何天衢的系列手绘教程，一天更新一篇。

愿景： 希望帮助每一个喜欢手绘的朋友都能够绕过枯燥无味的素描基础训练，掌握对于简单手绘来说最重要的一些套路和方法，迅速开启自己的手绘之旅，让你快速、简单、高效地展示设计思路和想法，打造自己的多维竞争力；能够通过手绘去记录生活的中点点滴滴，陶冶情操，提高审美能力。

【教程FAQ】

问：哇，我是零基础哎，我可以做到吗？

答：跟着我画，一天一小时，不出一个月，你也可以做到

问：设计师一定需要具备手绘能力吗？

答：在设计前进行草图绘制，可以有效的提高制作能力。不管你是一个初学者也好还是大神都应该拿起笔，因为设计师永远离不开画笔！

问：拿到一个需求的时候，总是找不到方向，找不到创意点怎么办？

答：最有效的办法就是手绘，快速将脑袋中的画面记录下来

问：你的教程主要教什么呀？

答：教你掌握的是最实用的基础手绘能力，可以满足普通人的简单手绘需求，不适用考前美术教育

【基础知识】待重新整理内容

排线： 你真的知道手绘怎么排线条吗？

起形： 手绘教程 ▏徒手在白纸上画出精美图形的关键？ ——初级篇(二十九)

勾线： 勾线方法

透视： 手绘教程 ▏对简单手绘来说最实用的透视教程 (三十九)

            手绘教程 ▏做到自由手绘必不可少的透视练习 (四十)

【我的工具】

详细工具及使用方法移步这里，不断更新： 我的手绘工具及使用方法

下面给大家解析dribbble大神Mike的手绘作品，用优秀的设计学手绘！

【示例最终效果图】 一小时简单刻画

【干货&步骤图】

画线稿：

零基础或者是刚开始画的同学请先去画之前的简单教程，不要画这个！

今天的教程起形比较复杂，是一个人形的游戏UI角色

虽然难一点，但也是有迹可循的，下面就带大家体验一下

不论你画的东西有多么的复杂，它的外形都可以被归纳为最基本的几何形状

比如人，把脑袋看做一个球体、椭圆体，把肩膀当做一个方体

在一开始起形找比例关系的时候千万不要被任何细节所吸引

细节是什么？

细节就是某条曲线的弧度、角的大小、眼睛的弧度、睫毛的长度等等

开始起形的时候不要管那些东西，当务之急是将大的形状和比例找对

如下图

按照步骤来画，其实很简单的，没有那么难，用心练习。

这个教程比较难，新手不要尝试

【作业】

按照上面的步骤，将手绘稿画出来！

【来欣赏一下一起画的朋友的作品吧！】

一起来画吧！

回顾往期经典：

手绘教程 ▏比较精致的小画，应该怎么动笔？ (二十七)

手绘教程 ▏分分钟让你学会设计卡通动物 (二十四)

2017年怎么掌握手绘能力？

D. 想自学UI设计,不知道从哪里开始学怎么学

自学UI可以遵守以下几点：
1.明确个人学习UI的目的 只有知道自己的目的才能更好的学习。
2.掌握基础的图片处理软件操作，现在UI设计必然是需要通过软件,就是ps操作。
学习设计说难也不难，说容易也不容易，培养学习的兴趣很关键，最好在学习之前先来做一个小测试→点击测试我适不适合学设计
3.提升自己的素描技巧 素描的技巧也能够让自己更好地掌握简笔画和阴影的处理。
4.多收集UI作品 UI作品的收集,对于自己灵感的创作也是有帮助的。
5.多参加一些网上公开课的学习 现在互联网有很多免费的UI教程,可以通过这些公开的教程学习。也能够帮助自己系统的掌握UI设计的技巧。
6.锻炼自己的发散思维 UI设计更多的是在自己的设计理念，创意才是成名的灵魂。
学习UI推荐选择一个专业的培训机构来学习，而天琥教育就很好，历经19年的发展，天琥积累了宝贵的办学经验，并不断前行探索，开设司南教育研究院，研究更科学的教学模式，不断为社会输送实战型设计人才。

E. PS如何制作炫酷的UI界面

应用软件:
Photoshop
–
CS6
今天给“小伙伴”们带来一个酷炫的《UI设计小教程》，让我专们一起来打造一枚流光质感界属面吧~。
1.创建画布
新建一张790*400的画布(不要忘记文件命名哈~)
2.制作背景
Alt+Delete
填充背景色为
#1c46e3，并为其添加渐变叠加图层样式
(如下图所示)
3.创建界面底托
选择圆角矩形工具，创建
250*90圆角半径2像素
的白色圆角矩形，并为其添加
图层样式
(如下图所示)
到此为止的效果如下图~(亲，你有跟上节奏吗)

F. ui设计怎么学习

第一种方法自己网上找教程自学，这种方法省钱第二种方法找培训机构学习，这种方法省时间，但费钱第三种找企业去做实习生，这种方法成长缓慢！UI设计师需要学什么内容呢？主要需要从以下8个方面去掌握1. 基础软件操作能力UI设计常用的软件有PS（图像处理、banner、软件界面设计）、AI（插画、图标、LOGO、字体设计）、XD、Sketch(移动端UI设计、标注切图）、Axure（产品原型设计）、XMind（产品框架设计）、C4D（电商视觉设计）、AE（动效设计）。2. 图形设计能力经常有问UI设计师需不需手绘能力，我的答案是会不会用纸笔去画不是重点，重要的是掌握电脑绘制准确，美观，独特的图形能力。UI设计师需要掌握图形绘制能力，在实际工作项目中，会有各种各样的图形绘制需求。比如App界面设计中的各种引导页、启动页、图标设计等，那么这些图形你可以用手绘板绘制，也可以用鼠标绘制。3. 电商运营设计能力这个肯定有同学会困惑了，设计海报banner、活动策划及专题页面这不是平面设计师、运营设计的事情吗？在过去一段时间是的，分工是越来越细了。那么你在做界面设计的时候搭配好看的banner，以及展示的海报编排。这些能力你也必须掌握。况且很多公司并不会分工那么细致。运营设计、UI设计你都需要去掌握。4. PC端UI设计能力PC端软件主要指电脑上面使用的软件，例如电商的CMS系统，ERP系统、OA办公系统等，目前依然很多公司需要电脑端UI设计师。5. 移动端UI设计能力目前应用范围最广的就是App界面设计。有人说界面设计看起来很容易，不就是把一些元素堆积在界面上吗。调调文字大小，排排版吗？确实很多人就是这么做的，所以造成了很多作品集里App界面看起来大同小异。那么好的作品应该是考虑了很多，需要考虑受众用户人群的审美、使用习惯、使用场景、对软件的熟练程度等，让自己的App看起来是如此的不一样。界面的用色，界面中的配图，以及交互体验的细节都独具匠心。6. 软件规划及交互设计能力UI设计师的界面还是要服务于产品设计，那么对于界面的设计不应只停留在美学的思考，还应该思考界面的逻辑，界面元素的摆放，通过深入了解产品的行为目的后，设计合理的操作流程，这就需要对设计师的逻辑思考能力，界面交互综合能力提出更高要求。7. 沟通能力对这点也非常重要，大多数设计师不是单打独斗，而是和一个团队一起工作，你需要保持良好的沟通能力。比如经常改图的问题。不是别人说1你就做1，有可能你按照要求做了1，别人依然说你不好。比如产品要你换样式，你要弄清楚原因，是不符合当前的风格，又或者产品想突出什么，弄清楚意图才去做设计，事半功倍。且给对方留下喜欢思考，乐于沟通的好印象，这样的员工到哪里都受欢迎。相反你默不作声，吭哧吭哧的不断改图，说不定别人想，这人能力真差，怎么说都改不到我想要的。8.审美能力设计师的眼界一定要宽广，平时多去国内外设计网站去看优秀的作品，慢慢你的眼界就会提高，很多同学说没有想法，想法是基于大量的阅读或者实践后才产生的结果，你不看，不去练自然没有想法，你的审美能力确定你作品的质量。

G. 学习UI设计，从这几个方面开始

新手如何学习UI设计？UI设计师是近几年比较火热的行业，不少零基础学员也开始学习UI设计，有很多小伙伴们问北大青鸟UI培训班UI设计要如何学习，今天北大青鸟UI设计培训班就跟大家聊聊如何学习UI设计。


1、先学习理论知识


只有通过理论知识武装过的设计师，才是一个有深度的设计师，而不是单纯的视觉效果图的制造者。做大量的阅读，包括平面知识、设计美学以及设计思想方面的。可以看一下设计类比较经典的书籍，出了图书外，还可以在网上看些设计方面的资讯文章，了解设计趋势。，这样也同样有助于新手设计师学习设计理论。





2、多去临摹其他设计师的作品


作为一名设计师，刚开始学习阶段，独立做出符合市场需求的视觉设计，基本上是不可能的。所有人的起步阶段，都是从海量的临摹开始的。


视觉设计的临摹，就好像学习绘画的临摹一样，看到别人的作品，去琢磨它的细节，完成方法，以及工具的使用，这样才能够达到后开始原创的效果。这是一个从量变到质变的过程，即使你只临摹了30或者50页其他设计师的作品，那么你也会发现，与刚开始自己决定行动的时候，区别是非常明显的。


3、多看多思考多交流


电脑能够帮助视觉设计师完成基本上所有的学习和工作。但是，不能一直坐在电脑前，一定要多去看别人的设计多思考。一方面，从真实的世界中搜集灵感、经验和素材。前面说过，创意有的时候来源于经验，那么经验的积累就需要从各种渠道获取到。设计师需要多做交流，与众多设计师和其他背景的人多做交流，学习他们的经验，对于设计或产品的理解，以及他们的思维方式等等，对于视觉设计的学习和提高，都会非常有益。


4。培养自己的艺术气质


这不是说外貌上的，而是在于个人的意识与能力上。比如说，去学习绘画，对于色彩操作和线条的运用以及阴影的感觉，会非常有帮助。多去看艺术性较强的电影，对于情感的表达和感受会更强烈些，并且也可以学会讲故事。总之，要具备艺术家的眼睛和耳朵，具有设计师的思考方式和个人能力。


“学习UI设计，从这几个方面开始”希望能帮助到你。今天就跟大家分享到这里，更多UI培训问题，点击【UI常见问题】进行了解资讯；了解更多UI教程知识，点击【UI知识教程】进查看；了解更多UI面试及职场问题，点击【UI职场】进入查看。

H. ui设计应该怎么学

想学好UI，需要学习掌握的内容还是很多的，主要有自学和报班学习两种方式。

设计类的软件是非常多的，各有用途，学UI对于自学的同学来说会有一些难度，不推荐自学能力差的人。还有一些很类似的软件，会分别适用于不同的系统。我们在学习的时候需要分阶段进行，做到有计划的学习与训练，具体的学习顺序如下：

学UI设计需要用的软件：

全阶段贯穿：Photoshop，位图处理软件设计行业90%的工作由此软件完成；

第一阶段：Illustrator、InDesign、FontCreator

第二三阶段：MindManager、Axure、墨刀、Cutterman等等

第四阶段：C4D、AferEffect等等

就业方向有：网页设计方向、UI视觉设计方向、交互设计方向、产品经理方向等。

想要系统深度学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，不错的学校有南京课工场、北大青鸟、中博软件学院等，建议实地考察对比一下。

祝你学有所成，望采纳。

I. UI设计教程，新手如何快速出一套界面图标

一. 面形图标

面形图标的视觉占比大，有比较强的视觉表达力，通常用在应用中的主要入口。最新的苹果iOS 11底部标签栏就使用了面形图标。那么面型图标的风格要如何统一呢?

1.正形

面形图标的正形使用，要统一风格，要注意的是:

a. 面的面积

b.负形的面积

c. 线条的统一

d. 形的统一，可以从形的形状，圆角进行统一

2.反白

面形图标的反白使用，反白使用时，除了正形图标的3个注意点，还需注意图标和背板的尺寸比例，比例并没有严格的规定，但是建议用0.618黄金比例。

注意点如下：

a. 面的面积

b. 负形的面积

c. 线条的统一

d. 形的构成统一。比如：圆角统一

e. 背板和图标的比例

二.线形图标

线形图标比较轻量化，减少视觉干扰，让用户集中在产品核心功能上。在iOS11以前，iOS原生应用的导航栏，标签栏，工具栏全部采用了2px线框的图标设计。

线形图标的使用也有两种：正形和反白。不建议线形图标的反白使用，因为从设计逻辑上讲，背板结合线形图标是互相矛盾的。

正形

线形图标，要统一风格，有以下几点：

a. 线的形状

b. 闭合区域的大小

c. 线的粗细

d. 线的断点

三.扁平描线图标

扁平描线图标其实是面形和线形的结合，一开始这种设计形式，主要用来做复杂度比较高的插画，后来逐渐在标签栏，首页功能入口这些位置开始应用。这类图标相对于纯面形，纯线形来说，风格明显，个性化程度更强。有一款APP叫“想去”，它的分类图标就用了扁平描线图标，有兴趣的同学可以去看下。扁平描线图标，统一风格，除了要注意线形图标设计以外，要注意填色区域的大小。

以上就是小编关于界面图标的相关内容分享，今天的分享就先到这里，如果你想从零基础学习了解更多UI设计内容，请关注本平台，你想要的我们都有哦!

J. UI设计如何入门

学设计不如学【视频剪辑】。理由很简单，容易学（不像其它行业学习成本高，难度大），适合短期3-4个月短期学习，而且行业缺口非常大，无论是找工作还是自己在家里接私单，月收入轻松过万，两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址：
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-399978977449989925

因为现在【短视频】的崛起，任何企业，任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌，发抖音，发朋友圈，发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容，所以剪辑师根本招不够，，供需失衡就造成了剪辑师高薪水。

而且剪辑这个技术并不需要高超的电脑技术，也不需要美术音乐造诣，基本都是固定套路，要什么风格的片要什么节奏，经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽，会点击图标，会保存除非自己不想学，没有学不会的。但是要学好学精，就一定要找专业负责的培训机构了，推荐这个领域的老大——【王氏教育】

在“短视频剪辑/短视频运营/视频特效”处理这块，【王氏教育】是国内的老大，每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-399978977449989925


大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html