UI设计新手该如何入门？

下学期就大四了，想趁暑假学习UI设计，想问下新手该怎么样学UI设计，如何入门？需要报班吗？

知乎可爱用户 · 2019-4-15 20:07:19

UI设计新手该如何入门？
下面总结了UI设计初学者应该怎样入门的方法，希望对新手有所帮助。

[h1]一、新手如何学习ui设计，软件学习[/h1]ui设计要学的东西很多，软件是基础的东西，要想做好出好的ui设计就得先熟练掌握ui设计的基础软件，软件方面有：PS、 AI、AE、ARP，不过对于新手，小编认为还是一定要先把Photoshop学扎实。Ui设计要学的都是比较高级的知识，学习起来也是需要花时间和精力的，所以基础软件一定要先学扎实。

二、新手如何学习ui设计，找灵感
如何找灵感，也就是培养审美的能力，首先我们要知道什么好看，什么不好看。当我们排斥那些不好看的设计的时候，我们的品味就自然上升了。
再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。说到这里，小编给大家推荐一些不错的网站。如：花瓣网、站酷、UI中国、Behance，和有关UI设计的微信公众号等等…

那么，如何能快速找到灵感呢，当我们接到一个设计任务的时候，该如何去快速的执行，快速找到灵感呢。平时的素材采集和分类至关重要。一定要整理分好自己的素材文件夹。这对于一个设计来说是非常重要的。
设计师的素材资源库，就是自己的财富，只有自己整理出来的才有价值。关键是自己要记得东西放在哪里了，不要用的时候找不到。
[h1]三、新手如何学习ui设计，懂分析（怎么思考）[/h1]学会分析好的设计作品，主要从下面的几个方面去分析：
1.是配色上吸引了我们的眼球还是版式设计吸引了我们的眼球？
2.细节处理的很有新意吗？
3.背景烘托的很有档次吗？
4.为什么排版上看着很舒服？
然后再换位思考一下，如果是自己，自己会如何设计，设计手法和细节的处理会不会？创意想法上有没有给带来些什么灵感...

[h1]四、新手如何学习ui设计，做笔记（怎么做）[/h1]有没有发现一个问题，我们每天都在看各种设计作品，真到自己做的时候，一下子全都忘记了，脑子短路了。之前看到那么多好的设计作品也都白看了，人家的还是人家的，跟自己一点关系也没有。

所以建议准备一个小本子，养成做笔记的习惯，坚持完成下面三点：
1. 看到了什么好设计画一画。
2. 想到了什么好点子，写一写。
3. 做会了什么或是想要学点什么，都记录下来。
没事拿出来翻翻看学习的时候积累的心得，精益求精。
如果以上几点都可以做得到的话入门UI设计是完全没有问题
今天给大家分享有关UI 设计初学者应该怎样入门到些讲解完毕
希望对大家学UI设计的过程中会有所帮助，如果有帮助的话希望大家可以帮小编点个赞。

知乎可爱用户 · 2019-4-15 20:07:20

题主你好，新手入门UI，第一步就是要理解UI设计的概念，之后再从创作流程、设计方法、软件需求、审美意识等方面进行提高，下面康石石简要介绍自学UI设计所需掌握的入门设计方法和技能，供题主参考：

[h1]一、概念明晰[/h1]

在国外的院校中，UI通常不会作为单独设立的专业，而是包括在交互设计里。UI代指User Interface Design，中文释义为用户界面设计，又称用户界面工程。指的是在用户体验和交互的指导下对计算机、电器、机器、移动通讯设备、软件或应用以及网站进行的设计。

其目的是帮助用户快速获取信息，高效利用被设计对象完成任务。好的用户界面设计强调流畅使用，不会让用户花不必要的精力去学习适应。能够根据用户的习惯，让用户能够最大限度的使用所需功能。

与之相对的还有UX，UX代指User Experience Design，中文释义为用户体验设计。是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。

在一个项目中，用户体验涉及到项目早期的用户调查、中期的信息建构以及末期的交互设计。在这之中，贯穿用户体验设计整个流程的人本精神是目前各类设计开发时都需要考虑的重点。

其目的在于从功能方面满足用户的真实需要，每个流程能作为前一步流程的测试反馈，以低廉的成本及时修正可能出现的BUG，从而在产品未分析一下。与UX有关的专业，往往会和UI也有一定的融合，以后职业发展可以是交互设计师，用户体验师，新媒体策展人等。

汉艺 16届G同学交互设计金斯顿大学

[h1]二、UI设计需要掌握什么？[/h1]

学习UI设计，如果开始就说要直接掌握某项设计方法或软件技能，其实是一种本末倒置的行为。必须要先了解和熟悉设计流程与应该掌握的设计方法，再制定完整的规划，确定该从何入手。

1. 定位与分析
UI作为产品的一种，是为了解决问题而设计出来的，因此想要设计出一款UI，就要先从发现问题或需求出发。
一般情况下，需要从背景分析开始，对当前的市场、技术、产品、用户进行大致的了解。之后使用mindmap进行头脑风暴，寻找问题点和设计灵感。这里就需要同学们锻炼立体思维能力、放射性思维能力与联想能力。

2. 用户研究
用户研究与调研，是贯穿着整个设计流程的，方法有两种：

一手调研：需要设计师自己做信息采集，比较普遍的方法有，访谈法、观察法、问卷调查法、查阅文献和图书等，根基采集结果进行数据的总结和归纳
二手调研：这一方法相对比较省时，可以直接使用媒体和网络上已有的数据和信息。

在充分调研的基础上，将research的结果以信息可视化的形式对数据进行视觉化表达，深入分析设计问题与解决方法。

3. 架构设计
这一阶段需要通过产品结构图和产品流程图的理解，熟知产品架构、设计功能、操作逻辑等问题。产品结构图需要描述模块之间的关系，包括调用关系、组成关系、顺序关系、链接关系等。产品流程图需要描述产品的业务流程、操作流程和与界面跳转流程等。

4. 原型设计
UI的原型设计绘制方法主要分为以下两种，可根据个人习惯进行选择：

手绘原型图：直接绘制手稿，需要掌握简单的手绘基础技法。

电子原型图：使用Axure、PS等软件进行设计，需要掌握软件制图技法。

5. 界面设计
界面设计主要考验的是后期的图面制作能力，包括各类图标的设计、色彩的搭配、质感的把握、排版的完善等等。

6. 可用性测试
可用性测试有三种方式，一对一用户测试，启发式评估，以及焦点小组。纸质的原型设计适合进行用户测试，电子版原型准确度较高，可选择有代表性的典型用户来完成测试。
测试的主要目的是通过观察分析用户来提高产品的质量，让产品使用更加符合设计预期和用户需求。这一阶段需要同学们具备分析观察能力与逻辑思考能力。

7. 修改和完善
针对上一阶段测试出来的问题进行分析，提出修改与完善方案。这一步骤可能会经历反复地修改，以达到最佳的用户体验效果。

UI设计师掌握的知识面其实是较为宽泛的，除了掌握常用平面软件Photoshop, Illustrator, InDesign，还要求掌握Wireframing线框图创作工具，去向客户展示他们的设计想法放在现实里会是什么样的。另外，还需熟的HTML和CSS技巧，和基本的JavaScript知识。

最后，一个在职场上成功的设计师需要具备的素质精炼到一个词就是：审美。
毕竟技术学习只要肯花时间，在网上海搜教程就可以速成PS的基本用法，但是审美意识是需要大量的书籍阅读，丰富的生活阅历去长期累积知识链。当然不是说技术不重要，技术同样也会日积月累中成熟起来，不单单是操作的流畅性，还有对实现效果的联想性。

说到审美提升，推荐大家去Behance，Issuu，Dribble，Adobe Porfolio官网上分析优秀案例，并且自己也可以提交作品在网站上，接受批判性建议。
比如，下面这位艺术家作品，就运用了插画形式表达AR概念，科技感结合UI视觉冲击给人予最直观的审美意识。

总之，从零基础到成为一名UI设计师，是一个很大的挑战。从初期理论知识开始学习，再到软件、绘图和测试等等，按照UI设计的流程步骤逐步学习，加之大量的练习、研究、分析、实践，都需要题主做出系统的规划。

以上，望有帮助
———————————————————
欢迎关注我的个人官方微信公众号（kang-shishi）

如有艺术留学、院校、专业、作品集方面的问题，可私信康石石咨询

知乎可爱用户 · 2019-4-15 20:07:21

对于新手而言，想要快速入门，你需要搞清楚UI设计是什么，学习的内容是什么，然后建立明确的学习计划跟路线，由浅入深，循序渐进。
UI设计是什么可以搜索百度百科，这里主要聊一聊UI设计应该学习哪些内容，如何分阶段性的学习UI设计。
一、软件学习
UI设计需要学习的东西有很多，软件是基础的东西，想要新手想要学好UI设计，首先得熟练掌握UI设计的基础软件：PS、 AI、ID、Firework 、Dreamweaver、 HTML5、div+css等等；对于新手而言，一定要先办ps学扎实了。UI设计虽然门槛低，但是学起来需要花费很多时间和精力，所以软件基础一定要先学好。
二、培养审美能力
平时要多去网站上看看设计作品，将自己认为不错的设计采集下来，这里推荐一些不错的网站：花瓣网、站酷、UI中国、Behance等等…。同时，采集素材时，要注意分类，整理好自己的素材文件夹，建立丰富的素材资源库。
三、培养思考、分析能力
对于新人，想要快速掌握UI设计，你得学会分析好的设计作品，可以从以下几个方面去分析：
1、是板式还是配色吸引了你？
2、细节处理的有新意吗？
3、背景烘托的很有档次吗？
4、为什么它的排版看着很舒服？
然后在想想，如果是你来设计，你有如何处理？
四、善于做笔记
因为每天我们会接触到大量的信息知识，导致很多东西都容易被遗忘，所以建议养成做笔记的习惯：
1. 看到了什么好设计画一画。
2. 想到了什么好点子，写一写。
3. 做会了什么或是想要学点什么，都记录下来。
没事拿出来翻翻看学习的时候积累的心得，精益求精。
最后，UI设计新手想要快速入门，报班是最有效的方法，但是，市面上大大小小的培训班有很多，在选择时一定要谨慎，你可以从以下几个方面考虑：
1、课程体系；互联网发展日新月异，企业对UI设计师的要求也越来越高，所以在选择培训班时，要先考察其课程大纲，看看其课程是否过时，是否符合目前市场所需。
2、师资水平；有位丰富经验的老师指导，学习能事半功倍
3、项目实训；实践出真知，只有在实际操作中，你才能更好的理解理论知识，并发现自己的不足之处加以改进，所以在选择培训班时，一定要看看是否将项目实训课设为核心课程，据我所知，现在也有不少培训机构都安排了项目实训课程，例如：天琥设计、泛艺学苑、北大青鸟等。
主要就是以上几点，当然，培训班只是起到辅助作用，关键因素在于自身，新手想要快速入门，掌握UI设计，就必须得勤奋努力才行。

知乎可爱用户 · 2019-4-15 20:07:22

你选择ui这一行的情景和待遇还是不错的，没有问题，要不要选择报班，你可以先自我认识一下，觉得自己的自控能力怎么样，自学能力怎么样，如果这两者稍差，建议你就可以报班了！

知乎可爱用户 · 2019-4-15 20:07:23

想要学习UI设计，纯粹是喜欢设计，想要自己能设计一点东西，可是不知道应该怎样学起？
UI设计师是什么？很多人都以为只是P图的美工，这里有必要先明确一下UI设计师的概念。

一、UI设计的概念
软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和 Interface的缩写。
从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。
UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，一般是指对软件的人机交互、操作逻辑、界面美观的整体设计。
二、UI设计师
UI”的本义是用户界面，是英文User和interface的缩写。UI设计师简称UID（User Interface Designer），指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。
工作内容：
编辑负责软件界面的美术设计、创意工作和制作工作；根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计。
对页面进行优化，使用户操作更趋于人性化；维护现有的应用产品；收集和分析用户对于GUI的需求。
UI设计师的涉及范围包括商用平面设计、高级网页设计、移动应用界面设计及部分包装设计。

工作经验：
主要从业人员精通Photoshop、Illustrator、AE、ARP等软件；
1. 负责公司产品在智能电视、PC端、移动端页面/应用的整体设计；
2. 基于用户体验、人机交互、图形化设计、界面设计等前沿理论实现产品风格设计；
3. 充分理解产品策划思路及理念，配合产品经理和研发人员实现产品各种界面的视觉设计；
4. 建立和完善产品界面视觉设计规范；
5. 根据交互设计及产品规划，完成产品（iPhone、Android 、Web平台App及网站）相关的用户界面视觉设计。
6. 配合产品开发中的图形界面（GUI）设计。
7. 完成产品相关推广活动的专题页面、FLASH的设计及制作。
8. 与研发团队充分沟通协作，确认可控的误差范围和视觉效果的最终实现；
9. 根据视觉设计的发展趋势及用户研究的结果不断优化产品的图形界面（GUI）

UI初学者需具备的知识架构
1、视觉设计部分：
首先，视觉设计不仅仅是做ICON，做界面或者界面元素。
有很多人认为，如果去互联网公司做视觉方向ui设计，只会简单做图标、界面就OK。这是极其幼稚的想法。
一般公司如果花钱雇专职视觉设计师的话，那么整个公司的美术设计工作一般都会给视觉设计做。
所以，如果你想今后在视觉领域混，那么以下几项技能必不可少：
1）平面构成；
2）色彩构成；
3）版式设计；
4）心理学；
5）美术绘画；
6）设计意识；
6）设计意识；
2、交互设计师应该具备的基本能力
1）了解用户体验设计、可用性原则；
2）信息挖掘、用户调研、数据分析；
3）良好的逻辑能力；
4）心理学；
5）交互设计原则、不同平台的规范；
6）产品视觉感；
7）沟通能力；
三、项目开发流程

图中也展现了UI设计师在项目开发过程中的工作内容

四、设计步骤
规范基础-软件基础-图标设计-界面设计-切图交互-用户产品
五、设计规范
一致性原则
坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。
字体
-保持字体及颜色一致，避免一套主题出现多个字体；
-不可修改的字段，统一用灰色文字显示。
对齐
-保持页面内元素对齐方式的一致，如无特殊情况应避免同一页面出现多种数据对齐方式。
表单录入
-在包含必须与选填的页面中，必须在必填项旁边给出醒目标识（*）；
-各类型数据输入需限制文本类型，并做格式校验如电话号码输入只允许输入数字、邮箱地址需要包含“@”等，在用户输入有误时给出明确提示。
鼠标手势
-可点击的按钮、链接需要切换鼠标手势至手型；
保持功能及内容描述一致
-避免同一功能描述使用多个词汇，如编辑和修改，新增和增加，删除和清除混用等。
建议在项目开发阶段建立一个产品词典，包括产品中常用术语及描述，设计或开发人员严格按照产品词典中的术语词汇来展示文字信息。
准确性原则
使用一致的标记、标准缩写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。
显示有意义的出错信息，而不是单纯的程序错误代码。
避免使用文本输入框来放置不可编辑的文字内容，不要将文本输入框当成标签使用。
使用缩进和文本来辅助理解。
使用用户语言词汇，而不是单纯的专业计算机术语。
高效地使用显示器的显示空间，但要避免空间过于拥挤。
保持语言的一致性，如“确定”对应“取消”,“是”对应“否”。
可读性原则
文字长度
文字的长度，特别是在大块空白的设计中很重要，太长会导致眼睛疲惫，阅读困难。
太短又经常会造成尴尬的断裂效果，断字的使用也会造成大量的复合词，这些断裂严重的影响了阅读的流畅性。
空间和对比度
每个字符同线路长度，间距也是重要的。
所以每个字符之间的空间至少等于字符的尺寸，大多数数字设计人员习惯选择一个最小的文字大小的150%为空间距离，这就可以留下足够的空间。
当每一行中读取大段的文字，且线路长度过多或线之间的空间太少，都会造成理解困难。
对齐方式
无论是在文本中心，还是偏左，或者是沿着一个文件的右侧对齐，文本的对齐相当重要，可以极大地影响可读性。
一般而言，文本习惯向左对齐，因为它反映了你的阅读方式 – 从左至右。你熟悉每一行开始和结束的地方。
布局合理化原则
在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览、操作习惯。
避免常用业务功能按键排列过于分散，以造成用户鼠标移动距离过长的弊端。
多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁，使用户专注于主要业务操作流程，有利于提高软件的易用性及可用性。
菜单
-保持菜单简洁性及分类的准确性，避免菜单深度超过3层。
-菜单中功能是需要打开一个新页面来完成的，需要在菜单名字后面加上“…”。【只适用于C/S架构，B/S请无视】。
按钮
确认操作按钮放置左边，取消或关闭按钮放置于右边。
功能
-未完成功能必须隐藏处理，不要置于页面内容中，以免引起误会。
排版
-所有文字内容排版避免贴边显示（页面边缘），尽量保持10-20像素的间距并在垂直方向上居中对齐；
各控件元素间也保持至少10像素以上的间距，并确保控件元素不紧贴于页面边沿。
表格数据列表
-字符型数据保持左对齐，数值型右对齐（方便阅读对比），并根据字段要求，统一显示小数位位数。
滚动条
-页面布局设计时应避免出现横向滚动条。
页面导航（面包屑导航）
-在页面显眼位置应该出现面包屑导航栏，让用户知道当前所在页面的位置，并明确导航结构
如：首页>新闻中心>欧科智能招商服务平台正式发布，其中带下划线部分为可点击链接。
信息提示窗口
-信息提示窗口应位于当前页面的居中位置，并适当弱化背景层以减少信息干扰，让用户把注意力集中在当前的信息提示窗口。
一般做法是在信息提示窗口的背面加一个半透明颜色填充的遮罩层。

就写到这里了，希望对你有帮助，在此感谢您的阅读！想要学好UI设计可以关注我的新浪微博：UI设计师王庆庆，并添加关注！

声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。

UI设计新手该如何入门？

5 个回复