为一名设计师，除了要进行分析和梳理产品需求的能力，视觉基础力，更是会直接影响到该设计师Level的几大点之一。而分析梳理产品需求的能力，更多的是靠项目堆积下来的，但视觉基础能力，除了在项目中成长外，还能通过刻意练习，来达到一个突飞猛进的状态。

光努力练习就可以了吗?也不全是，很多设计师朋友盲目的对Dribbble跟Behance上的优秀作品进行临摹，缺乏思考，发现最后一旦需要原创了，手上水平还是没太大提升。所以光临摹也是不行的，还需要掌握方法。在这里，小编对视觉表现层分别从几个维度来进行了一下总结，分享一下这几年来提升手头能力时，得到的一些经验跟方法，希望能对部分小伙伴们有所帮助。

| 页面视觉构成几大要素

在一个完整的页面的视觉设计当中，我们可以把其几个核心视觉点进行分解，单独罗列。某些在多个页面设计中，我们可以理解为几大核心点，如『版，质，形，色，字』

版-版式及厚度，版式间距会直接影响到页面的张力及空间感

质-页面风格，肌理维度，整个产品视觉调性，形-大面积区域的形状，控件尺寸比例，icon形状的统一性

色-颜色风格，页面色相，彩度，明度整体风格统一性

字-字体的样式，字体，字号，衬线，内容识别性

像这些核心元素，我们可以进行进行刻意练习，来提升综合的视觉基础能力，不过首要，我们需要理解并进行梳理。

| 何为版?

版，在界面设计当中，版式会直接影响到用户该页面的理解能力，良好的信息传达力离不开科学的组织布局。信息之间层级关系的罗列展示非常重要，适当的布局，能展示不同信息的差异化，提升用户理解阅读效率，而且视觉上也非常美观大方。

因子一：亲密性

这里我们可以通过一个很简单的话术来表达，那就是『同类相近，异类相远』，物以类聚，人以群分。信息联系紧密的，间距相近，信息维度差异大的，间距要远，这样不但视觉上错落有致，而且对于用户理解信息，也是非常有效快速的。

因子二：节奏性节奏性指的就是在同一个页面内容中，间距呈有规则的变化。所以这也要求这间距的样式不要太多，尽量使用倍数，比如1x、2x、3x、4x。比如现需设计一个让用户感受到轻松愉悦的页面，可以使用较大的栅格间距比例，以12为基准，比如间距一律使用12、24、36、48。如果是信息较为紧密的，则可以使用8的倍数，如8、16、24、32等。当然，这也不是绝对值，具体使用情况，还得根据实际情况跟业务场景而定。

从手动量的尺寸来看，京东金融app的间距是以4为单位进行倍增，但用的则是较大的间距，如24、28、32、36、40、44。而Airbnb则是以12的单位进行缩放，如12、24、36、48、60的单位，不同的栅格比例，传递出来的心理暗示，也是不一样的。所以间距通常没有绝对的设定值，而是根据业务进行适当调整，有规律的进行变化组合。

因子三：页面结构比例关于页面的节奏比例，大家可以多研究一下黄金比例。黄金比例是在界面设计当中用的较多的一个比例，此比例通过了自然界 大数据 的验证。在实际项目中，使用黄比例的作品，往往更具有美感，令人赏心悦目。

除了黄金比例，其实还有着白银铂金等比例，这类比例也是具有着较多的美感的。相信很多同学不知道，这里也发出来让各位同学知晓下。网址可自行百度：黄金比例在线生成。

| 何为质?

质，是视觉语言组成的重要部分，页面的风格特征，肌理虚实都靠它来表达。产品的质地风格应当与产品的整体形象保持一致，是多个页面统一风格的重要组成元素。好的质感表现，不仅能帮助用户认识及记住产品特征，更能让产品迅速拉开与同类产品的区别，做到别具一格。这里简单给大家介绍几种常见的风格类型。

样式一：大卡片、轻投影式这种风格在iOS11后更是变的普及了起来，因为微投影能在很好的拉开层级提升空间感的同时，还能让页面变的更为细腻。像苹果的Appstore跟大量其它产品，都使用了这类较为不错的样式。不过要注意的是，渐变样式不能太过于厚重，页面留白要大。另外卡片圆角及投影参数，之前有给小伙伴们提供过的，卡片圆角半径≈卡片宽度的0.04%，阴影颜色=按钮颜色的 Alpha50%，x=0，y=按钮高度的20%，模糊值=按钮高度的50%，扩展=按钮高度的 -15%，高级又简单，完美!

样式二：高纯度渐变在近两年，渐变风又开始变的流行起来，不过跟以前阴影较为厚重的渐变相比，新的渐变样式，变得更为扁平更为轻量化了起来。在Dribbble流行起渐变风之后，国内各大应用也开始使用流行起来，如淘宝与京东金融、优酷、饿了么等主流应用开始纷纷效仿。同样在渐变的配色方案中，不适合多类颜色同时渐变，渐变的两个颜色在一个色系上进行微调即可。

样式三：轻拟物在经过扁平风的洗涮之后，拟物风仍保留了一席之地。目前轻拟物的视觉主流更多的是在扁平的基础上，加些拟物的元素，在汽车终端、智能家居等物联网系统尤为多见。但与传统的拟物相比，现代的拟物风变的更为简洁，主要层级信息变的更为突出。

| 何为形

形，决定着整个产品线的调性，能直接将产品所蕴含的情感文化通过视觉表现传达给给用户。无论是按钮的圆角比例，还是图标的统一性，都是形的重要组成部分。而在UI界面设计中图形更多的体现在图标和按钮上，这里可以尝试这样来提升形的统一感

要素一：统一的icon风格在图标设计中，首先要把控好图标视觉语言的核心，以多个常见的线性图标为例，其中就包括着：描边线宽，圆角，断点方式，点缀，颜色填充类型，图标重心。像这些，都是需要进行统一规范化。如果你是刚入门的设计师，对图标这块不擅长，可以去图标网站如iconfont上找相关图标进行参考，再根据自己的想法进行替换，但基础的风格样式，都需要保持统一。

要素二：统一的图形元素在界面设计中使用品牌图形可以使用户快速记录品牌形象，让产品快速抢占市场，提高用户比。例如天猫，京东，QQ，网易云等优秀产品，在这块就运用的非常完美。天猫使用替换猫头的形象，而网易云，则提取了唱片的元素，整个图标风格，都使用了多个圆润的造型。

| 何为色

色，通常是人感官中留下的第一印象。想要合理的运用颜色，其实并不容易。其实在界面设计中，对于选择配色方案，就好像比穿衣服一样，颜色越多越花哨，跟传统的空间设计一样，在大部分界面设计中，一般使用几种颜色就够了，除非设计师拥有者非常高的配色驾驭能力，不其然整个页面都会出现大量花哨，影响信息传递。下面，我们可以使用两个小技巧，来帮助您提升配色的能力。

技巧一：使用情绪板决定主色调。设计师通过在做界面设计时，都是感性的，常常难以支撑各样的质疑。那么通过场景关键字，收集相应的图片素材，使用情绪板来创造颜色，能更好地帮助设计师完成对产品情绪的理解，同时提高工作效率流程，并实现界面设计更符合用户的预期，完成产品目标需求。设计出来的方案也更具有说服力，能更好的帮助设计师拿到产品视觉设计的替代权。

技巧二：六三一原则所谓的六三一原则就是在空间设计中，通常主色调占60%，辅助色占30，突出色占10%。其实在界面设计中也是一样的，设计稿中颜色不宜过多，不同色系最好不要超过三种。如果对色系不能很好理解的同学，我这边给个办法、就像当初学画画，眯着眼睛看即可看出其主要色调。但如果一个大型图案的个别色块很大的话，同样得视为一种色。

| 何为字

字，字体的形状及样式会直接影响到信息传递的速度。所以根据不同的场景，使用不同的字体样式也是极为重要的。因此对UI设计师而言，理解字体也是个必不可缺的技能。这里也给大家提供几个小技巧，帮助大家提升对字体的理解能力。

技巧一：合理的使用字体样式

在做界面设计时，永远要把内容的适当性放在首位，其次再去考虑其他样式。根据不同的业务模式，选择不同的字体，可以让页面更容易达到用户的心理预期。如衬线字与无衬线字，所传递出来的感觉也是存在截然不同的，一般而言，需要呈现的文字或小篇章文字中，使用无衬线字会更合适一些。而在一些长篇文章中，如在网页设计中，最小的11号字体使用衬线体宋体，会比非衬线体的微软雅黑更具有优势。

技巧二：合理的使用字重在单色环境中，使用不同的字重能更好的加强内容之间的呼应对比。减少过渡色阶层级的使用，能使核心内容更为聚焦，减轻阅读负担。因此在界面设计中，使用较粗的字重来作为标题是较为合适的。在iOS11中，这样的设计手法尤为多见。下图我使用了不同的字重，很明显，左边的图会更利于信息阅读一些，因为层级的主次得到了很好的区分。因此大家在设计界面中，不妨把一些主标题加粗试试，或许有一些意想不到的效果。

技巧三：合理的控制字距及行高标题的字距要紧密，正文大排字的字间距要稀疏一些。其他正文的行间距应该设置为字体大小的120%到150%之间。大家可以多进行一下尝试，直到信息较容易识别阅读为止。

以上几个大点，构成了一套较为完整的视觉语言。我们可以通过对以上这几个点进行刻意练习，来熟练掌握这些基本知识。另外除了通过临摹一些优秀的视觉作品，拿现有产品进行Redesign或者视觉改版都是一个较为不错的选择。提升自己的视觉设计水平，也并非一朝一夕之事，靠的也是不断地积累，不断学习。

UI设计 英文叫User Interface翻译成中文意思就是(用户界面)。UI设计是指对软件的人机交互，操作逻辑，界面美观的整体设计。

说到这个界面设计，其实非常好理解，因为我们每天都在使用。我们手机里面的APP软件，QQ和微信的界面图标设计都属于UI设计师的工作内容

移动端互联网时代，每位同学都有一部智能手机，手机里面看APP界面图标，我们可以称为用户界面，也就是我说的UI设计。简单的来说，UI设计师就是负责设计这些在电子屏幕上显示的产品

比如微信界面、里面的图标 文字 图片整个操作点击 都属于UI设计师要设计的范畴。所以UI设计一直存在于我们的生活！

因为UI设计是互联网行业，UI设计是随时互联网的兴起，而火起来的，等到智能手机的普及，一大堆的APP软件出来的时候那才叫一个火。

当时很多人做淘宝美工的，  平面设计 的转行学习Ui设计，当然也有很多零基础的学习

UI设计行业现在的前景怎么样？

说实话，现在UI设计前景还是很好的，我说的前景好的意思是，前提是你要会UI设计，会视觉设计，会交互动效，会小程序设计，插画设计等。

而不是说你自学了很长一段时间，会PS,AI软件工具了，会临摹几个APP界面了，就能找到工作了。

这种情况在我刚刚转行那几年确实可以找到

因为我当时刚刚参加工作的时候也是做移到端APP界面，图标设计，当时移动端APP特别火，只要会做界面图标设计的，都能找到一份薪资不错的工作。

但是现在和几年前完全不一样了，几年前是因为当时UI设计刚刚在国内火起来，当时中国互联网还不是特别发达的时候，智能手机刚刚普及，随时互联网的兴起，智能手机的普及，一大堆的APP软件出世了。

当时因为APP软件的大爆发，UI设计这个这个行业就开始出现在大众眼前了，因为UI设计师就是做APP界面图标设计的，一个好的APP界面图标，能影响到你是否会接着使用这个APP软件，是否会推荐给你身边的朋友。

所以当时很多公司都在大量的招UI设计师，当时UI设计真的是火的不行，正是因为那时候我才接触到了UI设计，然后通过系统的学习，最后成为了一名UI设计师。

但是现在和几年前完全不一样了，几年前你是一名优秀的移动端APP界面设计师，如果你几年不去学习新的知识，还在啃老本的话，现在已经被淘汰掉了。

几年时间过去了，互联网行业渐渐成熟，加上时代一直在进步，对UI设计师的要求也越来越高了

为什么会对UI设计师的要求越来越高呢？

因为UI设计师决定了一个APP软件的脸面，APP界面图标设计的好， 用户体验 好用户就会接着使用这个APP，用户体验好了还会推荐给朋友

还因为现在的人审美能力都提高了，一个APP的界面好看与否，用户体验怎么样，用户都能清楚的知道，就比如说我们用美团外卖APP，如果界面很丑，用户体验也不好， 可能你直接就卸载了，下载另外一个好用的点餐软件了。

所以现在的UI设计师不能只会一个单一的移到端APP界面图标设计了，这样是没有前途的，我们要随着行业的发展，跟着时间的发展而学习最新的设计知识，比如2017年初小程序突然就火起来了，然后我们UI设计师又需要会小程序设计，2019至今运营插画设计火起来，我们UI设计师又需要学习插画设计，我们要紧随时代的脚步，一直要学习最新的UI设计知识。

如果长时间不接触外界不学习最新的知识就很容易被社会给淘汰了。

现在已经不是单一的时代了，现在做为一名优秀的UI设计师需要会运营插画设计，视觉设计，交互动效设计，小程序设计，APP设计，简单的网页设计等等。

现在需要会的东西很多，但是薪资同样也是很高的，当你把这些知识都掌握的时候，你的薪资已经算是你所在城市的中上水平了。努力付出和获得的回报是相等的。

所以只要足够优秀，你的作品足够好时，你的薪资不可能低的，你的能力和薪资是匹配的，如果你现在薪资不够高，那就说明你的努力还不够，你的能力还不够，还需要你去努力学习，去进步。

至于现在学习UI设计还有没有前途，我这么和你说吧，UI设计有没有前途大部分是取决于你的能力和水平，而不是看这个行业好不好，当你能力足够时，就算这个行业不景气，也不会影响到了，如果你能力不够，就是行业再好，你因为运气找到了工作，但是你不努力学习改变早晚也会被淘汰的。

而且现在UI设计行业前景还是很不错的，UI设计属于互联网行业，UI设计行业是随着互联网的兴趣，智能手机的普及而火起来的

只要这个世界还有电子产品，界面，UI设计师这个行业就不会消失。

UI设计行业的平均薪资设计界平均薪资最高的一个行业，像平面设计，电商设计，室内设计，建筑设计等行业的平均薪资都没有UI设计行业薪资高，UI设计行业的平均薪资比大部分所在城市的平均薪资都要高。

随着互联网行业的发展， UI设计 师越来越多的被提及，UI设计师大火，薪资水平也是一路飙升，很多这个岗位的同学都过上了真正的小资生活，因此也有越来越多的人转行投身UI设计师。

但是初学者往往会犯一些错误，导致走弯路，作品不够精良，技能得不到提升。今天我们就重点说一下UI初学者都学什么，怎样学最有效。

UI设计师做什么的，需要学什么?

我们一般所说的UI设计多指UI视觉设计，主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展，纯视觉的工作已经开始日益减少，行业要求UI设计师也要懂点交互设计和产品方面的知识，即懂 用户体验 设计，国内称UE，国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。

出于成本考虑，有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计，如：海报、宣传册、LOGO等。所以，UI设计师如果会 平面设计 或手绘则是加分项，但不是必须项，不会也不用担心。

UI设计需要学什么?

需要学习的内容主要包括工具软件的使用和 设计思维 的培养。

【工具软件】

主要使用PS、Sketch、Ai，辅助使用Axure、AE等软件。关于软件的使用方法，可以网上找一些相关图文或视频教程来学习，最好是[基础实例教程]，像30天学会photoshop、50天学会maya等这类教程就不用看了，因为纯软件技法教程没有太大意义，一定要结合基础实例分析。

【设计思维】

如果将做设计比作成练武功，设计技法是拳脚招式，设计思维就是内功心法了。优秀的设计都有其内功心法作为支撑，那内功怎么修炼呢?看书!给大家推荐三类书～

《设计心理学》

第一类，基础入门级的，设计师人人都会读。例如《设计中的设计》《设计心理学》《简约至上》《Don’t Make Me Think》。如果你没有读过，也可以当作知识普及来读。

第二类，排版类。例如《版式设计》《设计元素》《版式设计原理》《西文字体》。设计的呈现最终还是落脚到每个页面，每个点，每根线。排版的能力还是需要大家好好学习的。

第三类：心理学方面的。例如《游戏改变世界》《无价》《乌合之众》等。关于人性/认知/激励/动机/群体这些心理学知识也会对设计有所帮助。

零基础想学UI设计，是自学还是报班?

首先明确一点，无论是自学还是报班，都有其好处和不足的地方。下面小编给大家做一下简单分析，供大家参考和选择。

1、关于自学

自学的好处：

(1)可以锻炼主动学习的习惯和自学能力，学习时间长短、进度、难易度可自主把控;

(2)自学可以节省高额的学费、交通费、生活费等很多的费用开销，减轻经济压力。

自学的不足：

(1)人际方面闭塞，缺少与人交流沟通的机会，学习中遇到的困难可能需要花费很长的时间才能解决，甚至无法有效的解决;

(2)很难系统的学习UI设计的知识体系和经验技巧，容易走很多弯路。

2、关于报班

报班的好处：

(1)跟着老师的课程，会系统的学到UI知识体系，循序渐进、由浅入深地掌握UI设计;

(2)可以根据学到根据企业需求设计的课程，相当于培训完就有工作经验，去企业工作，无需适应，直接进入工作状态。

(3)遇到问题可以及时请教老师或同学，避免自己走弯路;

(4)课后作业能锻炼动手能力，虚拟项目能锻炼自己与他人沟通合作的能力。

报班的不足：

1、一般需要支付一定的学费，需要一定的经济基础，如果有可以分期学费或者先学后付费的，相对好一些;

2、需要集中付出一定的学习时间。

达内UI培训 ，符合企业需求的培训

以企业的实际需求为导向，课程设置符合企业工作流程。

专业的预科课程，提升学员综合素质，成为UI 设计师事半功倍。

创意美术课程，让学员成为能够成为一个真正既会美术，又会软件的高级设计师。

互联网开发概述，全面了解后端开发流程，打造懂分析、知心理、善逻辑、大格局、精技巧的全栈式设计师。

职业设计，提升学员综合素质及实际求职能力，让学员能够更专业，更自信的面对企业，走进职场。

当你还在担心能否就业时，达内学员提前被企业录取;当你转辗于各大招聘会时，达内学员收到了高薪offer;当你在各大招聘网站投递简历时，达内学员中有人一毕业进入五百强名企。所以选择很重要。找 UI培训班 ，选达内就对了。