UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
UI设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。
一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。
如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。
扩展资料:
就业前景
UI即用户界面设计行业刚刚在全球软件业兴起,属于高薪技术设计产业,与国外在同步发展水平。
其次国内外众多大型IT企业(例如:百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门,但专业人才稀缺,人才资源争夺激烈。
就业市场供不应求。如今,国内的UI设计日益发展,有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。
但总的来说,在这一领域,我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样,存在工艺、材料上的限制,其核心问题恰在于人。
因此,提高软件UI设计师的个人能力,真正提升软件产品的人性化程度,已成为中国UI发展的重中之重。
UI设计工作的年薪基本保持在10到15万,经验丰富者可以达到20万,资深的UI设计人员年薪可以更高。
参考资料:百度百科----UI设计
UI设计(User Interface Design),即界面设计,是指对软件的人机交互、操作逻辑、界面美观的整体设计。它可以分为实体UI和虚拟UI两类,互联网中所提及的UI设计即是虚拟UI。好的UI设计不仅可以让软件变得更有个性、有品位,还可以让软件的操作变得更为舒适和简单。很多人选择学习设计其实都是三分钟热度,最好在学习之前先来做一个小测试→点击测试我适不适合学设计设计原则:1.简易性界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。2.用户语言界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。3.记忆负担最小化人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。4.一致性它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。学习UI设计就到天琥教育,上海天琥教育培训有限公司(简称天琥教育)成立于2002年,是一所全国拥近80所校区的连锁教育培训机构,现成功打造天琥互联网设计管理学院2所(凌云学院和九州学院)、天琥设计公司、天琥云课堂和页问网等旗下子公司,成为设计培训行业颇具规模和品牌影响力的企业。
要想知道UI是如何产生的我们就要从灯泡说起,因为我认为用户界面就是从一个灯泡,到N个灯泡排列在一起的这么一个过程。就像要学UI设计可以了解成都十月驿一样。
大家可以看这幅图
1960年 DEC PDP 8
这是人类历史上第一台成功的商业微型电脑,那时候所谓的界面就是由物理按钮加灯泡组成,大家可以看看当时的UI/用户界面是什么?所有人可以交互的设备,就像最早的这台微型电脑,主要的操作界面就是按钮和灯泡。所以说,用户界面(UI)在早期还没有显示屏。
但是随着发展,灯泡越来越小,排列的越来越密集,不管从显示器大小还是显像质量都有了明显改进所以显示屏就出现了。
大家看下面这幅图,这是1962年研制出的人类第一款电子游戏-星球大战
1962年 Spacewar
随着时间的推移,人们发现图像是机器与用户最好的沟通方式,并且图像被广泛的应用于设备与人的信息交流。所以后来出现了GUI,也就是所谓的图形化界面。
但是现在几乎所有的信息都是通过显示屏传递,所以就以UI代指图形化界面GUI了。
大家可以回想一下两个时间点:
2000年 左右
2007年 左右
2000年是电脑的开始普及时间,2007年就是iphone的出现。尤其是2007年之后,我们的生活发生了天翻覆地的变化,大家去商店少了,在网上买东西多了,大家吃饭前也不聊天了,都拿着手机打愤怒的小鸟,要不就是自拍或者拍食物。 造成这种现象的发生就是因为智能设备的飞速发展,手机电脑的功能高度集成。也就是说所有的信息基本上都可以从电脑端和手机端接入互联网获取。
2012年左右,随着国内智能手机、电脑的进一步普及和网速的提成,互联网热潮又再度爆发。越来越多的企业开始关注用户的实际需求,并把各种需求以互联网产品的形态呈现给用户。而所有的互联网产品都是以app和web展现给用户,那对于用户和商家而言界面则成为彼此之间的沟通桥梁,所以在这个社会背景下交互行业需求量飞速增长。
那么我们再谈谈国内外互联网行业的差距,主要从两方面体现:
第一就是国内起步较晚
第二就是教育体系不完整
1998年9月-2000年三月,硅谷掀起了一场淘金热,那时候遍地是钱,那是美国互联网爆发的时间点,当时产生了巨大的互联网泡沫,可以类比中国现在的情况。现在美国的互联网行业依然强筋,原因在于互联网行业回归理性,产品的产生严格遵循市场和用户需求,而不是盲目加上互联网。这也就归功于美国院校这几年在设计类专业的大力投入。
交互设计、工业设计这些学科都是起源于西方,中国全面引入此类学科较晚,所以目前的教育体系不够完善,国内一类高等院校开设交互设计本科专业的学校不超过15所。所以目前在UI/交互行业的人才需求量极大。
那目前我们需要什么:
更专业的更系统的知识体系而不是把UI知识理解为软件操作
介绍了这么多背景知识,我们就来看看一个好的产品是如何实现的:
一个好的互联网产品除了要有非常好的UI视觉,还需要有给用户带来良好的使用体验,也就是我们所说的用户体验。那什么是用户体验呢?
大家看一下这张图,我通过三张图跟大家比较形象的解释一下什么是UI和UX
UI=User Interface
UX=User Experience=UE
如果说你要给你正在追求的男朋友或者女朋友做一桌饭,你首先要考虑什么?
FIRST:
他喜欢吃什么?
他吃饭的时候有什么需求?
怎么能让他爱上这顿饭?
......
SECOND:
需要考虑你能做什么菜?
能买到什么?
......
LAST:
我有多少钱?
如何具体达到上面所说的效果?
......
那么想过这些后,你就要开始准备了:
把买回来的菜想想具体怎么做,他吃饭的时候喜欢用刀叉还是筷子,如果用刀叉,那么他的摆放顺序是什么,如何能让他方便实用,口味咸淡如何调节,他会不会口渴,需不需要一个精美的桌布保护桌子还能让他觉得很温馨。让他在整体的使用过程中得到良好的用户体验。
这就是用户体验,用户体验不在设计当中的一个步骤,而是一个全过程。
也就是说制作一个好的用户体验要从
用户、技术、商业三个纬度挖掘产品创新形态
看这幅图,你把这桌菜按照你的预期制做完了:
大家可以看到图上的饭菜很漂亮,会让你看上去就想吃,并且桌子上的东西一目了然。桌布和食材搭配的很好,摆盘也十分恰当,重要的是还放了一杯水还有盐和油,会让你感觉很贴心。
大家看,最后这幅图,如果把这幅静态图脑补成整个就餐过程,那就还会涉及到就餐的顺序,如何与内容进行互动,他们动态的效果和反应是什么等等,所以这些因素也都在影响一个产品带给用户使用体验的好坏。
那再次强调一下,大家要记住UX是一个设计过程,而不是在设计之中某个节点需要做的是,他应该贯穿始终,UI则是为了达到一个良好的用户体验的直接展现工具,但是对于一个UI设计师出了要有很强的表现能力外还需要考虑交互逻辑,就是我们说的交互流程图,交互流程是看一个设计师是否具有很好的产品设计能力的一个指标、动态效果或者交互方式就是考察一个设计师是否懂得正确的理解信息传达和用户使用习惯的能力等等。
那我们再说下制作出一个好的产品你需要注意以下四个点:
Utility实用性
Usability可用性
UserInterface 用户界面
UserExperience 用户体验
Utility (实用性)一个好的产品首先要具有实用性,简单说就是有用,用户有这个需求并且愿意使用。这就需要前期做很多市场挖掘和用户的需求方面的调研工作。
Usability (可用性)可用性是指用户能否简单、高效的完成一个目标,这就牵扯到使用效率,展现方式,交互方式和使用逻辑等,这样我们就需要在产品的制作过程中不断的测试产品的可用性,而使用效率往往是测试的标准。
UserInterface(用户界面)则是展示前两者的载体,并且给用户带来最直接的
UserExperience(用户体验),起到一个承前启后的作用。
不过大家要注意,现在不管是国内还是国外,大家对上述四点的关系理解会有差异,因为用户体验是一个相对来说比较虚的东西,很难精确量化,所以只要言之有理,都可以接受。但是确定的事,用户体验不是设计的一个步骤,而是一个过程。希望大家能理解吸收以上这些共同支撑了一个好产品。
有盆友问:一个好的作品集里面要有什么?
其实你的作品如果可以凸显以上几点,那就已经很好了,但是如果你现在达不到,那最重要的是学习设计方法,建议你们了解下Design Thinking等设计方法,学习设计不能单单的理解为是软件操作,其关键在于在不断实践的过程中经验积累和找到合适的设计方法。作品的好坏不在于是不是给公司做的还是自己做着玩,一个好的产品一定是符合用户需求并且市场针对性极强的。
一般一个UI设计师需要具备一下几个能力:
理解问题能力,需要能抓住利益相关者的需求
解决问题的能力,需要针对利益相关者的需求做出解决方案
决定能力,在众多的解决办法里选择最好的一个解决方案
原型制作能力,需要用不同的保真度把产品实现出来
测试能力,测试产品是否达成设计目标和持续不断的迭代
下面我以安卓系统为例跟大家说一下如何创造出一个好UI:
往往在做设计的时候大家会感觉到界面设计完了,总觉得哪怪怪的,一般这种时候都是因为在视觉上没有区分每个模块的层级和主次。
那如何分清层级和层级如何体现?
首先你要理解UI宏观上虽然看似是一个平面,但微观来看其实他也是立体的,主要体现的就是层级关系。所以在我们制作UI的时候就要注意这三个纬度。X和Y轴主要是用来表现顺序,Z轴则是来标示层次。一般大家在制作UI的时候都会考虑X和Y,但会忽视Z轴的存在。
既然有了Z轴就会有高低的不同,这主要反映出了内容的层次。在展现的时候也相应的可以用阴影来展现。大家先来感受下阴影,阴影是表示不同模块层级的直观表现形式。
我们再来看看如何正确的表示内容模块的高低、层级和阴影。如果我们换个角度来看就会对此有了更直观的感受,内容的高低由阴影的大小表现,阴影的大小则反映内容层级的高低。
对于初学者来讲,阴影的大小的使用会成为你心里的阴影。那我们就看一下这种情况有没有发生在你身上,阴影大小区分不大会造成方向效果,尤其是有选择恐惧的人,他会反复的调节阴影的大小,总觉得不舒服。那么也就是说阴影一定要大胆,而不要让阴影失去了价值。大胆使用高度的差异化
如果没有阴影,
你会发现你在做的是一个饼...
对,吃的饼
你们感受下~
欸...是不是舒服多了
具体的差异化大家可以根据经验和一些约定俗成的规则大家可以参考下:
给大家举个“栗子”:
大家看这个图,这样看上去是不是层级关系就很明显了,一般刚开始做UI的同志经常会认为内容最重要,然后把内容模块的阴影弄的非常大,但是实际效果则恰恰相反,那样会让人感觉内容要溢出来了,一般来说内容的体量最大,也相对丰富,所以内容的层级就比较靠下,这是要突出整体产品的功能,大家脑补下,如果把图中的黄色按钮阴影调小,或者没有那会是用户注意不到这个功能性按键,并且有可能认为他是内容的一部分。所以可见阴影的大小在UI上面的重要性,这也是一般初学者经常犯的错误。
成都十月驿专注UI设计培训,行业口碑一直不错
UI 设计,全称 User Interface,翻译成中文意思叫做用户界面设计。是指对软件的人机交互、操作逻辑、界面美观的整体设计。
人机交互:人机交互、人机互动,是一门研究系统与用户之间的交互关系的学问。人机交互界面通常是指用户可见的部分。用户通过人机交互界面与系统交流,并进行操作。
界面:是人与计算机之间传递、交换信息的媒介和对话接口,是计算机系统的重要组成部分。人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔。
UI设计职责不仅是美观性。在行业中,对实现产品商业目标进行深度思考,还要保持更好的用户体验;技能不仅是作图,还需具备产品、测试、运营、服务等方面的一些知识;UI设计师的角色不仅是执行者,还要参与产品/设计/开发/测试/运营等一系列环节,整合、贯穿、统筹各环节。
很多想要自学UI设计的小伙伴,苦于没有好的学习计划、课程大纲,学习效果很不好,花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢?
在讲学习流程之前,我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后,你才知道自己是否对其感兴趣,是否是真的愿意花时间和精力去学习。
一、UI设计
UI(User Interface),中文名“用户界面”。Ps:(百度解释)UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。
那互联网的这波浪,无论前浪,还是后浪都从未消停过。你经常看到“互联网+”这样的组合,通俗解释“互联网+”就是“互联网+各个传统行业”,但这并不是简单的两者相加,而是利用信息通信技术以及互联网平台,让互联网与传统行业进行深度融合,创造新的发展生态。
在这其中,又与UI有什么紧密联系呢?
把传统行业放到互联网上,肯定需要用一个界面来展示,哪怕只是一个简单的网页,而每一个互联网下的产品无论是PC端还是移动端,无论传统行业还是非传统行业,最终呈现都要以UI界面为依托,供用户使用查看。这其中又不仅要视觉产出,还要好的交互和用户体验。
举个例子,说说我们平常不太关注的来电接听这回事。
苹果手机在不锁屏的状态下,来电显示时,接电话在右边显示绿色,挂电话在左边显示红色。一般情况下右手拿电话,大拇指操作,绿色是接听电话,这是我们的常规操作,使用频率很高,所以在右边离大拇指更近,而挂电话频率不高所以在左边远一些。从色彩体验上分析,红色也有警示警告的作用,
但如果红色按键和绿色按键换个位置,其实并不会影响视觉,但却不是一个好体验,可能随时都会有挂电话的误操作
UI无处不体现在我们生活之中,无论大小,它都存在于你所看到的,你所触碰到的体验里。所以UI不单纯是美工,还要考虑到视觉效果和用户体验。而用户是很挑剔的,对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码,但仍然可以拿高薪的互联网岗位。
二、UI设计学习计划
很多小伙伴没有严格的学习计划,导致于自学周期被自己拖得很长,所以自学UI设计,一定要制定适合自己的学习计划,严格按照学习计划去完成学习目标,才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同,在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况,参考此计划为自己的量身打造UI设计自学计
越简单的元素搭配,就越考察一个设计师的基础功,如果没有过硬的技术和扎实的基本功,就难以准确地传达产品自身调性和营销卖点。
我们都知道创意思维对于设计师的重要性,却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练,扎实美术功底,才能在日后的商业实战中轻松驾驭各种风格。
第一周:手绘
手绘的重点主要是培养学员的形体结构,光感、空间的关系,这算是一个审美培养的启蒙,时下最流行的矢量插画就和手绘密切相关。
第二、三周:PS、AI基础软件的学习
从零开始学习软件,需要用实际的案例去学习,这样更加容易上手,并且UI设计的学习并不是只是简单的学习软件工具,很多在人都以为UI设计只要会了PS、AI等就可以了,其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解,才是更为重要的目的。
但是只学思维也不行,我们也要加强设计的基本功,对软件完全的精通掌握,这是必须的。
第四、五周:平面构成、Logo
掌握平面设计中点、线、面,加以延伸到到Logo设计,Logo一方面是包括图形另一方面是包括字体,所以了解文字结构是非常基础的,以及如果这一阶段学的非常好,接Logo私单,价格高到不敢相信。
并且logo品牌部分学习中,要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型,如此多的变化还怕设计不出Logo吗?
举例:从形入手,一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆,那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢?
第六周:品牌Logo定稿以及VI手册设计
图片来源:阿多比设计学院学员作品
这一周其重点是甲方思维思考设计,对,就是那个烦人的甲方爸爸,需要学习换位思考。
整个第一阶段的学习内容都是非常基础的,目的是培养设计思维,正所谓懂用户所想,还不能设计出好产品?
第七周:响应式网站、一屏式网站
从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。
第八周:后台数据
除了后台设计,更多的是后台的数据统计处理,如何做到简单化、明了化。
第九周:电商设计
电商平台首页设计,每一个月各大购物平台都会有全站式的活动,活动主题都不一样,所以其实电商设计的人才缺口是非常大的。
第十周:淘宝平台详情页、后台
这一部分是可以自己去申请淘宝店、上架产品,任何学习都没有直接上手来得快。实操实练,自己去体会各大平台的规范,才会了解得更加清楚。
第十一周:C4D、Banner
进入3D训练啦,丰富视觉效果,提高就业竞争能力,多会一门技术,就多一些可能,这也是我们要为什么不断学习提升自己的原因。
第二阶段,更多的是网页的设计训练,重点掌握企业站界面设计规范和输出规范,且能够根据企业真实需求设计页面。
第十二周:用户体验、竞品分析、原型图
本周开始设计APP,通过数据分析来做竞品分析,使用Axure来绘制APP的原型图。
第十三周:图标
有意思的图标也是完整APP设计的重要一环。
第十四周:界面、胶囊
通过标志性APP来讲弹窗页、闪动页。
第十五周:界面设计
继续完成APP,并学会切图、命名、标注、打包、交接(前端小哥哥、小姐姐打不打就看这周的学习内容了)
第十六周:运营界面
营销推广性的用户思维培养,把握用户的痛点提升整体运营界面,达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等,比如促销性质的页面,增加了视觉感染力,促进了用户的点击。
第十七周:交互动效
学好AE动效会非常加分,因为它可以准确的传达出你的思路,演示你想要的表达的效果。这必将成为UI的流行趋势,不想要被市场淘汰,一定要继续学习啊!
这一个阶段,可以尝试着手设计属于自己的APP,你可以选择自己喜欢的主题,没有局限性,这可以成为零基础转行的你的作品集内容哦。
第十八周:前端
大家都知道与UI设计师密切合作的是前端,那作为一个UI设计师,只有懂了前端,这样才会合作得更好,提升工作的效率。我们可以学习HTML5,学习CSS3等。
虽然是以周划分,安排得满满当当,这样学习流程适合大多数零基础的小伙伴,每周的内容如果学习的不扎实,可以适当停留脚步,因为每个人的学习能力不同,学习掌握情况不同。一定要将知识学扎实,一步一个脚印的往前走,才能真正将UI设计知识掌握牢靠。