设计
用户界面设计
UI设计入门

UI 设计是什么?

UI是什么
关注者
333
被浏览
1,101,811

109 个回答

UI 是什么?有很多误以为 UI 就是各种漂亮的界面,是创意,甚至是平面设计的一部分。这些并不对,如果你一开始是从这种认知开始学习 UI 的,大概率难以立足。

我曾经问过很多UI设计师一个问题:未来1-3年,一个UI设计师、或者一个想做UI设计的人,如果是只会画画、只会把界面画出来,只会做各种效果,几乎找不到工作,或者找不到理想的工作,大家是否同意?结果几乎所有问过的UI设计师都说很同意,确实发现这个问题了。而网上很多对 UI 的解释是错误或者不全面的,现在很多地方把学 UI 变成学画画,这是误人子弟。

出自UI(全链路设计)能力地图:

我在知乎里给很多零基础、小白的同学解答了这方面的问题,因为大家往往这个时候最需要获得帮助。有些业内的人会认为我只会给小白同学解答问题,其实,如果你当初入行的时候能够我这样资历的人(国内最早一批互联网的设计师和产品经理)来解答问题,应该会很有帮助。千万不要自己已经入行了就觉得别人的问题都很小白。

我会分成几部分来回答:

  • 第一、如何理解 UI 设计
  • 第二、UI 设计的新变化
  • 第三、如何获得UI的学习资源

UI 的全称叫 User Interface,就是用户界面,也就是一个产品(例如 App,或者汽车上的车载设备、智能硬件等等)和用户交互时,需要借助的界面。

不要把 UI 理解成画画,和手绘之类的更不沾边。我曾经请艺术类的大学老师来做 UI,结果做的一塌糊涂。而反过来,中国最顶级的一批 UI 设计师(很了解他们,就是我们周围的一些朋友),很多都不是艺术出身,甚至以前没有过绘画背景。

UI 设计本身是互联网研发中的一部分,要以互联网的视角来看。

这里有一个互联网项目完整的流程和角色:

第一:如何理解 UI 设计

我经常会做的一个比喻,就是盖房子。

就像这样一栋小木屋,盖起来的整个过程,需要多种角色的配合才能完成。

首先,需要一个人提出需求, Ta 需要一栋什么样的房子。需要房子能够提供哪些细节。

然后,由一名设计师,规划房子的整体使用情况,包括房间的布局等等。

其次,由另一名设计师,提供房子的整体外观的设计。

再次,由一名工程师给出房子的整体架构、材料等等建议,以及规划盖房子的流程。

最后,工人施工,前者依次验收。

这样的一个过程,在现实生活中,可能这样的一栋小木屋都是一个人完成的。但是如果把这栋房子,看成一款互联网产品的话,那么就能够找到对应的角色了。

提出需求的人,在一个流程中,往往是产品经理,而他则是从多个层面获取到的相关的需求。

规划房子的整体使用情况和布局的那个人,我们一般都叫作交互设计师。

决定房子的外观,给房子刷什么柒的那个人,我们一般叫作视觉设计师( UI 设计师或 GUI 设计师)。

而建立房子的工程师和工人,一般都是我们整体产品团队中的研发工程师。

等等,这里肯定会有人产生疑问,已经看到了 UI 设计师,那么 UX 设计师在哪里呢?

其实,在这个盖房子的例子中,UX 更多的是一种理念,比如说,我们建立这栋房子的目标,是要秉承着冬暖夏凉,通风好,采光棒,房间布局合理,住起来舒服又放松,睡一晚就能够充分放松身心。

那么,所有盖房子的人,都要秉承着这样的思想,那么就时刻考虑着 UX 是什么。

这个例子是比较贴近于 UX 和 UI 的概念的。

UX 的概念

什么是UX

首先要明确的,UX 并不是具体的一个职位或者工作技能,而是一种思路或者一个流程。

UX ,在百度百科中,解释如下:

UX是User Experience的缩写,即用户体验,其核心是用户,体验指用户在使用产品以及与产品发生交互时出现的**主观感受和需求满足**。用户体验发生在用户接触产品的时候,随着用户使用产品的深入,用户体验也从内部感受逐渐转变成某种用户需求的满足。UX设计师研究和评估一个系统的用户体验,关注于该系统的易用性,价值体现,实用性,高效性等。

这里有一个很有意思的知识点,用户体验最开始的简称是 UE ,但是与可用性工程的缩写重合( Usability Engineering ),行业中为了区分开二者的缩写,将「用户体验」缩写为 UX 。

用户体验的工作内容,我们可以从广义和狭义两个角度来说明:

广义的角度

从广义的角度来看,用户体验的工作内容涉及到的是一款产品的使用周期,我们可以定义为,这款产品从用户开始使用到使用完毕的感受体会。

这种产品,并不是单纯指软件类产品,还包括硬件类的产品。

对于软件产品,结合用户的使用任务,是一个有开头和结尾的故事。

用户具有一个明确的目标,打开软件,然后结合对应的操作,最终达成目标。

而对于硬件产品来说,往往从开箱,一直到使用以及使用完毕,整体的过程都可以使用「用户体验」来解释和设计。

我个人非常喜欢苹果的原因,很大程度上来源于第一次购买苹果产品,从开箱到开机的整个过程舒服的体验。

最近一次觉得苹果的用户体验无以伦比,还是第一次拿到 Air Pods 从打开包装,到自动连接手机一瞬间的那种触动感,为我的使用过程制造了非常完美的用户体验。

对于产品设计的整体过程,用户体验应该应该是融入其中的,因此就需要产品设计的每个阶段,产品经理、产品设计师、产品研发人员、产品生产人员以及产品测试人员、质检人员都要带有用户体验的概念来完成工作内容。

一般在实体行业中,并不会有专门的用户体验设计师的岗位,而是需要把用户体验的概念深入到每一个角色中去。

狭义的角度

一般我们从狭义的角度来解释用户体验设计师的工作内容,以及谈论这个角色,更多的是在软件或互联网行业中。

完成用户体验工作的人,基本上都是用户研究员,设计师,包括交互设计师和视觉设计师。

用户体验的工作内容,包括的整体流程会有以下几个方面:

1.需求挖掘

通过研究用户和数据分析,挖掘用户需求,收集用户反馈,然后定义产品的初始形态或者产品的迭代。

在这个过程中,用户研究员、设计师和产品经理需要协同工作,共同努力,通过反复的讨论以及考察验证,才能找到最接近真实情况的需求。

此时的产品形态,往往是从0-1,或者是处于快速迭代的阶段。

2.产品设计

产品设计,貌似是产品经理的主要工作内容。实际上,用户体验设计师同样也要参与进去,把用户体验的概念融入到产品设计中。

产品经理往往要结合多个角度去考虑具体的设计,包括产品的实现架构,用户需求,市场目标等,此时就需要用户体验设计师把用户需求进行拆解,然后融入到产品经理的整体设计中。

在这个阶段,产品经理和用户体验设计师之间的沟通会非常多,并且基本上处于一种假设阶段,后面在产出具体的原型以后,可以再进行验证。

3.界面设计

产品的用户界面设计,是用户体验设计师充分把自己的专业性落实的阵地,从交互设计到视觉设计,基本上每一个细节都要以用户体验为目标指导设计的执行。

交互设计和视觉设计的范畴,实际上就包含在用户体验的概念中。用户体验需要用户研究员、交互设计师、视觉设计师把一款互联网产品从一份文档或功能列表,转化为交互流程图、界面交互原型、带有视觉效果和动效的高保真原型。

因此,在行业里,我们会把用户研究员、交互设计师和视觉设计师都称作为「用户体验设计师」,而他们所完成的工作内容,都是用户体验的一部分。

4.原型验证

针对于原型验证的方法,有很多。我们日常接触比较多的,基本上是可用性测试或 A/B 测试这样的方法论。

在行业中,众多的用户体验设计师,通过可用性测试来收集用户的反馈,在建立一定的用户体验标准(依据不同的产品实际情况,用户体验指标会不一样),来考察所设计的原型,是否能够满足用户真实的需求,实现用户的目标,以及完成任务。

可用性测试可能有些大费周章,因为要邀请用户在模拟的环境中使用,而互联网产品的原型验证,可以考虑MVP 或通过一部分用户的甄别,让他们参与使用测试,收集实际使用的数据情况,然后来分析之前的设计能否达成目标。

无论是传统的方式,还是更灵活的方法,对于用户的甄别,是非常重要的环节。

这部分内容也是用户体验设计师需要参与以及主导完成的工作内容。

5.数据收集和分析

在这里,用户体验设计师要配合运营的同事,做好数据收集和分析的工作,尤其是针对于产品的界面操作等,关键界面或元素,一定要做好数据埋点。

通过数据分析,能够反映出主流用户群体的产品使用情况,以及针对于接下来的产品改版和迭代,都会有所帮助。

6.整体的流程

多年前我们在官网上曾经有这样一张图。

这张图在当时能够充分反馈出用户体验设计师的整体工作流程。

现在行业中会有一些变化,针对于工作地环节接入和输出的阶段会有所不同,但是大致的概念上还是不变的。

另外近些年衍生出的「服务设计」的概念,同样也可以归纳入用户体验的一部分。毕竟在用户体验行业产生之初,实际上随处可见的是「服务设计」的影子。

第二:UI 设计的新变化

这部分结论非常重要,我在其他回答里也说过。

在设计师的分工方面,出现了新的变化趋势。未来3到5年,如果只是单纯的学习视觉设计的 UI,几乎招不到工作,或者找不到好的工作。

我说的这个判断,几乎绝大多数 UI 设计从业者都同意。

现在好的 UI 设计师挺难招的,招不到。很多朋友的公司、包括很多大公司的团队都在让我帮忙介绍。难招的原因主要是能力不匹配。公司期望你能够真正的把 UI 做了,不仅仅是画个图标、填个颜色,而是整个用户界面(UI 就是 user interface,用户界面,这才是本来的意思)。一个合格的 UI 设计师,要有视觉思维,也要有交互思维。

我觉得首先就是要摆脱「美工」心态。如果一家公司要招美工,肯定就是美工的工资和期望。但是招的是 UI 设计师,你就得往设计师的方向发展。

未来,UI 设计师需要具体更多综合的能力,或者我们可以说,是狭义的全链路设计师。

UI 设计是做什么的?在很多人的眼里,UI 设计就是画图标、画界面,是画画的,所以各种培训也都按照画画来教大家。这在以前确实还能凑合,因为那个时候 UI 设计领域都追求拟物化、写实,视觉效果很重,所以对于「画」的要求比较高。

但是现在,我和业内很多顶级的设计师、设计团队的负责人讨论过,大家普遍反馈,现在招人的标准已经改变了。有一位阿里的P9朋友说,他们在招人的时候,如果是UI设计师,一定会问他交互相关的问题。这是一定要掌握的,单纯的 UI 设计师(只会纯视觉技能),在未来两三年里很难找到好的工作。看看现在各种产品的界面设计,是不是几乎都是以扁平化、简洁风格为主?UI 设计师的技能,一定要和交互等紧密连接在一起。单纯会画就能做 UI 的时代已经过去了。

现在的 UI 是全链路设计(严格来说,全链路设计还包括运营设计、营销设计等等,但是对于初学者,掌握UI+UX的狭义全链路设计,就已经很有竞争力了),要求设计师能够做好视觉和交互设计。对于很多中小规模的公司,公司并不希望花钱招聘分别的视觉设计(只画界面)和交互设计(设计界面流程),而是希望一个人能够把工作都做了。而对于大公司,要求综合能力,更是要两者都具备。

这个门槛确实是高了,但是这是行业必然的要求。UI 设计本来就不是一个艺术类工作,而是一个产品工程类工作,就像我们在一开始贴的那张图里说的一样。

第三:如何获取 UI 设计的资源

这里是交互设计和视觉设计的能力地图:

这两个详细的能力地图,可以在这个训练营里找到:

免费的课程: 「培优计划」免费申请知群训练营

你可以先在知群免费的课程里学习,继续详细了解 UI 设计方向,也了解互联网行业最前沿的人们都在做什么,需要什么能力,然后再决定是不是做这个职业。或者参加知群的中国产品设计运营大会,先去了解。

知群现在全职和兼职的同事有上百人,我们是在做互联网大学,被中央电视台报道,有阿里腾讯等公司的项目实战合作,包括你现在正在用的知乎,也和我们有实战的项目合作。

为什么知群很靠谱,三个原因:

1.课程的含金量很高。我们每年和北京邮电大学都有一个研究生的课《产品经理》,也在不断迭代,让很多没有经验的同学能够有基础进入互联网行业。这是各种线下和线上培训机构都没有的,我们的课程同样会教给研究生,获得了大学的认可。过去一年我们邀请了上百位P8、P9、P10的老师来讲课,还有清华等各大高校的教授,我们的学生现在遍布各大大厂。

2.有大厂项目实战的机会。我们还和阿里、腾讯、滴滴、携程、知乎等公司合作,为大家提供企业的实战项目。如果你没有大厂的经验、或者本身是转行等等,根本没有机会去获得经验,我们的课程几乎是你唯一的选择。和这些大厂、知名产品的合作,都是官方的,不是你平时找到的各种培训班那种一堆虚假信息。很多培训班号称的名师、名企,往往都是假的,从平时知群联合的企业、专家当中,你可以看到行业内对知群的认可。

3.在知乎里,知群的信誉度很高,你不用担心各种托儿,还有很多官方的内推机会。我是知乎里关注人数最多的产品经理(136万人关注),知群现在全职兼职的同事有上百人,我们不是一个小培训班,而是互联网大学。从知乎官方,到阿里腾讯滴滴等很多企业,都在和知群合作。我们的内推系统现在有两百家以上的公司和团队在接受内推。

知群是什么?

知群是互联网大学,我们要在中国的大学教育中做一些创新,让知群成为大学教育中很好的补充。过去几年,南方科技大学、西湖大学的创立,其实都是为了解决大学教育的问题,这些大学其实都是由科研人员在主导的,更多的关注大学里能做出多少科研项目。但是实际上,大多数学生最终会到企业、产业界工作,这些同学往往没有得到很好的培养。而一些已经在企业工作的同学,也没有更好的提升途径。这里的教育更是需要改革,需要能够真正让大家学到知识和能力。

知群要用互联网的方式做一个西湖大学式的学校,用互联网来提升效率的效率,让更多的人由获得优质教育资源的渠道。互联网不仅仅能够叫外卖、买菜、打车,还能够革新教育。而在中国,大学教育才是现在最需要改革和优化的。

一些误区:

现在经常动不动有人说,知群就是教小白的同学,其实,知群有很多同学来自哥大、布朗大学、国内的各大名校,还有阿里腾讯字节美团的员工、国外的苹果、Facebook、Google、微软等的员工。这些背景够好吧?美团一个团队的负责人,就在知群学习,还有几个即将上市的公司的团队负责人,也在知群学习。有知群的同学通过学习,直接拿到了字节等公司的 Offer,最近还有很多同学的视频分享会发出来。

还有人说知群的同学是不是背景都太好了?所以我可能跟不上?但是知群同样有中专背景的同学,也在一家大厂。我觉得每一个人都不容易,但是每一个人都在前进。这个世界上的很多机会就应该是公平的,有梦想的人,就应该有更多机会。

针对一些互联网圈的朋友:

我也希望很多互联网行业的同行能够明白,我们在做一件很好的事。有一些人可能因为误解、或者因为潜意识里的傲慢,觉得知群是培训班如何如何。我想告诉大家,知群是互联网大学,我们的使命就是改变大学教育,让更多的人能够有机会接受良好的教育。现在在很多公司里都有知群的学生,很多大厂的P8、P9、P10级别的同事来知群做过分享,很可能以后你的同事、你的老板都和知群有联系。我们现在同时还在帮很多大厂招人,以后你在互联网行业发展,知群就是你很好的助力。

我们现在有一个免费的训练营,会将我们和阿里腾讯等合作的实战项目,质量很高,如果你希望入行或者提升,可以报名:

发布于 2021-05-10 11:32

谢邀!

1.什么是UI设计?

《百度百科》中对UI设计作了这样的定义:“UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”


用户界面(User interface) ,用户界面是一个比较广泛的概念,指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面。我们通过这个界面向手机发出指令,手机根据指令产生相应的反馈。设计这套界面视觉的人称呼为UI设计师。



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


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


UI设计是近年来关注度非常高的一个行业,UI设计师也是引发了很多人的关注。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工,以前UI设计不受重视,所以美工地位不高,现在随着UI设计的兴起,美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人,而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。


在这个颜值当道的年代,UI设计师的水平高低直接决定了互联网产品(不伦手机还是PC)的颜值。撇开产品的质量,用户接触产品的第一印象,就是UI设计师的杰作,对于很多受众来说,一旦产品的颜值/第一印象达不到标准/审美,那下一步就是直接拜拜了。


一个好的UI设计师,能给予产品一张标致的脸,能赋予有趣的灵魂新的价值,所以说UI设计绝不是打杂美工。



2.UI设计师的分类:

在PC端从事网页设计,我们称呼WUI(Web User Interface)设计师或者网页设计师。PC端UI设计,也就是电脑用户,界面指的就是电脑上的操作界面。像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等,都属于PC端UI设计。



在移动端,从事移动设计的称呼为GUI(Graphics User Interface)设计师,因为移动端会有大量图形用户界面设计。也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面,QQ聊天界面,手机桌面,手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。



另外还有游戏UI,和其它UI ,比如像VR界面、AR界面、ATM界面、一些智能设备的界面,比如智能电视、车载系统等等,用户较少,但又需要,未来有可能很火,有可能保持现状。


3.学习UI设计需要学习哪些软件?

软件的掌握是一种硬技能,不管我们有多好的想法,都需要好的软件掌握来实现。我们需要掌握软件的基础操作,例如Photoshop中的形状工具、钢笔工具、文字工具、图层样式 。也需要了解曲线、色阶这部分图像调整功能。下面介绍一些在UI设计中常见的软件。


Photoshop:是一款老牌像素处理软件。主要处理以像素所构成的数字图像。在图像、图形、文字、视频、出版等各方面都有涉及。各种设计行业图形处理都会用到Photoshop,可以满足UI界面设计的日常需要。


Illustrator :是矢量软件,广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等。在处理一些及其复杂的图形路径时候,可以考虑使用Illustrator ,也有设计师所有的图标在Illustrator 中完成,然后连接嵌入到Photoshop。



After Effects:现在扁平化设计成为主流,所以动效设计成为不可或缺的一部分。可通过这个软件设计动效平滑切换界面。



Axure RP:是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。





3.学习UI设计需要构建哪些知识体系?


首先我们要知道在实际工作中“UI设计师主要是做什么事儿?”

APP界面设计(IOS和安卓)、网页设计、banner设计、H5界面,这些都必须熟练掌握,也都是重中之重。


经过对设计知识的重新梳理,我将所需要掌握的基本设计技能归纳为以下几点:

色彩:需要理解色彩的基本原理以及配色方法。色彩很难把控,因为它很容易被过度使用。如果,你还是一个初学者,那么尽可能使用柔和的色彩,仅在需要强调的地方使用更醒目的色彩。



字体与排版:文字往往占据整个设计内容超过80%的区域,所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。



动效:动效能够显着增强一个应用的用户体验。他们能使你的应用更有生气和迷人,前提是你所设计的动效快速、流畅,并且是符合用户预期的。



图标:优秀的图标往往与我们每天见到的事物紧密关联,比如 相机、垃圾桶、云等等,能让人一眼就识别出它所代表的功能。因此,使用那些具有良好辨识度的图标,避免让用户产生混淆。



UI要掌握的知识技能确实很多,但是你要是把顺序搞错了,你将浪费很多时间,走很多弯路。


先从网页设计开始,同时学习平面设计的基础(三大构成,排版配色等)。然后再过度到APP,这样你会相对容易很多。


图标之类的平时也需要多画画,特别是布尔运算要熟练掌握。图标这些可以让你对软件操作更加熟练,对图形的把握更加准确。能够根据产品的特点自己绘制一套符合产品个性的原创小图标。


审美必须长期去培养,做的东西丑,主要是审美差,多看看优质的设计案例,多整理个人素材库,看到好设计及时收藏归类。审美提升这个过程是比较漫长的,只能多看、多分析。累积到达一定程度,会豁然开朗,立马开窍的。


界面设计是最重要、也是最难掌握的。需要多花心思去分析需求,提炼信息,合理的布局排版,遵循交互逻辑,避免犯错。


banner设计要加强练习,保证信息传递准确的前提下,提升设计形式感,包括文字的变形组合,色彩的搭配,背景氛围的烘托。这是设计师日常工作中非常重要的一部分。


当你能轻松的设计出合格的界面了,接下来再搞搞AE小动画,Axure原型等等。记住,一定要抓重点,界面设计是最核心的。


你一定要做出拿的出手的成套的作品,并且要对自己做的东西有一个深刻的理解,要说的上来为什么要这样去设计。




4.UI设计师的基础修养


大局观

在进入一个未知的领域前,必须先了解这个领域的架构,待有了比较全面认知后再深挖,这其实也是大学专业课程设置的思路,先学习一门导论课,了解基本概念,再进入细分领域。同理UI设计,先对整个行业有总体认知,再去学技法层面的内容、规则,慢慢把知识库填充完整,这样,在学习前,就能做到心中有数。


知识和技术基础

如果说程序员一天中大部分时间都在当码农,那么设计师的时间都留给了Ps和AI这种图片处理软件,而这些也正是“美工”称呼的来源。娴熟的技法,是完美展现设计作品的必备条件,作为UI设计师,掌握这些常用软件也就成为了人人都会的基本功。


绘画基础

有人以为,设计师只要去图库网站找一些素材,借助工具进行修饰即可(这就是真美工了),借鉴固然是一种能力,但当你的技法娴熟到一定程度,就可以尝试创作,在知识和技法的积累上创作属于自己的作品。


各平台设计规则

iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好,在移动端,连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。遵守这些规则也是业内的一些最基本的规矩了。


理解能力

产品经理常常会直接发需求文档给设计,能读懂产品文档、快速分析需求,定位出风格、色调、元素,最后迅速把产品需求视觉化,就是产品经理们最爱合作的设计师了。当然,与之相对的沟通能力也非常重要,千万不要发展成产品经理和设计师互杠互怼的情况。



5.UI设计师的进阶修养


个人审美能力

为什么我们总喜欢发现新的事物并趋之若鹜?读与设计是来说除了应用本身生产的优质内容外,设计感是很重要的一点,那什么是设计感呢?投射到设计师身上,大概就是设计师自身的审美意识了和认同感了。

至于审美意识要如何培养、提高,日积月累地浏览、学习、反复思考、琢磨,一千个人心中有一千个哈姆雷特,相信每个人的积累也会诞生出不同的东西。


用户体验

除了设计界面的UI设计师之外,互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题。但对于一个互联网产品的视觉设计,懂产品,懂用户,才能诞生出大众喜爱的产品设计。


交互设计

很多人分不清交互和UI,UI主要做的是图形用户界面,也可以称为GUI设计师;交互设计主要做处理点事人机互动的界面,任何与机器打交道的过程,都需要交互设计师来参与。

但坦白说,现在的App中,有多少操作能把UI和交互完全清楚地剥离开来呢?一个好的产品,需要美观的界面和顺滑的交互,也就离不开设计师两种能力的相辅相成了。尤其现在,设计趋向扁平化的时期,只要遵循设计规范,交互设计甚至能出了设计稿后直接给开发去实现,单纯UI设计的存在感日益弱化。


代码能力

这几年互联网产品最火的推广方式是什么?

自然是H5!

那么如果一个设计师既能做好设计,又能完善布局前端代码,那么只要有一个简单idea,经过你的手就能完全实现。这种复合型人才会是多少公司争抢的对象呢?这就得看你个人能努力到哪一个程度了。


好了,今天就先回答到这里,看完别忘记点赞哈~~~

如果关于UI设计还有不懂的行业问题都可以私信我,看到后我会及时回复的。

编辑于 2019-08-20 15:38

1. 什么是UI设计?

UI指的是用户界面(User Interface)。用户界面 (UI) 设计指的,是设计师在网页、软件或移动设备等中构建界面的过程,重点关注外观或风格。UI设计师的目标,是创建用户觉得易于使用、令人愉悦的界面。

2. 要做出好的UI设计,你需要掌握以下3个核心原则:

  • 聚焦在用户的可用性之上

用户其实没有你想象中在乎设计的视觉,他们更在乎设计如何让他们以最省力的方式达到目的(即业务最想让用户完成的任务)。因此,好的UI设计应该是"隐形的",通过一系列的设计布局让用户在不知不觉见完成任务。

所以,UI设计师在开展设计之前仔细查阅业务的用户旅程地图就相当有必要。

  • 为用户带来愉悦的使用体验

当你的设计满足了用户需求时,这种享受和喜悦会促使用户继续回来使用。在适当的情况下,游戏化元素可以使UI设计更有趣~

  • 传达品牌价值并加强用户的信任

好的UI设计是一种情感设计,用户在界面中的交互体验是与品牌交谈的过程,良好的体验感可以提升品牌在用户心中的好感与信任感。

3. UI设计都用什么软件?

在UI设计工作流中,既要承接产品经理、交互设计师的产品需求,又要对接开发以推进产品的最终实现,所以传统的UI设计工作流,需要使用很多工具,UI设计师要完成一个项目,往往需要在多款设计工具上来回横跳:

但好消息是,有一款设计工具可以省去这些繁琐的导入导出操作,真正做到“一个团队一个工具,一个项目一个文档“,那就是Pixso!做UI设计的软件,皮仔必须积极的自荐一波!


无论是有丰富设计经验,用过PS、AI或Sketch等软件的设计老油条,还是UI设计小白,使用Pixso可以说是0学习成本!除了传统软件的功能以外,Pixso还有不少额外的优势,且听我展开说说~

一、UI设计:在线矢量设计,多种工具轻松操作

首先,Pxiso无需下载客户端,支持导入Sketch、SVG等文件,随时可以迁移至Pixso进行设计。

灵活的钢笔工具,不同于Sketch只能在线上增加点或移动单个点,Pixso可以通过移动矢量的线,所有连接的点也可以自动跟随。

另外,还可以支持对矢量线组成的不同区域进行填充颜色。(´・ᴗ・`)

布尔工具、蒙版工具,径向渐变,可以满足不同的设计场景。画板工具,可以让您轻松对齐调整复杂图形。

二、交互原型:高保真原型交付,组件样式可复用

在Pixso,不仅支持一键商用海量全球知名大厂设计资源、快速绘制高保真原型,还能设置页面跳转、转场与时长等原型动效。

同时,设计组件和样式都可以复用,设计师修改后原始组件即可同步更新副本组件。在进行版本迭代的时候,也只需要修改组件和样式,不用一切从头再来。

团队可以共享一套资源库,统一管理设计资源,并形成产品独有的设计规范。再也不用手动分发给团队成员,也不用担心牵一发而动全身地修改设计模块了。( • ̀ω•́ )✧

三、评审:一键交付告别繁琐,异时异地在线评审

传统的设计研发交付,需要借助3款以上的软件。零散式交付,无有效的版本控制,切图和标注繁琐且容易出错。T^T


现在,产品研发场景使用Pixso只需要一个链接,就可以同时完成预览、评审、标注查看和 切图。(..›ᴗ‹..)

四、标注切图:自动代码交付,模拟产品最终形态

除了以上,Pixso还具有自动标注功能,标注会按更新的设计稿自动生成,研发可以自动获取代码并复制,有效缩短开发周期。设计师只需生产一个图标,研发就可以直接导出多倍图(x1、 x2、x3...),大大提高工作效率!

Pixso优势总结:

✔线上协作,云端储存,减少设备运行、储存成本
✔团队资源库,提升工作效率,统一项目视觉效果
✔一键交付,节约沟通成本和信息误差
✔进度实时查看,自动代码交付,让项目进度透明化
最后,用一张图来展示目前市面上UI设计工具的主流功能,以及Pixso的具体表现。


洋洋洒洒写了这么多字,希望这份介绍能让题主更了解UI设计~ Pixso的模板社区还有海量的设计资源和素材可以一键复用、学习临摹,感兴趣的欢迎来体验一下!限时注册,永久免费使用!

编辑于 2022-02-15 14:07

近些年随着互联网行业的发展和智能手机的普及,UI设计也逐渐被越来越多人所接触。UI设计目前在整个设计行业可以说是起薪最高的设计方向,以北京上海一线城市为例,基本平均工资都在1w以上。尤其前些年,UI设计职位面临缺口,优秀的UI设计师十分抢手。

互联网从业十余年,在互联网大厂分别从事过UI设计师、交互设计师、产品经理等职位。今天借这个回答,把自己对这个行业的理解及日常的书籍积累,详细整理一下,希望对初入行的你有所帮助,终结此题。

全文6k字,需要安静下来15分钟读完,一定有所收获~

正文开始!

一、UI设计定义

先从UI设计的定义开始说起,先来看一下UI设计的官方定义~

定义:

UI英文全称是user interface,翻译过来是用户界面,对应的职位就是UI设计师。
很多人建议将“界面”应该解释为“介面”,指的是人机交互过程中的中介,更能表达它的含义,它的实际应用是很广泛的。
而今天我们所说的UI设计主要是指软件的界面设计,简单来理解UI设计,即所有带屏幕的设备(如手机)、仪表盘、中控中涉及到的界面视觉。目前应用最多的是app、网页相关的界面设计,UI设计师的工作是将原型图进行视觉输出,形成最终用户看到的界面。

简单理解就是手机APP、电脑网页、电子产品屏幕、小程序、AR、VR、其他设备等用户看到的界面视觉,它包含配色、界面构图、banner图、按钮设计、图标设计、字体设计、插画设计、动效设计、切图及设计规范等具体的工作内容。通常UI设计师与交互设计师、程序员形成上下的工作衔接,共同完成用户使用的产品。

下面列一下UI设计师的工作内容~

二、UI设计的工作内容:

对接交互设计师,确定产品整体风格
页面整体视觉制作,包含页面风格、配色、界面构图等
页面细节制作,包含按钮、图标、图例、banner图等
设计规范与切图标注
对接程序员,协助产品研发

下面具体多图展开说一下UI设计师所需要具备的技能:

1.配色

配色决定了整个产品的设计风格,一般来说app产品由1个主配色+1-2个辅助配色组合而成,体现产品属性,整体上给用户一个直观的感受。

2.界面构图

常用的构图有三角形构图、S形构图、圆形构图、方格构图等形式,将内容进行重要级别区分,并以一种最清晰的方式进行展示。好的构图设计,让用户对页面内容一目了然。

3.banner图

网页广告展示图(banner图)也是UI设计师的工作内容,一般Banner图会根据节日、企业宣传、特殊需求等原因进行更换,所以UI设计师会定期对banner图进行设计,用来符合当下的需求。

4.按钮设计

页面需要针对不同的需求级别进行按钮设计,方便用户更快的识别按钮功能,减少误触。

5.图标设计

按钮一般都是成组的设计,让整个软件风格统一,识别度高。

6.图例设计

用的网站会涉及到图例、插画、图表的视觉设计,这也是UI设计师的工作内容。

7.字体设计

页面的字体、字号选择会影响整个界面的风格,通常正文字体会选择一些通用文字,设计师主要负责选择,而标题或艺术字体UI设计师可以进行对应的文字设计。

8.动效设计

动效设计作为资深Ui设计师加分项,这些年来被越来越多的大厂所看重,通过动效设计方便展示页面功能,也为页面增加了一些乐趣。



9.切图及设计规范

规范切图,能让程序员在后续的开发中更好的还原设计师的创意,减少误判。在切图过程中需要做好效果图和切图文件夹,并配合相应的设计尺寸说明,这样就方便了与后续跟研发人员的沟通成本。

所以UI设计师的设计技能是十分全面的,好的设计可以让产品使用起来更加简单、美观、高效,整体提升软件的品质,因此具有经验的资深UI设计师对于产品设计至关重要。

了解了UI设计后,再来说一下其他相关的职位名词,以及这些职位之间的逻辑关系,相信读后你对UI设计的理解会更加深入。

三、相关概念区分:UI设计、交互设计IXD、服务设计、人机交互、用户体验设计、产品设计

1. UX(UE/UED) 用户体验设计

先从UX开始说起~

定义:

UX英文全称是user experience,翻译过来是用户体验,UE是user experience的另一种缩写形式,也就是说UX就是UE,具体叫什么看每个公司的情况。UXD就是用户体验设计师。简单来说,用户体验是指用户在使用产品或者系统的整个过程中的主观感受。就是说这个东西好不好用,用起来是不是方便。它包含了用户在整个使用过程中的体验、感受、情感、心理认知、印象认知等多各个方面。

职位工作内容:

制定并优化品牌策略与设计理念 进行用户研究与系统调研 梳理产品需求与业务梳流程 进行商业分析完善数据模型 对设计方向的把控及产品细节优化 提升用户体验与产品性能

详解:

用户体验是一个非常主观的概念,重点在于用户在使用产品的过程中的心理感受是不是友好的,满意的,甚至是有点爽的。因此一个好的用户体验产品,不单单指功能需求是否完善(pm)、页面逻辑是否清晰(IXD)、界面是不是好看(UI)、使用是否流畅、性能是否稳定(程序)…而是指全部能被用户感知的体验,当然也包含上述全部内容。

所以UE的工作在整个互联网职位中,既跟每个职位都有关系,又脱离于整个研发团队。很多互联网大厂,用户体验设计师,都是一个独立的部门存在,用来把控整个企业策略、产品设计标准及未来的优化体验方向等。

为了更加直观UE包含的职业内容,我将互联网用户体验设计相关内容进行梳理,做了一个图方便大家理解:

可以看到,用户体验设计师对知识体系的理解是全面的,是一种综合的方法论,指导整个团队及项目,提供更好地用户体验给用户,从而达到宣传品牌和企业形象的目的。

对于初学者相较其他名词,UE的概念确实相对难以理解,先不急,往下看,都看完之后,反过头来就会清晰很多了。

IXD 交互设计

下面说一下IXD~ ~很多初学者容易混淆UX和IXD,也就是用户体验设计和交互设计之间的关系。主要是两方面原因,一方面很多公司不是两个专业方向都设有独立职位,尤其小型公司,可能不涉及到UE设计师的工作内容,因此只有IXD;再者,对于找工作的同学来说,这两个职位可以同时投递,也是由相同学术背景的人组成的。所以,他们的工作内容虽然有所区别,但也不需要过分区别这两个工作方向。

下面具体聊一下,交互设计师的定义和工作内容。

定义:

IXD英文全称是Interaction Design,翻译过来是交互设计。 下面是国际体验设计协会(IxDC)和美国交互设计协会(IxDA)对交互设计的定义,都比较晦涩难懂,大家可以参考理解一下: 交互设计,又称互动设计,是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(即人工制品在特定场景下的反应方式)相关的界面。 —— 来自 IxDC 以创造有用且实用的产品及服务为宗旨,以用户为中心作为设计的基本原理,交互设计的实际操作必须建立在对实际用户的了解之上:包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发,同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系,交互设计师为复杂的设计挑战提供解决方法,同时定义和发展新的交互产品和服务。” —— 来自 IxDA

IxDA的解释相对容易理解一些,但是还有有一些难懂。我来简单说一下,交互设计师的工作就是通过一系列方法,让产品使用起来既满足用户的功能需求,又让产品体验感更舒适、互动性更友好、界面更好看。

职位工作内容:

协助产品经理进行业务逻辑梳理 根据产品出流程图、信息架构图 制作交互原型图 根据业务进行原型图几轮修改 高保真原型图制作 确定设计规范包含效果、交互等 对接UI设计师,确保视觉符合产品功能 对接程序员,协助产品研发、测试、上线

详解:

通过上面职位要求的详述,我们就比较清晰了解IXD和UE之间的工作区别了,交互设计师的工作,更加专注于产品和设计本身,把一个需求或者概念,从零到一梳理出来、清晰化并最终具体形成页面。因此无论是app产品还是页面产品,交互设计师的工作内容都是很重要的,当产品还是需求或者设计文档的时候,是如何一步步梳理成最终用户看到的页面逻辑和内容,是很关键的。

交互设计师需要通过整个产品的前期调研,将需求进行流程图产出、信息架构图梳理、原型图制作、交互形式等具体方式形成页面逻辑和布局。然后交给UI设计师,进行视觉呈现。

翁同学课题设计——流程图


翁同学课题设计——信息架构图
马同学课题设计——原型图

除了流程图、信息架构、原型图这些主要产出外,交互设计师还需要考虑一些具体的设计细节,作为产品的整体指导。我做了一个图如下,列了一些需要考虑的方向。

这些设计内容,可以对整体页面有一个系统的规划,为后续UI设计师做界面提供参考。

GUI 图形界面设计

定义:

GUI有两种解释,一种是Graphical User Interface,翻译过来是图形用户界面;另一种是Game Interface Design,翻译过来就是游戏界面设计。

详解:

UI设计师和GUI设计师什么区别呢?很多公司的招聘信息写的不太一样,这个在具体找工作的时候看岗位需求就好了,不需要过分纠结其区别。

目前GUI的工作范畴跟UI设计师是基本一样的,主要职责是做好界面的视觉设计。这包含:设计风格、配色、图形设计、界面布局等方面。如何将页面做的美观、吸引人、易用性,是GUI设计师的重要工作内容。

还没聊完,干货继续~

为了更加清晰上面这些职位之间的逻辑关系,下面我在展开聊一下,互联网研发团队的具体工作流程是什么?每个职位具体处于什么位置?

互联网产品设计流程:

用户体验设计师负责整体的大方向的统筹规划及用户体验优化提升。

产品经理在了解市场需求及痛点后,经过系统性的用户和领域调研来定义产品的功能和架构,形成设计文档。

交互设计师在设计文档的基础上,梳理出逻辑框架、流程图、功能布局、交互细节等内容。

UI设计师再根据原型图的结构和功能,进行视觉设计。包含配色、图标设计、插画、按钮、布局、Banner图等方面。页面制作完毕后,进行切图及尺寸标注。

前端工程师实现动态页面,后端工程师进行后台搭建及动效优化。

最后由测试团队进行内测,发现问题后,返给相关的负责人。比如说页面视觉问题,反馈给UI设计师;页面使用不流畅问题,反馈给程序等。

一个完整的互联网产品的制作流程大概就是这样,每一个职位和环节都是不可或缺的,最终形成我们使用的优秀产品~

好啦,互联网相关的关键词到这里就介绍完了~相信这部分内容,让你更加清晰什么是UI设计,相关的学科都有什么,以及工作中是如何配合的。

接下来聊一下其他几个关联学科“HCI、ID、Service Design”,如果不需要的了解的小伙伴可绕行下一个部分!

HCI 人机交互

定义:

HCI英文全称是Human Computer Interaction,翻译过来是人机交互,简单来说就是人与计算机之间的互动。相较IXD交互设计,它更加偏向计算机方面,这就是为什么很多国外的大学将其设立在计算机学院里面。由于其综合性,其专业涉及到计算机编程、界面互动、计算机图形学、社会学、心理学等多个学科。

详解:

对比HCI跟IXD,两者在设计方法、设计原则、行为研究等方面的研究方法是一样的,因此很多岗位是相通的。而区别在于,HCI更加偏重人与计算机之间的互动,所涉及的专业领域比较广泛,是一个很挑战发际线的专业~而交互设计更加偏重产品用户调研、界面原型制作、设计能力及软件实用等实用方向,如当下比较热门的互联网交互设计师。

复杂的学科其实是很难用一两句话说清楚的,简单来说就是,在学术层面学习的侧重点不同,而在具体就业过程中,两者是可以根据具体的岗位需求互通的。

关于HCI涉及到的专业领域图示

ID 工业设计

定义:

ID英文全称是industrial design,翻译过来是工业设计,现实工作中也可以被称为产品设计,这个相较其他名词还是比较容易区分,是一个独立且全面的学科。工业设计又称工业产品设计学,工业设计涉及到心理学,社会学,美学,人机工程学,机械构造,摄影,色彩学等。

详解:

之前有一篇多图讲解工业设计方向的文章,比较直观,可以阅读看看,链接如下,这里就不做赘述了。

Service Design 服务设计

定义:

Service Design翻译过来是服务设计,服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素,从而提高用户体验和服务质量的设计活动。服务设计将人与其他诸如沟通、环境、行为、物料等相互融合,并将以人为本的理念贯穿于始终。

详解:

上面是关于服务设计的定义,相较交互设计,这个学科综合性更强,不仅需要考虑用户使用体验层面,还需要全面系统研究整个行为过程、环境、涉及到的双方甚至三方之间的关系,最终根据系统研究导出符合用户需求的产品、方法或系统。

关于HCI、ID、Service Design这几个学科方向,由于学科过于复杂,我之后会再出专门的文章展开详说,本篇主要侧重对比和学科间扫盲。

好啦,以上已经说完了所有的名词,小结一下,这些专业方向之间的关系又是如何的呢?

各学科关系图

2008年,Dan Saffer在其《交互设计指南》中发表过一张图,阐述了用户体验设计及其相关专业和学科的逻辑关系图。

这张图大家应该也不陌生,如下:

2009年更新如图

里面不仅涉及到交互设计、视觉设计、产品设计、人机交互等方向,还涉及到了一些其他的相关学科,比较复杂难懂,我将其进行了简化,只留下了我们今天正在讨论的这些专业,做成了下图:

通过上图就可以比较清晰的看到各学科之间的关系了,在综合整篇文章对各学科的分别讲解,相信你已经对这些学科有了更加清晰的认知~

以上

参考资料与拓展阅读:

1. 拓展阅读:

这是之前写的一篇相关回答,有需要可以阅读:

2.其他干货请查看我的专栏

3. 参考资料:

二十世纪90年代由“唐纳德·诺曼”(Donald Norman)提出,2002由加瑞特(Jesse James Garrett)在其著作《用户体验要素》中提出用户体验分为五个层次,如下图

4. 相关书籍:

推荐几本相关交互和互联网相关书籍如下,可以拓展阅读:

编辑于 2022-08-28 13:08

一.UI设计概念

UI即User Iterface (用户界面)的简称。

UI设计则是指对软件的人机交互,操作逻辑,界面美观的整体设计。好的UI设计不仅让软件变得有个性有品位,还要让软件的操作变得舒适,简单,自由,充分体现软件的定位和特点。图片示例:图1-1. UI设计相关岗位及流程

UI主要分为三大块:视觉设计、交互设计、用户体验

如果把一款软件产品比作-一个美女的话,视觉就是一个美女的化妆和打扮,交互就是一个美女的五官位置及骨骼体态,用户体验就是美女是否善解人意,功能贴心,易用好用等。

视觉UI设计,又被称为GUI=图形用户界面(Graphical User Interface, 简称GU,又称图形用户接口)。主要解决软件产品风格,例如商务风的,女性化的之类的,对图标及元素进行尺寸及风格上的美化,在产品的功能辨识性及控件统-一性,美观性上进行设计。

交互UI设计,又被称为Ixd=交互设计,(Interction Design 的缩写),是定义、设计人造系统的行为的设计领域。主要解决页面跳转逻辑,操作流程,信息架构,功能页面布局,事件反馈,控件状态等问题。

用户体验设计,又被称为UXD=用户体验设计(英语: User ExperienceDesign),是贯穿于整个设计流程,以调研挖掘用户真实需求,认识用户真实期望和内在心理及行为逻辑的一套方法。使用数据建模测试等手法来辅助提升软件产品的易用性,用户粘性,用户好感度的- -种综合工作方法。

二.UED团队的组成

互联网公司的UED团队组成成员:

●UI设计师: User Interface Designer

●交互设计师: Interaction Designer

●视觉设计师: Visual Designer用户研究员: User Researcher


●用户体验设计师: User Experience Designer

●产品经理: Product Manager项目经理: Program Manager

●前端工程师: Front End Developer

●原型架构师: UI Prototyper

●内容设计师: Content

●Designer运营设计师: Operations Designer

三. UI 设计师职业发展规划

UI设计师的职业规划:

UI设计师分成2种路线,第一种是视觉设计做到底竖向发展的UI设计师,第二种是横向发展的设计师,2种设计师的技能轴模式是不一样的,按每个人的性格及志向,2种设计师在行业中都十分受欢迎。

1.新手UI设计师:

熟悉操作基本的Ul绘制软件,如PS,AI, SKETCH,XD等,能按照产品交互提供的线框图绘制UI视觉:能按照功能绘制相对的图标,知道图标的尺寸规范,配色统一性等,能很好的诠释图标的功能寓意:

能按照每个平台绘制适合这个平台的UI控件,能准确的切图及标注坐标及字号,能按产品定义绘制,界面风格及元素图标,着重软件及视觉表现,辅助资深设计做一些 简单的界面设计。

2.进阶UI设计师:

在新手UI的基础上,有一定的沟通能力及项目经验,知道如何凸显界面上的信息层级,做出来的界面成熟层级清晰有节奏感,赏析悦目。对流行趋势的把握,擅长多种风格表达,有- -定的自我设计认知及设计偏好。开始研究产品定义及用户体验对界面的影响,能保质保量完成部分模块的界面设计,切图交付。开始着手于更多的软件,如交互动效类,交互线框原型类的软件的探索及使用。

3.高级UI设计师:

能够独立完成落地一个软件产品的整体设计,设计出符合此产品风格,且兼顾当下UI流行趋势的设计。经历过APP,网页,运营,PC,平面视觉等多种项目,能独立完成产品从0到1的线框原型,熟悉各种UI设计规范,本身除了视觉设计,还有交互动效,3D表现,运营插画,HTMLSCSS3 等各种拿得出手的附加技能。

4.资深UI设计师:

除了能很好的完成软件的整体设计外,能很好的与客户及产品,总监,程序沟通,理解产品需求,对软件整体框架,交互操作流程有整体认识,而不仅仅以好看不好看作为一个产品UI设计的评判标准,会按公司能力和项目时间,合理的调配设计时间资源和输出方案。会竞品分析,会多种用户体验调研手法,佐证自己的设计,会加入到自己项目的后续上线测试及迭代中,懂使用数据及调研驱动设计升级,熟悉程序开发框架。

5.首席UI设计师:

把握公司产品的整体的设计方向,深入了解公司业务流程,定立设计标准及规范,主要视觉建议UI规范文档,做出公司产品强有力传播价值的设计风格。参加UX,UI方面展会论坛,实现公司设计价值输出。

6. UI设计总监:

对接客户及公司高层,协调公司的设计资源,管理项目资源,建没设计团队,积极推动项目进展,及总结报告向高处及客户汇报。

竖向发展的UI设计师技能为:

1. UI视觉设计

2.产品交互架构

3.用户体验方法

4.产品项目管理

5.代码框架设计

6.运营插画设计

7.动效原型表现

8.数据调研分析

多管齐下提升以上8个技能,甚至将来夸专业,直接转型成为产品经理,交互设计,用户体验设计,创业公司合伙人,数据分析师,前端等岗位。图片示例:图1-3.UI设计师技能

四.UI 设计师收入

1.1~ 2年初级设计师,基本收入在6~ 8K之间,优秀的可以超过8K

2.2~ 3年中级设计师,基本收入在8~ 12K之间,优秀的可以超过12K

3.3~ 5年资深设计师,基本收入在12~ 15K 之间,优秀的可以超过15K

4.5年以上高级设计师,基本收入在15 ~ 30K之间,优秀的可以超过30K

5.首席设计师及总监管理岗,基本收入在20 ~ 50K之间,优秀的可以超过50K图片示例:图1-4. UI设计师收入

发布于 2019-12-13 16:34

UI设计作为互联网的基础工种之一,很多人分不清他和美工有什么区别,觉得无非都是画画图美化一下界面而已,如果你对UI的认知只停留在这个层面上的话,那你大概率很难再向上提升。

UI 是指图形用户界面设计,从广义上来讲产品的功能架构、页面布局、内容信息都属于 UI 的范畴。

这张图大家可能都看过,是我八九年前开设计公司时画的,放到官网上,被很多人引用。

UI 设计师作为互联网行业的一个核心岗位,主要负责各个平台(网页、App、小程序、公众号……)的产品的视觉设计工作,包括产品的视觉风格定位、具体界面设计、图标设计(页面里的和桌面图标)、运营图片、开发切图标注等工作,工作过程中要和交互设计师、产品经理、前端工程师紧密配合。

UI设计师入门提升通道: 知群:免费学|设计师的岗位趋势与项目经验准备

最近,我们针对零基础小白组建了【UI学习交流群】,大家会在群里一起交流,学习,分享行业最新资讯,还有入行多年的设计师分享入行经验,欢迎大家进群,一起抱团取暖~

UI 设计师的职责

软件操作只是最基本的技能,设计师最重要的能力是设计思维、设计方法以及职场软实力。

把 UI 设计师的工作放到整个产品设计、开发的大链条中,UI 设计师在现代互联网企业中的职责范畴主要集中在视觉设计、设计还原走查、设计管理这三个方面。

产品、设计开发基本流程如图所示,其中标出部分为 UI 设计师的主要职责范畴。

UI设计师的工作职责

下面具体介绍一下 UI 设计师的工作内容,由表及里可以分为这么五个层面。

(1)界面视觉效果的维护

这部分的工作内容,一般情况下新入行的 UI 设计师投入到具体工作中要做的事情,而已经有一定经验的 UI 设计师也同样脱离不开相关的工作内容。主要是针对于已有的产品界面设计需求的维护

(2)界面视觉效果的输出

这是一部分非常完整的,需要 UI 设计师主导并着重完成的工作。一般情况下,当 UI 设计师拿到了具体的需求后,从一开始的需求分析着手,然后再到界面的视觉设计方案输出,敲定方案后会完成界面的视觉设计细化,以及相关元素输出等工作,最终将完整的设计方案输出给相关的开发人员,界面实现后参与测试,最终推动产品的上线。

(3)解决问题和信息整合

比较纯粹的 UI 设计师,实际上从设计思维上,更多的体现出这两件事:抓住问题的本质,去解决问题;信息的整合以及输出。

UI 设计师要获得这方面的提升,就要不断地思考,将自身投入到反复的设计实践中去,在此基础之上,还要不断地进行理论知识的学习,通过日积月累的叠加经验,才能够逐渐形成完整的设计洞察能力。

(4)重点研究用户需求

UI 设计师,要时刻像产品经理一样,具备一颗同理心,站在用户的角度来看待界面设计,通过用户的视角来思考问题。如果一名 UI 设计师能够站在用户的立场上去看待产品,那么在整体的职业生涯中,以及能力范围内会超出图形设计专家的身份,而具备交互设计师和产品经理的气质。

(5)推动互联网产品的发展

UI 设计师此时能够参与到功能的定义、产品运营策略、产品未来的发展和规划等工作,整体的输出情况更像是一名互联网产品人,会协助产品团队中的各个角色一同推动产品的正向发展。

这五个方面,从 UI 设计师的能力发展轨迹来看,是递进发展逐步深入的,但是在实际的工作过程中,实际上又是交叉并且平行的,只是随着 UI 设计师的能力逐步提升,才会有更加明确的认识。

所以,如果想要从事UI设计,单单学习视觉方面的知识是不够,还要注意思维的培养。如果大家想要系统的学习设计思维与能力,全面提升自己的核心竞争力,可以来参加知乎有百万粉丝的 @马力在知群 马力老师举办的【互联网设计训练营】

马力在互联网有十几年的深耕经历,在知乎有 137 万人关注。开营第一天会由他进行直播讲解,如果你对互联网感兴趣,也可以关注他,去看看他之前的回答,相信也会很有收获。

这个训练营的课程是专门帮助零基础想进入互联网行业,想成为产品经理的同学,里边有很多内容是他原本为清华、北邮、阿里、华为、 创新工场等多家知名高校和企业讲的课程。

里面有专门的课程对应简历修改,作品集准备等入门求职最需要的技能提升。

在知乎也一直被官方推荐:

编辑于 2022-11-19 20:05

UI设计是什么?

做为一名设计师前辈我来帮你和帮想学习UI设计的小伙伴们解答一下这个问题

首先大家先跟着我来了解一下什么是UI设计

我们只有了解了什么是UI设计才能进一步的学习。

什么是UI设计?

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

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

移动端互联网时代,每位同学都有一部智能手机,手机里面看APP界面图标,我们可以称为用户界面,也就是我说的UI设计。简单的来说,UI设计师就是负责设计这些在电子屏幕上显示的产品,(包括游戏UI,网页端,手机,以及目前比较火的VR,AR,其他设备端等)

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

UI设计起源于美国硅谷,UI设计是2012年由硅谷传入中国,UI设计随着互联网行业的兴起和智能手机的普及而火的一发不可收拾。

UI设计是最近几年在国内火起来的,目前UI设计师的平均薪资是国内设计界薪资最高的行业,在北上广深杭这些一线城市UI设计师的平均薪资1万以上。从薪资不难看出UI设计这个行业目前在国内真的很火。

UI设计师需要做的工作有,APP界面图标设计,视觉设计,运营插画设计,交互动效设计,原型图设计,平面设计,小程序设计等。

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

UI设计按行业一般分为4种行业

分别是移动端UI设计,PC端UI设计,游戏端UI设计,以及其它端UI设计。

第一种:移动端UI设计

那么什么叫移动端UI设计呢,移动端UI设计就是手机平板上的APP设计,比如微信聊天界面,QQ聊天界面,手机桌面,手机上看到的所有图标界面点了后会有反应的我们都可以理解成移动端UI设计。

那么我们来讲解一下移动端UI设计师的工作内容有哪些?移动端UI设计师的工作就是我们的APP界面图标文字按钮等,这一块就是我们移动端UI设计师要做的工作,要做好这份工作的话我们需要学习的东西有很多,比如说要懂理论,要懂用什么颜色,要用什么字体,要用什么版试这些都是需要学习的,看似简单的一个设计往往来说难度性都挺高的,并没有看上去那么简单。不然现在的UI设计师的工资也不会这么高了。

第二种:PC端UI设计

PC端UI设计就是我们电脑上的软件和网页按钮,比如电脑版的QQ,微信,电脑管家和网页的一些按钮图标等都属于PC端UI设计。

其实移动端UI设计和PC端UI设计是差不多的,只不过平台不一样。PC端的载休是电脑,移动端的载体是手机。

第三种游戏UI设计

那么什么是游戏端UI设计咧?比如王者荣耀,英雄联盟和一些其它游戏中的登录界面、都是属于游戏端UI设计。

目前游戏端UI设计在近几年发展并以前没有那么好了,主要是因为现在腾讯网易这些大公司已经把游戏的市场站领了,其它的都是一些小公司,所以这个行业发展没有之前那么好了。而且游戏UI对美术基础要求也比较高。

这就是类似游戏的界面,这里面的按钮就是游戏UI设计师用手绘板画出来的,做这个工作的话必需要有美术基础,大公司还要求科班出身,所以这个工作也是比较累的,所以我建议大家做UI工作的话可以选择移动端UI设计,因为目前移动端UI设计比较火。

第四种:其它UI设计

最后一种就是其它端UI设计,像VR界面、AR界面、银行取款机界面、这些都属于其它端UI设计,其它端UI设计用户较少,但又需要,未来有可能很火,有可能保持现状。

今天有关什么是UI设计就回答到这里啦,希望对你和对想学习UI设计的小伙伴有所帮助。下次再给大家分享其它的UI设计干货内容。小伙伴们,我们下次再见。

回答都是原创内容,如果需要转载,请标明出处,谢谢。

发布于 2020-06-18 15:29

2月19日,人社部就业促进司副司长宋鑫表示,2020年高校毕业生数量将创历史新高,达到874万,就业任务很重。受疫情影响,毕业生求职面临不少困难和不便,一些尚未落实工作的毕业生更是焦虑重重。

现在很多的大学都想重事轻松,薪资高的互联网产业,而从事互联网的产业有,UI设计、H5前端开发、JAVA、Python、大数据、云计算,物联网、软件测试等,在纵多的技术职业中,

UI设计是最简单,且最容易入门,而且有一定经验者,薪资过万还是没有问题的。

刚才从大学出来的大学生,怀着一颗澎湃的心,在工作有很多疑问,专业也不对口更是零基础,现在学UI设计还来得及么?都要学哪些东西?从哪里开始学UI?

什么是UI设计?

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

UI设计主要从三个方面进行研究及设计,他们分别是:用户研究、交互设计、界面设计。

通俗易懂地讲,如果是一个人,穿着打扮便是界面设计,举止行为便是交互设计,更多地研究如何更好地和机器打交道。

UI设计涉及方向

  • 网页设计
  • 移动UI界面设计
  • B端设计
  • 小程序设计
  • 大数据可视化设计

车机界面设计

发布于 2020-09-07 22:51

UI设计概念:

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

我们打开手机,显示的界面,如下图

这些界面是UI的一部分,它们属于界面设计;在这些界面上,按提示进行操作,就是交互设计,如向右滑动解锁;解锁成功后,会有一个动画,或放大、或水波纹、或渐隐淡出切换到主界面,这个动画就是交互动效;

进入主界面以后,我们能看到排列整齐的应用图标,比如电话、短信、相机、微信等,这些就是UI设计的图标,而整个过程你看到的所有手机显示的画面,就是所谓的GUI用户界面。不仅如此,手机只是我们日常生活中最常见的一个UI典型,包括智能电视及盒子显示的选择画面、计算机的操作系统画面、ATM提款机的画面、游戏的操作画面、汽车的智能操作画面等,这些都是我们熟悉的UI。

有些界面却不被大众认可,比如在古代,算盘可以说是最早的人机交互界面,通过交互和操作产生输入、输出。而上学时墙上的黑板,老师通过它输入内容,它将信息输出给学生,也属于用户界面。现在的家用笔记本电脑、iPad变成了我们生活的一部分,还有越来越普及的虚拟现(VR), 即使没有点击触碰,通过一个简单的动作,也能产生一个指令输入给界面,然后得到界面然后得到界面的输出反馈,如开启画面等。所以,不要忽略了UI的广泛性。

打开手机系统设置,我们可以看到各种各样针对手机功能的设置及图标,以及那些开关的按钮,如Wi-Fi、蓝牙、移动网络等。对整个界面而言,是否能快速找到自己想要设置的功能、整体设计是否美观、操作是否流畅、是否能让用户在整个操作过程中心情舒畅,这些都属于用户体验。

用户界面(User Interface, UI)包含软件与硬件的人机交互、操作逻辑、行为路径、用户体验、界面排版的整体设计。这里需要注意的是,UI通常指的是我们常见的计算机软件方面,而另外一种人机交互指的是硬件方面,工业上的机械与人沟通的硬件——人机交互(Human-Computer Interaction / Human Machine Interface, HCI/HMI),这两者有所区别。所以,很多声音也在质疑应该称之为“介面”更加合适。早在2004年中国台湾的MozTw论坛中就有人指出:

“界”是“边界”之意,而Interface是“人机之间的‘中介’”,较能得其意。

UI设计主要针对的是软件界面的设计,少量涉及硬件的HMI。对于刚刚接触UI的读者,也不要过于苦恼不知如何区分到底什么才是UI,只需记住这个简述:人对电子仪器中的软件程序产生输入(点击、触摸、填写等),并且收到输出(画面、结果、反馈等)。这样的解释虽然并不完善,但是它对新人来说通俗易懂。

通过以上讲解,大家是否意识到一些平时没注意的问题了呢?为什么有人喜欢用iPhone,认为iOS的系统好,而有人喜欢用小米,认为MIUI系统好?这些实际上说的就是UI,从眼睛看到的到用手操作的,再到使用的体验感受,造就了有的产品大受欢迎并热卖,而有的产品却慢慢被市场淘汰。遥想当年的诺基亚、摩托罗拉,可以说它们的地位在全球是无法撼动的,因为那时候互联网不发达,大家对手机的功能要求很简单,能打电话、能看信息就可以了。随着时代的进步,越来越多的厂商出现了,对手机功能的要求也越来越高,对UI也越来越重视,需要不断地提升用户体验。然而这两大厂商觉得自己的消费者稳定,完全不重视UI和科技的重要性,裹足不前,坚持只做产品本身而不去改善内在,最终遗憾地走下“神坛”被收购,甚至现在已经退出历史的舞台。这都是血淋淋的教训,告诉我们进步的重要性。

同样都是手机,我为什么要选择这个品牌?

每一次的版本迭代(所谓的迭代,就是指某个产品的更新,比如1.0版本、2.0版本等),都是不断地优化和完善系统的用户体验,这种体验不仅仅是与手机交互操作的触感,也不仅仅是视觉感观的风格设计,还包括各种各样的细节和让大众对设计的喜爱与理解。比如,在图1-2中,我们可以清晰地看到2007年苹果第一代iOS1版本的设计和屏幕尺寸,当时的拟物设计风格,一直延续到了iOS6版本,期间个别图标做了轻微的调整和改进。从iOS7以后,进行了飞跃式的大改变。虽然在设计行业里,非常多的设计师对当时的设计风格持怀疑态度,而且细节和规范设计也存在着非常多的问题,让人觉得这根本不是一个手机行业领头的苹果公司应该有的设计态度,也有很多人质疑这是乔布斯去世后苹果的衰落。但是不可否认的是,更多的用户喜欢并且非常接受这样的设计,因为对他们来说,这种“轻视觉,重交互”的操作系统才是这个时代该有的设计。

图1-2 2007—2013年的苹果操作系统一览

UI设计与之前的设计有很大的不同,UI是随着时代不断更新、符合潮流、满足当前用户需求的设计方式,一个产品甚至一年换一个风格。而我们常规的设计,比如平面设计和网页设计,这些通常很难有大改版和大更新,因为这些是需要让用户深刻记忆的,不能总是轻易地变换。恰恰是这种与众不同的设计模式,才让UI设计的岗位需求不断增多。

所以,越来越多的企业更加重视UI的重要性,因为美观的视觉效果和优秀的用户体验决定了每个厂商能否在激烈的竞争环境中生存,我们也因此能感受到移动互联网时代带给我们视觉和体验上前所未有的舒心感。

发布于 2020-11-10 22:16

在过去十几年,移动互联网行业飞速发展,很多应届生以及传统行业从业者都希望进入这个行业寻找更好的机会,UI 设计师这个貌似“低门槛”的职位就成了很多人的选择。

但是,其实大量的想要入行的朋友都缺乏对 UI 设计的正确认识,以为用好软件就可以,忽视对理论和思维的培养,学习方式缺乏系统性,能力存在很大欠缺,想找到一份理想的工作非常困难。

UI 设计是⼀个很大的设计门类,是基于用户体验为主的一门设计学科。通常来说,我们所讲的 UI 设计,更多的是指 GUI,也就是图形用户界面设计,重点在于信息准确、清晰、有效的视觉传达。

UI(用户界面)是系统和用户之间进行交互和信息交换的媒介,它可以实现信息的内部形式与人类可以接受形式之间的转换。

设计有很多种种类,不是每一样设计的学习方法都是相同的,很多人认为UI设计和平面设计是一样的,但其实两者有很大的区别,最大的区别就是双向和单向。

你设计出了一张海报或广告,本质上是信息的单向传递,所以在做设计的时候,设计师只考虑传递什么信息就行。而如果是在UI设计的层面,设计师要考虑的就不止是信息的输出,还要考虑用户如何与界面互动。

UI设计师要负责的不仅是视觉,还有用户的体验。

你可以学习一些基础知识,第一步是学习软件,再者是懂得专业术语、设计规范、设计原则,这些都是你可以通过自学学会的,同时也是一个UI设计师必须要掌握的知识和技能。

关于这些内容,我都写过一些文章,你可以阅读你不了解没掌握的部分:

苏昆:UI 设计师需要会什么软件?

苏昆:新手学习 UI 设计需要先懂哪些常识?

苏昆:UI 设计师要懂哪些设计规范?

苏昆:UI 设计需要遵循哪些设计原则?

另外,作为新手设计师,我认为还有很重要的一点就是模仿。

模仿是人类一切学习的开始,所以想要培养自己在UI设计方面的审美,一定要多看好的设计作品。你接触到高审美的东西多了,你自己在设计的时候也会更有灵感,耳濡目染、潜移默化的影响有些时候会比专门去学习更有效,况且对于审美这种东西,也很难系统地、专门地学习。

和服装设计师喜欢看时尚杂志,去参加各种品牌的秀场一样,你可以上一些网站看看当下流行的设计风格是怎么样的。像是 Dribbble、 Awwwards、 花瓣等,这些都是很好的学习设计、寻找灵感的平台,优秀的设计师各抒己见,你一定可以有所收获。

你也可以关注 最美应用公众号、 中国产品设计大赛,这里面也有很多不错的作品值得你去学习甚至参加。

如果大家想了解更多的UI设计知识,或者想成为UI设计师,我强烈建议你看看 @马力在知群 的这篇文章。

马力老师是在很多大学里讲课,一直致力于推动互联网行业内的教育工作,从事互联网行业十多年,有着丰富的经验和阅历。

编辑于 2021-12-05 11:57
UI设计是什么?
3296 播放 · 1 赞同

什么是UI设计?新像素陈实老师告诉你

发布于 2021-09-27 19:51· 1181 次播放

什么是UI设计?

UI即(用户界面)的简称。

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。

按行业细分一般分 了4种行业

移动端UI设计师----手机平板上的APP和主题设计

PC端UI设计师--电脑上的软件和网页按钮设计

游戏UI设计师---网游和手游上的界面等设计

其它UI设计师---AR,VR.银行取款机界面,电影自助取票机界面等。

https://www.zhihu.com/video/1179838632206168064

发布于 2019-11-18 19:11

说起UI设计,可能很多人都不是很了解。

首先给大家介绍一下UI设计的发展史,让大家对UI设计这个行业有一个深入的了解。

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

UI设计是2012年从美国的硅谷引入进中国的,随着智力手机在国内的普及,UI设计随着智能手机的兴起获得了极大的发展,从而导致UI设计在国内火的一发不可收拾。

后来导致UI设计成为了国内设计界平均薪资最高的行业,UI设计师的平均薪资在一线城市达到了1万+,导致平面设计师,淘宝美工纷纷转行学习UI设计。

好啦,今天就先回答到这里,如果还有UI设计问题可以私信我。

发布于 2019-04-02 19:43

  UI设计是用户界面(User Interface)的简称,指的是用户操作界面,所以UI设计就是设计各种用户界面的,最常见的有网页,APP界面,软件界面,智能手表,各种智能设备显示界面,简单粗暴点理解就是屏幕显示的那些界面其实都属于UI设计,很多初学者以为UI设计就是做做APP画画图标,这是完全错误的。

  一、UI设计是什么

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

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

  UI设计既然是“图形用户界面”,当然是给用户使用的。当我们使用电脑时,眼睛看到的每一个部分,都叫图形用户界面;去银行ATM取款时操作时也需要图形界面。所以,UI设计是指帮助人与机器打交道用的图形界面,是一个沟通的媒介。

  像手机系统界面、软件界面、网站的界面、KTV点歌屏界面、游戏操作界面、智能电视界面、汽车导航界面、VR虚拟现实等等,是列举不完的。这些领域都需要UI设计师,而且随着用户体验越来越重要,手机界面、电视界面、软件界面都这些常见的界面都不再像以前那样古板了,既需要UI设计师设计好美观的视觉,又要设计好交互体验,以便我们使用的更加舒适和方便。


  UI设计是一个系统性的工作,包含产品架构设计、功能设计、操作逻辑设计、前期视觉设计等等。最终可以成为这三种能力的设计师:UI视觉设计师、UI交互体验设计师、UI用户需求设计师。这也是aaa教育UI培训课程中,专门设置的三大方向能力培养。

发布于 2021-03-19 15:20

UI设计是2012年从美国的硅谷引入进中国的,随着智能手机在国内的普及,UI设计随着智能手机的兴起获得了极大的发展,从而导致UI设计在国内火的一发不可收拾。后来导致UI设计成为了国内设计界平均薪资最高的行业,UI设计师的平均薪资在一线城市达到了1万+,导致平面设计师,淘宝美工纷纷转行学习UI设计。

UI主要分为三大块:视觉设计、交互设计、用户体验

通俗的讲,如果把一款软件产品比作一个美女的话,视觉就是一个美女的化妆和打扮,交互就是一个美女的五官位置及骨骼体态,用户体验就是美女是否善解人意,功能贴心,易用好用等。简单的来说,UI就是设计人员进行网页设计、界面美化等综合,带给用户完美的体验。

视觉UI设计,主要解决软件产品风格,例如商务风的,女性化的之类的,对图标及元素进行尺寸及风格上的美化,在产品的功能辨识性及控件统-一性,美观性上进行设计。

交互UI设计,主要解决页面跳转逻辑,操作流程,信息架构,功能页面布局,事件反馈,控件状态等问题。

用户体验设计,是贯穿于整个设计流程,以调研挖掘用户真实需求,认识用户真实期望和内在心理及行为逻辑的一套方法。

UI设计提升软件应用,快速给用户呈现搜索结果。屏幕可旋转也是界面设计的内容,不仅仅是竖屏,横屏也很好,特别是看视频的时候,切换横屏,视觉感官更享受。

按行业细分一般分 了4种行业

移动端UI设计师----手机平板上的APP和主题设计

PC端UI设计师--电脑上的软件和网页按钮设计

游戏UI设计师---网游和手游上的界面等设计

其它UI设计师---AR,VR.银行取款机界面,电影自助取票机界面等。

发布于 2020-04-01 14:59