UI设计该怎么学？

2024-04-26 06:05:01装修宝典010

UI设计该怎么学？,第1张

UI设计该怎么学？
导读：很多人错误的将工具作为学习UI设计的入门课，其实入门UI设计更好是选择美术基础、设计理论。很多自学UI设计的小伙伴，都会出现这样一种现象，会使用工具但是在了解真实的需求后确完全动不了手。那在这里给想要入门UI设计的小伙伴分享一个我们阿多比设

很多人错误的将工具作为学习UI设计的入门课，其实入门UI设计更好是选择美术基础、设计理论。很多自学UI设计的小伙伴，都会出现这样一种现象，会使用工具但是在了解真实的需求后确完全动不了手。

那在这里给想要入门UI设计的小伙伴分享一个我们阿多比设计学院的课程大纲，你可以参照这个课程大纲去制定学习计划、学习流程，让你少走弯路。

UI设计的学习内容包含绘画基础、设计思维、设计规范、工具的使用、UI设计流程、人机交互和用户体验等等，甚至于WEB前端。零基础学习的UI课程应该层层递进、由浅入深，而且UI的课程也应该因市场变化而实时定制。下面，将从平面设计、网站设计、手机设计去层层拆分UI设计课程，我们将在每一个课程结束后掌握这一个阶段的技能从而达到对应岗位的任职要求。

1、GUI平面设计：

UI设计虽然不一定需要很强的绘画能力，但是一定得养成手绘的习惯，手绘一定会是UI设计创意的源泉，手绘既可以表达设计思路也可以表现设计成果。通过对构图与透视技巧，空间表达，色彩关系等的表现来进一步完善设计，为原创设计打下扎实基础。

平面设计是设计的基础，也是灵魂所在，更是WEBUI和移动UI等进阶课程的基础，这一部分基础扎实了才能更好的学习UI。这个阶段主要学习合成创意的能力，版式的能力，色彩和审美，品牌设计的能力。对于手绘和GUI平面设计，课程大纲如下：

2、WUI网站设计：

互联网时代，绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少。所以花时间构思一个好的网站设计，特别是主页部分的设计非常关键。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台，是互联网产业下的主流。因此，UI设计肯定需要学习企业网站的设计思路和设计技法，商业性网站的设计目的、电商的平台实操技法等。甚至需要掌握电商平台的运营相关知识，掌握设计与运营的联系。对于WUI平面设计，课程大纲如下：

3、MUI网站设计：

智能手机的普及应运而生了各种各样的APP，所以UI设计中不可缺失的就是移动端的UI设计。这一阶段的课程中，我们不仅需要学习移动端设计，还需要学习用户思维，以真正需求为导向。对于MUI平面设计，课程大纲如下：

4、前端的学习：

掌握Web前端的基本知识，熟悉Html5和CSS3，熟悉框架布局等。学习前端不仅可以增强竞争力，也可以更好的在团队中和开发人员交流，真正做到“设计有法，创意有道”。

当然，以上课程只是一个大概的学习步骤引导，理论、实操完全结合，才让技能掌握更全面。想要真的学会UI设计还需要不断的摸索、思考、练习，技能掌握的宽度和精度还需要自己进一步的挖掘和深入。

了解人的感官和大脑是如何工作的，去衡量及判断那些设计原则更靠谱;UI设计师需要确定哪个设计原则更适用于给定的环境，从而优选应用，UI设计师必须深思熟虑，而不是盲目的应用设计原则，应该理解其基本原则并有过应用经验的人来使用和诠释;

所有设计原则其实都是基于人类心理学，从认知和心理学角度剖析交互设计本质，去解读人们如何感知、学习、推理、记忆，以及把想法转换为行动。将实际的设计原则联系起来会让心理学变得更具体、更容易理解。

此篇是给自己解惑的文章，也是一篇学习笔记总结;也让自己知道就算背熟了著名的交互原则后仍做不好设计，究竟是因为什么现实中，很多设计原则，有一致的场景却又有互相冲突的场景，到底该怎么推断那些设计准则更靠谱

我们的感知与现实存在一定的偏差

不要怀疑，就是我们所看到的并不是真相，我们的大脑在影响我们的感知;很大程度上是我们“期望”感知到的。感知至少受到以下3个因素影响，与现实存在偏差

1、过去：先入为主的经验影响我们的感知

人常根据以往的经验来对事物进行理解和判断;先入为主的经验会给用户不一样的感知和理解;你看到什么取决于经验/别人告诉你什么

RCJames的素描：给人的之一印象是随手泼出的黑点，如果有人和你说这是一只在树附近嗅着地面的斑点狗后，你就很难再把这张素描看成是随手泼出的黑点了;看过刘亦菲演的神雕侠侣小龙女后，后面再有(陈妍希、毛晓慧)翻拍都觉得没有比刘亦菲更适合小龙女这个角色，而且还被黑的很惨;这都是因为人会被先入为主的经验影响感知

我们认知会受熟悉的感知框架影响;

我们生活中大部分时间都是在自己熟悉的环境中度过(比如：家、公司、去公司的路上、附近的商场)，久而久之这些熟悉的环境会在我们心智中建立框架;比如，你并不需要经常检查你家里的东西，但你对家里够熟悉，也就知道某些东西大概放在哪里，因为你已经建立了你对自己家的认知，有点刻板印象那么回事，专家们都管这个叫“感知模式/感知框架”

感知框架能帮助我们应付所处的世界，但是呢也会让我们看到并不存在的东西;比如，有时候你觉得你身份证明明放在家里某个地方，你就是找半天没找到;还有你去饭店吃饭，去饭店吃饭的心智框架里有部分是付款，可能你没有付款走出来饭店，但你的潜意识以为自己已经付款过了，查看账单才发现真没付!!!!

不同场合的心智框架影响我们在不同场合下对期待见到的事物感知;使用电脑、网站及手机的人对桌面和文件、网页浏览器、网站和各种类型的APP都会有相对应的心智框架;用户经常不认真看屏幕就点击按钮或链接，他们更多是靠以往的经验来引导他们对界面的感知，没错就是在盲点瞎点!!!能不动脑就不会动脑那种，所以知道这个原理我们可以更好的了解那些设计原则

所以这页就是为什么UI设计原则中需要保持一致性，一致性也包括3个方面：

1和用户预期保持一致性。

如果不符合人熟悉的心智模型及框架，就很容易很抓狂;经常炒股的朋友，会对红色绿色很敏感，绿色代表下跌红色代表涨，但其实北美的股票市场则反之，红色代表下跌;很多用惯安卓的用户，突然用iOS会很不习惯，最明显的微信APP的iOS版本和安卓版本就有很多不一样的地方;用习惯win的系统用户新买了个macbook电脑，刚用的时候很奔溃，时时刻刻都感觉自己是个智障～

app中就有很多案例契合用户心智模型，减轻用户的学习成本和记忆负担

*** 阅读的电子书还是保留了翻页效果都是模拟现实翻书的效果，这样大大降低用户理解左右滑控制翻书上下页的理解成本。微信红包设计形式就很像现实中的红包，所以很多人也一下子就理解这是红包，而且点开就是拆红包了。网易云音乐也是做成黑胶唱片的即视感，播放暂停都会相应变化，营造了听歌的氛围。

微信朋友圈广告的样式也是符合用户心智模型，呈现形式与好友发的朋友圈保持一致。以明星作为好友，插入大图，底部还可以看到好友的评论和互动，这样给人的感觉就像好友发了一个状态，而非一条 *** 裸的广告。

还有在支付宝好友对话页面转账的场景中，用户有着不同的使用习惯，他们认为来这里就是转账的，所以有的用户进入对话框后，输入完数字，就认为自己已经转账成功了，其实并没有，于是有了现在改版后的方案;bilili在输入密码的时候2个小人会捂住眼睛，像极了现实中别人输入密码自己会走开不偷看。

2 和平台规则保持一致性

产品的设计要和平台的规范保持一致，比如ios、Android及网站规范;也需要与竞品保持一致比如同类型的app也会大同小异;

3 产品内部规范一致性。

其中包括迭代版本保持一致性，同一层级图标颜色字体保持一致性，品牌一致性，交互行为一致性;不同的品牌有自己的调性，可以直接通过设计语言传达给用户，而且能够达到一个良好的品牌辨识度，成熟的产品有自己的设计标准。

4 遵循用户的操作习惯;

有时候在找某件东西的时候，如果它不在老地方或者看起来和以前不一样，就算在我们眼前，我们也找半天，这也是因为我们受以往的经验影响感知;因此相同或相似产品的用户习惯保持一致，即意味着用户需要更少的时间去学习甚至不需要学习;

微信的iOS和安卓版本不一致，是根据2个终端不一样的交互习惯操作;比如微信2各版本的搜索位置不一致，安卓在右上角，iOS是一长条;发现页iOS是没有搜索和添加的，安卓却有;在iOS系统中，想要删除一条信息只需要向左轻轻一划，而在安卓系统中，需要长按信息在弹出的选项中选择删除选项，然后再按确认删除的选项;安卓左右划可以切换4个tab但iOS却不行，安卓和iOS二级页面的返回键也是不一致，安卓底部有返回操作，iOS则是右滑返回上一级。

2、当前：环境影响感知

周围环境对感知的影响也同样存在于不同感官之间。五个感官任何之一的感知都可能同时影响其他感官的感知。例如：我们听到的能影响我们看到的，反之亦然;我们听到、看到或者闻到的能影响我们的触觉。

总之，对于识别一个字母、一个单词、一张脸或者任何物体的神经活动，都包含了环境 *** 产生的神经信号的输入。这个环境包括感知到的其他临近对象和事件，甚至由环境激活的对以往感知到的对象和事件的记忆。

人们经常根据周围的情景去理解事物，视觉感知也是一样的，上下文会影响我们对某一个词的理解;环境有时候会产生歧义。同样的一段话放在不同的语句当中，会有不同的理解。视觉上也是如此：

视觉设计可以通过应用的背景、界面元素的摆放等来烘托情感、主题和气质。比如天猫、京东及拼多多618这种节日活动主场景，也是利用了这种心理将买买买的活动氛围营造出来。

3、将来：目标影响感知

除了视觉，我们的目标还过滤其他感官的感知。

例如：在嘈杂的环境中与人交谈，你能把大部分注意力放在他说的话上，即使身边还有许多人在对话。你对谈话的兴趣越大就越能过滤掉周围的声音。

当用户登录网站执行操作时通常都是带有目的性的去操作，这个过程中会过滤与其达成目标操作无关的东西，当用户在软件或网站上寻找信息或某个功能时，他们并不会认真的阅读，只是快速而粗略的扫描屏幕上与目标相关的东西。他们不是不仅仅忽略掉与目标无关的东西，而是经常不注意它们。

目标影响我们注意什么--感知是主动的，我们动用五官去找到和目标相关的东西。目标使我们的感知系统对某些特性敏感--例如在下图找红色的圆点，大脑对红色就会特别敏感，而其它颜色就几乎不会被注意到，即使我们的确“看到”了它们

目标对感知的过滤在成年人身上特别可靠，他们比儿童对目标更专注。儿童更容易被 *** 驱使，目标较少地过滤他们的感知。这种特点使得他们比成年人更容易分心，但也使得他们观察时更不容易被影响。

当用户充分的调动感知来寻找目标的时候，由于用户的注意力处于一种高度的紧张状态，这是一种不好的用户体验，我们要做的是让用户能够轻松的完成目标任务，而不需要有高度的紧张和寻找。

比如 *** 在注册账号的时候，清晰告知用户注册整体流程状态

由于用户在完成某项操作的时候，非常容易忽略和目标任务无关的信息，所以如果需要在用户处理任务的过程中，使用户注意到一些额外的重要信息的话，应该将这些信息做的醒目或者将它们摆放到适当的位置，比如：Behace在用户创建密码时，会贴心在下面把已满足密码项☑️，避免不满足密码要求又被打回

总结：最后对设计有什么影响

避免歧义

避免显示有歧义的信息，并通过测试确认所有用户对信息的理解是一致的。当无法消除歧义时，要么依靠设计标准或用户习惯，要么告知用户用你期望的方式去理解歧义之处。

保持一致

在一致的位置摆放信息和控件。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页上相同的位置，而且它们还应该有相同的颜色、字体和阴影等。这样的一致性能让用户很快找到和识别它们。一致性的交互设计原则对用户而言可以让信息传达和用户使用体验更好;对产品研发团队来说，也会减少设计的研发成本

理解目标

　理解用户目标，知道它们强烈的要感知什么，从而确保提供必要的信息清晰的对应用户的感知，用户去用一个系统是有目标的。设计者应该了解这些目标，要认识到不同用户的目标可能不同，而且他们的目标强烈左右他们能感知到什么。在一次交互的每个点，确保提供了用户需要的信息，并非常清晰地对应到一个可能的用户目标，使用户能够注意到并使用这些信息。

UI设计发展前景如何

首先，UI设计已成为企业竞争的软实力。UI设计使得产品给人带来舒适的视觉享受，拉近人与商品的距离，因此被广泛应用、深度挖掘。在日益商业化的全球趋势下，UI设计水平已成为企业区分竞争对手开发的一种方式。

其次，UI设计师供不应求。随着UI设计热的到来，国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门，还有很多专门从事UI设计的公司也应运而生，UI设计师供不应求，其待遇和地位显著上升。

最后，UI设计师薪资较高。拉勾网的数据显示，UI设计师的工资在互联网公司平均工资为10000左右，资深级的UI设计师平均工资在30000-50000左右，全球顶尖互联网公司峰顶级的UI设计师总监工资都在年薪百万以上。

UI设计发展前景广阔，企业需求紧迫，但想要成为满足企业需求的人你需要掌握一些基本技能，比如掌握PS、AI、C4D、Axure、Sketch软件，掌握配送、排版、字体设计、三大构成、消费心理学、沟通学以及思维导图、原型图，了解交互逻辑、规范、切图、了解程序等。如果你想快速学习UI设计，选择专业的学习自然非常重要。

如果你没有什么基础，专业的学习方式能让你理论与实践兼备，可以亲自去感受企业开发过程、团队配合、项目提案及路演全过程。让你从思想上转变为设计师身份，提高学习和动手能力，毕业快速适应企业的工作节奏。

互联网兴起了，设计人才缺乏了，很多人都纷纷投入到设计当中，设计行业从平面设计，到网页设计，再到如今大火的UI设计，可谓几经变迁。UI设计师就业面非常广，各行各业都需要这一职位，小到店面，大到广告公司，还在现在很多公司，都需要UI设计人员，由于各家要求不同，导致UI设计师水平参差不齐，市场就业一片混乱。

首选想要转行学UI设计的人有两类：一类是本身就是有设计经验的，第二类是一定设计基础都没有，从销售、策划或者职业转行过来的。

先说说之一类人，这部分人往往之前是做过美工、平面设计或者网页设计工作的人，在学UI设计上，是上手非常快的，因为前面的设计经验已经给他们奠定了基础，并且本身已经算半个设计的老司机了。所有这部分人转行学UI设计是没有问题的。

对于那些说自己没有设计基础的，也想转行学UI设计的。其实并不是什么问题，关键是决心、信心和兴趣。因为兴趣是支撑你学习的更大动力。

对于那些想转行学ui的，还有一些自己对一些迷茫人的我给了一些建议，给出几点建议：

1、作为一名新人，首先要学习的一定是设计中最基础的和共用的部分。

2、如果你是一个平面或者网页设计师，觉得已经混不下去了，其实我觉得并不是这个领域有了问题，而更多的是自己，如果你的专业程度，你解决问题的能力不如模版，那确实是不太可能有好的待遇，即便盲目“转行”其实也解决不了什么根本的问题。

3、无论你处在什么行业，保持一颗每天学习的心态是很重要的。

4、比起先费心思研究不同，或许先了解共通会更好一些。

5、学会观察任何消息是通过什么形式或是渠道传播的。

6、最后一点，就是你一定要有兴趣。

最后提醒大家，学习不可盲目，也不可以一窝蜂。前期要计划好，规划好。才能在学习。工作中稳步上升，获得自己想要的东西。

UI设计。

UI设计在生活中的应用还是比较广泛的，那么包括你在超市看到的所有的设计海报，以及你在行动过程中看见的大幅的广告都是需要进行优先的优先设计的。

5000平米商业楼怎么设计？我个人说的有点偏激。一般的楼盘，都会有属于自己的商业街区，它是在上海市中心地区的有名的商业街区，也就是上海地区的一个楼盘群(楼盘项目，也包括购楼中心的购物商圈，如a股上市的上海商业楼盘)，以及它本身的销售策略和营销计划。我个人的风格，是比较偏向深圳中关村。我个人也是偏爱深圳，因为我所在的深圳位置是靠近上海，周边商业基本都是规划为主的。深圳深奥会的项目很多，包括很多国际大型的购物中心(深圳广场、深圳机场、香港湾、九龙半岛区)，也是属于这一类的公共建筑和商业。我们所说的就是大型商场。它的目标主要是建筑设计或者其。深圳市万人气说得起，这天大家学习ui设计的人非常多，也非常多。大学毕生只要会手。

最能体现UI设计师的能力就是作品，想要做出好的作品，必须要有足够的审美能力，想要有足够的审美能力就必须在日常生活中日积月累

为什么需要提高审美能力？

1、‘美’是UI设计核心，有足够高的审美能力，才能设计出来好的作品。

2、‘美’能引起用户的共鸣，引导用户的情感导向。

3、是一个人的核心竞争力，它关系到一个人的外在形象、内在气质，进而会影响生活方方面面。

审美能力是什么？

美，是指能引起人们美感的客观事物的一种共同的本质属性。人类关于美的本质、定义、感觉、形态及审美等问题的认识、判断、应用的过程是美学。

美就是我们在生活和艺术中发现的被人认同的地方，谈论美,一定比谈论生存,是一件更奢侈的事情，所以只有在自己的状态比较好的时候才行。在心理学上，人的不同情绪会有不同的能量等级，像愤怒、焦虑、苛求，能量等级就很低；而勇气、淡定、愉快，能量水平就比较高。能量水平高，才有足够的时间与精力去欣赏美。所以说，真正重视美的人，其实重视的是内心的体验，他们不关心是不是一定要有某种目的性，也不关心别人的评价，或者是否符合大众主流标准。而从这一点延伸出来，缺乏审美力的人，一定是无趣的，也是缺乏仪式感的。

审美，也可以叫品味，它是一种感受力、鉴赏力、判断力，是从万千事物中获得美感的能力，能解读事物里所要传递的情感，主要由人后天培养而成。

美学家蒋勋说过一段话：「人审美水平的高低，决定了他的竞争力水平。因为审美不仅代表着整体思维，也代表着细节思维。给孩子更好的礼物，就是培养他的审美力。」

所以可以说，审美能力，其实就是一个人的核心竞争力，因为它关系到一个人的外在形象、内在气质，进而会影响方方面面。

对UI设计师而言，提高审美主要分为三个步骤、分别是：用眼、用脑、用手

一、提高眼界(用眼）

生活中不缺失美，而是缺少发现美的眼睛。

从这句话，我们可以理解为，生活中不缺失美好事物，而是我们没有去留意与发现生活之美。

所以提高审美，最基础的就是提高设计师的眼界，而想要高眼界，就需要大规模看各种优秀作品。

优秀作品可以分为两类，分别是：设计作品、日常发现

设计作品

设计师应该多看不同类别的作品，包括但不限于平面、插画、字体设计、网页、VI、摄影、动效设计、3D设计等等。

每个设计师都应该早点找到自己的审美偏好，在这个审美偏好范围内去找寻找更优秀的设计师与设计作品。以下是我推荐的一些设计网站，如：站酷、Dribbble、Behance、Yanko Design、花瓣、Pinterest 等等