UI设计包括哪些?UI设计需要掌握哪些?
38 个回答
这个问题下面一些回答是错误的。UI 的全称叫 User Interface,就是用户界面,也就是一个产品(例如 App,或者汽车上的车载设备、智能硬件等等)和用户交互时,需要借助的界面。
千万不要把 UI 理解成画画,和手绘之类的更不沾边。我曾经请艺术类的大学老师来做 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 设计本来就不是一个艺术类工作,而是一个产品工程类工作,就像我们在一开始贴的那张图里说的一样。
--
我在知乎里有130多万人关注,是知乎里关注人数最多的设计师和产品经理。我会回答 UI 设计、UX 设计和产品经理的回答。因为我创办的互联网职业教育平台——知群,有相关的课程。
每次总会有一些人,特别是工作几年的 UI 设计师,又来喷说原来你是打广告,你是割韭菜。。。我想告诉你,稍稍有一点专业能力和认知能力就知道,我这样资历的人来做这样的事,对整个行业是好事。
你见过哪个培训班的老师,能够在北邮这样的学校给研究生讲课?能够把阿里腾讯滴滴这些公司P8、P9、P10的人请出来给大家做分享?能够和这些公司官方联合给大家提供实战的机会?现在那么多乱七八糟坑人的培训机构,动不动就包装假简历坑学生坑企业,你从哪里找到像我们这样一直在抵制这些不正之风、踏踏实实做事的人?如果我不是创办了知群,我根本没有时间和精力去组织这么多人、在行业里为大家做这么多事。
不好容易有这些资源,如果对你有用,你就好好使用这个红利。
这是我们免费的训练营,质量很高,如果有需要的同学可以报名:
这里阿里腾讯等公司团队负责人的推荐:
马力在知群:大学系主任、阿里腾讯团队负责人等对知群的推荐
什么是UI设计?
UI设计英文叫User Interface翻译成中文意思就是(用户界面)。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设计的话不难,一定要找到学习方法,方法的话可以分为两块,要学什么和如何去学。
我们去找工作核心是看作品,作品的好坏决定你们的收入,作品很差你们没有人要,找工作都找不到,工作很好的话你的月薪可能开到1万,可能2万工作经验是其次的,最核心的是作品。
要学什么可以分为两块
分别是操作技法和理论思维当这两点你都达到了的话UI设计就不难了。操作技法占30%,理论思维要占70%。
很多人天天学PS,AI,把大量的时间都花在了软件上面,理论思维就没有去思考过,去找工作找一个失败一个。所以能找到工作那就奇怪了。
操作技法主要学习PS,其次是AI,AE,APR。
那接下来就是学思维,什么是思维呢。
比如说沟通。为什么会有沟通咧?
比如说我们看到的这个支付宝界面,目前这个界面上的图标是没有功能的,不管你怎么点都没有反应,UI设计师的话只负责做好这个界面,如何实现这个功能的话是程序猿负责开发的。
那你要让程序猿去帮你去实现这个功能的话需要去和程序沟通。比如说要开发一个图标,多大,有什么功能,你要描述清楚,如果你不会沟通就算你的能力再强也很难高薪。
一个人的工资高低不是只取决于作品。是取决于一个人的综合能力。作品是排名第一的。但是其它能力要需要掌握。所以第一个是沟通,如果你不去学沟通,语言表达不清楚的做不了UI设计。
配色(什么时候该用什么颜色)版式,规范,切图,标注,UE,交互逻辑,手绘,界面,图标,动效,作品集,团队合作。这是要学的,我就讲了一个沟通,后面太多了,我就不讲了。
如果这两个你们都会了之后,你们才能知道这个图标用AI怎么画,OK。技法会了。
那理论会了你们就会知道,为什么会用这个颜色?为什么会用这个字体?为什么会这样排版。每一个为什么你都知道,你知道为什么要那样做,你也知道怎么做。
那么你就具备了原创设计师的标准了。
接下来给大家讲解一下怎么去学?
那么到底怎么去学呢?其实方法有很多种,首先学UI设计是一个长期的过程。
UI设计是没法速成的。最少要安排四个月时间,最低要求,每天安排2个小时来学习。如果学习时间都没有的话怎么可能学会呢?
学习UI设计的方法有很多种,比方说看书,看网站,看视频来进行学习。我给大家推荐一些UI设计的书籍,大家可以每天抽个30分钟来看一看这些书籍,不是说让你们当小说一样看,一次直接看完。
很多东西是需要自己去慢慢领悟的。该记的笔记要记下来。像里面有配色的书籍,就算你把里面的内容背下来有什么用?你要用到实践中才行的。
这些书籍的话已经算得上是UI设计的顶级书籍了,无论是学配色,学排版,学用户体验都讲到了。书籍推荐就讲到这里。
接下来讲如果在网站上学习,UI设计的学习网站的话有很多,站酷,花瓣,UI中国,优设网。我就用站酷举例吧。
在站酷的UI作品一大堆,大家学习的话需要懂得欣赏作品,需要知道哪些是好的作品。
在站酷上作品这么多,如何知道哪些才是好的作品咧?
可能刚刚学UI设计的网友完全分不出来什么作品好什么作品不好,这样的话我建议大家去看看首页推荐的作品。能上首页推荐的作品基本都是特别牛逼的。
大家可以每天花一点时间多看看别人的作品,看到好的作品就可以收藏起来,慢慢的你的审美能力就会有所提升。
接下来就给大家讲一下看视频学习,视频网站的话有很多,比如网易云课堂或者幕课网。想领取UI设计视频教程的小伙伴可以关注公众号UI设计思,回复教程领取。
好啦,今天的回答就到这里, 希望对大家有所帮助。后面再更新,谢谢大家的关注和赞。
一些同学可能会认为,具备软件制图能力,能够设计出APP页面的图案,临摹几个漂亮的icon,就能做一名UI设计师了,但其实这是不可能的。
图片来源: Joe0708/iOS-animation-collections
UI设计师首先是一名设计师,需要具备基本的设计思维模式,分析与解决设计问题的能力,在此基础上还需要调研产品定位与整体架构,了解产品操作流程,揣摩人的心理与操作习惯,掌握交互设计与用户测试研究方法等等。
当前社会对UI设计师的需求已经越来越多样化和复合化,UI设计师绝不是界面美工而已,软件表达媒介的掌握仅仅是UI设计师必备技能中最能轻松掌握的一项。
图片来源: http://wuguo.vip/archives/2450
学习UI设计,如果开始就说要直接掌握某项设计方法或软件技能,其实是一种本末倒置的行为。必须要先了解和熟悉设计流程与应该掌握的设计方法,再制定完整的规划,确定该从何入手。下面康石石具体讲解。
1.定位与分析
UI作为产品的一种,是为了解决问题而设计出来的,因此想要设计出一款UI,就要先从发现问题或需求出发。
一般情况下,需要从背景分析开始,对当前的市场、技术、产品、用户进行大致的了解。之后使用mindmap进行头脑风暴,寻找问题点和设计灵感。这里就需要同学们锻炼立体思维能力、放射性思维能力与联想能力。
图片来源: https://www.pinterest.com/classflow/mindmaps/
2.用户研究
用户研究与调研,是贯穿着整个设计流程的,方法有两种:
- 一手调研:需要设计师自己做信息采集,比较普遍的方法有,访谈法、观察法、问卷调查法、查阅文献和图书等,根基采集结果进行数据的总结和归纳
- 二手调研:这一方法相对比较省时,可以直接使用媒体和网络上已有的数据和信息。
在充分调研的基础上,将research的结果以信息可视化的形式对数据进行视觉化表达,深入分析设计问题与解决方法。
图片来源: https://www.pinterest.com/pin/178947785171841309/?lp=true
3.构架设计
这一阶段需要通过产品结构图和产品流程图的理解,熟知产品架构、设计功能、操作逻辑等问题。
- 产品结构图:描述模块之间的关系,包括调用关系、组成关系、顺序关系、链接关系等。
- 产品流程图:描述产品的业务流程、操作流程和与界面跳转流程等。
图片来源: http://wuguo.vip/archives/2450
4.原型设计
UI的原型设计绘制方法主要分为以下两种,可根据个人习惯进行选择:
- 手绘原型图:直接绘制手稿,需要掌握简单的手绘基础技法。
图片来源: http://wuguo.vip/archives/2450
- 电子原型图:使用Axure、PS等软件进行设计,需要掌握软件制图技法。
图片来源: https://www.pinterest.com/troisi75/information-architecture/
5.界面设计
界面设计主要考验的是后期的图面制作能力,包括各类图标的设计、色彩的搭配、质感的把握、排版的完善等等。
图片来源: http://wuguo.vip/archives/2450
6.可用性测试
可用性测试有三种方式,一对一用户测试,启发式评估,以及焦点小组。纸质的原型设计适合进行用户测试,电子版原型准确度较高,可选择有代表性的典型用户来完成测试。
测试的主要目的是通过观察分析用户来提高产品的质量,让产品使用更加符合设计预期和用户需求。这一阶段需要同学们具备分析观察能力与逻辑思考能力。
图片来源: http://wuguo.vip/archives/2450
7.修改和完善
最后,针对上一阶段测试出来的问题进行分析,提出修改与完善方案。这一步骤可能会经历反复地修改,以达到最佳的用户体验效果。
图片来源: http://wuguo.vip/archives/2450
总之,题主可以从理论知识开始学习,再到软件、绘图和测试等等,按照UI设计的流程步骤,将每一步都学会,才是学习UI设计最好的办法。
以上望有帮助,欢迎交流
———————————————————
欢迎关注我的个人官方微信(kang-shishi)
如有艺术留学、院校、专业、作品集方面的问题,可私信康石石咨询
事实上,UI设计范围很大,简单来说,不仅能做平面设计,各种软件网站界面我们也要设计。总之,只要是与人类生活相关的人机交互界面,都在它的设计范畴内。
好的UI设计基础界面要做到能够吸引人,给人耳目一新的感觉这就要求工作者不仅要具备创意想法,还要了解心理学,抓住用户的心理。UI设计里面最重要的就是交互设计,负责人类与机器之间的交流,这一操作要简单,便捷,直接有效。通过这一操作从而达到用户的使用目的,这也是交互设计的目的。
那UI设计分为几种呢?
1、移动端UI设计
主要以APP界面设计为主
2、PC端UI设计
主要以网页界面设计为主
3、游戏UI设计
端游,手游,界面设计
UI设计需要掌握什么?
1.技术基础
如果说程序员一天中大部分时间都在码代码,那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator,涂涂修修确实是常态,而这里,也是“美工”称呼的发源地。娴熟的技法,是完美展现设计作品的必备条件,作为UI设计师,也应当熟练掌握这些常用软件。稍低一点的要求,是至少能精通其中一款软件,各种操作都已经形成自然反应,其他软件也能通个七八分。
不过,学完这些软件之后,切忌炫技,学到这步,你只是学会了修图,还只在美工的地步,并谈不上设计。
2.画图基础
有人以为,设计师只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。
临摹的内容,可以有两方面选择:一种是系统自带的图标,比如Mac OX、Windows,或者移动端iOS、Android的原生图标,都是精心打磨过,既能帮助初学者了解平台设计规则,又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识。
3.各平台设计规则
iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好,在移动端,连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。
4.审美意识
为什么我们青睐每日故宫、榫卯、网易云音乐这类应用?除了应用本身生产的优质内容外,设计感是很重要的一点,君不见多少用户赞美良心设计。
那么,什么是设计感呢?投射到设计师身上,大概就是设计师自身的审美意识了。
至于审美意识要如何培养、提高,这就跟你去问文学家要如何提高写作能力一样,他大概也是懵逼的。日积月累地浏览、学习、思考、练习,大概就是逐渐提升的可能途径吧。
5.交互设计
分不清交互和UI的人,可能一抓一大把,事实上,这还是有区别的。从一般意义上说,UI主要做的是图形用户界面,也可以称为GUI设计师;交互设计主要做处理点事人机互动的界面,任何与机器打交道的过程,都需要交互设计师来参与。
但坦白说,现在的App中,有多少操作能把UI和交互完全清楚地剥离开来呢?一个好的产品,需要美观的界面和顺滑的交互,也就离不开设计师两种能力的相辅相成了。尤其现在,设计趋向扁平化的时期,只要遵循设计规范,交互设计甚至能出了设计稿后直接给开发去实现,单纯UI设计的存在感日益弱化。
6.用户体验
从前,除了设计界面的UI设计师之外,互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题,但如今多元的趋势下,一个互联网产品的视觉设计,需要懂一点产品、懂一点用户体验,才能更有效的推进合作流程,同时也会培养自己多元化的思维方式(用户研究以缜密的逻辑发展,而UI设计则更加追求审美)。
7.时刻保持学习状态与学习主动性。
学习的机会很多,无论是在生活里,你结实一个朋友、看场电影,读一本书,浏览一个网站,看一则广告,随处都暗藏着学习的机会,虽然不一定能学到具体的技能,但至少可以领略到一些精神和获得一些专业上的灵感。
锻炼自己的沟通表达能力,因为作为设计师要跟产品经理沟通,你要跟开发沟通,设计师之间的沟通,项目是一个团队协同共事的过程;还有逻辑思维能力,UI设计包括了软件操作逻辑的设计,对逻辑思维也是有一定的要求;
当然专业知识一定要扎实,图标界面绘制、手绘、设计规范、网页设计、用户体验设计、交互软件使用、色彩搭配、平面布局等等;如果有营销思维、策划能力、文案能力,恭喜你,你已经是一个优秀的UI设计师了。
互联网是一个日新月异的行业,建议大家,在日后的界面设计工作中,不可盲目的追赶潮流,要知道,设计是需要一段时间的沉淀才能达到一个新高度。多洞察别人的作品,多阅读、多思考,这样你才能成为一个优秀的设计师。
很多人说互联网寒冬来了,眼看着找不到工作的学弟学妹逃离北上广,缩招裁员越来越明显,就极力游说周围的人别再从事程序员、设计师、产品经理等与互联网相关的岗位。
其实我始终不太赞同这个观点,这只是前几年互联网过度乐观膨胀发展后终于回归理性而已。
回归理性,意味着已经过了人有多大胆,地有多大产的时代。
回归理性,意味着行业从野蛮生长逐渐转向遵循市场规律。
回归理性,意味着企业对人才需求仍在,但要求渐高!
UI设计的前身是平面、网页设计,在原专业的基础上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。这是由于互联网发展的精细化延伸出来的新门类,因此设计的软件应用就是基本功了。需要掌握Photoshop(图像处理)、illustrator(图形制作)、After Effects(视频处理)、Axure(原型设计)、Dreamweaver(网页制作)、Coreldraw(矢量制作)、Flash(动画制作)等设计软件及HTML5.0和DIV+CSS网页代码基础。
学会了各类设计软件的应用还不够,此时还不能独立创作,因为缺乏创意的表现技能,所以需要掌握铅笔、素描本、手绘板等不同手绘工具的熟练运用。此部分主要是设计思维的训练及表现,重在设计理论的学习与构图技巧,学会解析各类图标的设计原理及表现技法。
学设计不一定需要绘画基础,但是有一些手绘功底肯定是更好的。其实也不是很难都可以提升起来的,下面这些都是我们学了两周绘画的同学作品,都是没有绘画功底的,别人能达到你也可以。
通过前面理论与工具的练习,基本具备了设计的基础能力,接下来就需要一些完整案例的实战了。要学会模仿各类产品优秀案例、并能解析其设计要点,能推陈出新做出部分创新的完整案例。需要掌握不同类型互联网产品的设计规范、设计流程、设计图纸的输出与迭代方法,保证产品用户体验的持续性提升,具体详细内容不多说,知乎上面有很多这样的信息。最后想说的就是,学习需要一种态度,态度决定你的收获高度!
很多初学者,在后台给我留言,其中问的最多的问题就是:UI设计应该如何入门?需要掌握哪些知识?那么今天笔芯设计匠就为大家做一下全面而细致的解答,希望能对各位初学者所有帮助~
▌手绘基础
虽然UI设计是在电脑上操作,很多时候手绘能力已经不是成为一名UI设计师的必要条件,但是具备手绘能力一定会对我们UI设计大有裨益。持续的绘画练习,除了排线这些硬性的技巧,同时就是在锻炼我们对画面的专业思考能力,观察和发现细节的习惯,而有这样的思维训练,在以后我们绘制图形、图标、拟物风格作品的时候才能快速抓到要点。
详细的手绘教程大家可以参考我之前的文章:
▌平面设计阶段
1、软件工具的使用:
工欲善其事,必先利其器。软件工具学习是UI设计入门的第一步,不能熟练和正确的使用设计软件,即便你有再好的idea都无法付诸实现。简单罗列下市场上主流的平面设计软件:
(1)Adobe Photoshop,简称"PS":Photoshop主要处理以像素所构成的数字图像,可以有效地进行图片编辑工作。PS功能广泛,在图像、图形、文字、视频、出版等各方面都有涉及。
(2)Adobe illustrator,简称"AI":Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,AI广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等。
(3)CorelDRAW,简称"CDR":CorelDRAW是一款主要面向印刷输出人员的排版软件,其非凡的设计能力广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。
软件主流应用:大多设计师用PS+AI搭配完成设计,也有很多设计师是PS+CDR完成设计,也有设计师是PS+CDR+AI。
关于PS和AI软件的区别,大家可以参考我之前写的详细教程:
2、色彩搭配:
任何一幅设计作品都需要色彩的参与,不管你是平面设计、网页设计或者其他设计。色彩的搭配不是靠空想就可以实现的,而是有章可循的,是有规律的。诸如色相、明度、纯度、同类色、对比色、邻近色、分离互补色等色彩之间的关系和搭配原理都要搞明白。还有基于产品的市场定位和文化而设计的色彩等等。
在色彩设计应用中,我们对颜色不同程度的理解,将会影响到设计页面的表现,熟练地运用色彩搭配,设计会事半功倍。一张优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心悦目的。因此我们在进行设计的时候一定要多反思,怎样的色彩搭配更容易达到设计目的,只有这样才能在实践中不断提升我们的配色思维,设计出更多优秀的作品。
3、版式设计:
和色彩搭配一样,版式设计也是很多人容易忽略的学习科目。版式设计是啥?就是画面的布局!通俗点说就是把画面中的元素(图形、图像、文字、色彩)合理安排起来的一种手段。我们得考虑构图、平衡、点线面、主次、层次等这些因素。让受众更加快速、直观、明显的捕捉到我们画面需要传递的主题和信息。当然,版式设计不是以酷炫、美观为最终标准,虽然美观很重要。排版的过程是不断打磨、不断尝试的过程。
4、字体设计:
字体的使用、字体的设计也都是UI设计师必须学习的科目。比如最基本的,宋体、楷体、隶属、黑体等最常见的字体你要了解,更重要的是由这些最基本字型而演变出来的新字体你都要了解其“性格”以及使用。还有自己如何根据画面主体或需求去设计新字体等等,这些对设计师而言都很重要。设计师如果能很好的驾驭字体,那你的画面一定会增色不少!
当然,上述只是平面设计阶段所掌握的基础内容和知识架构,像画册设计、折页设计、广告设计、VI设计等都要悉数掌握,才能在平面设计学习阶段奠定牢固的知识基础。
▌Web与运营设计阶段
1、软件工具的使用:
1)快速原型设计软件(工具):
(1)Axure RP:Axure RP是一个专业的快速原型设计工具。主要让定义需求和规格、设计功能和界面的专家(产品经理、UI设计师)能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。Axure RP能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
(2)墨刀:特别推荐一款上手很快的在线原型设计工具,笔芯设计匠自用款哇。借助墨刀,UI设计师能够快速构建移动应用产品原型,并向他人演示。覆盖整个产品的设计和开发流程,帮助整个产品团队最大限度的发挥协同效应的团队协同工具。推荐指数五颗星。
2)前端设计软件:
是不是觉得难为UI设计师了,竟然还要会前端!!UI设计师需要学习前端的布局和设计,但并非要达到精通的水平。掌握前端基础内容的意义在于:能在平时的工作中,更好地配合前端工程师们做好产品开发工作,从而更好的展现自己交互设计与视觉设计作品的价值。
(1)Adobe Dreamweaver,简称“DW”。DW是集网页制作和管理网站于一身的网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
2、板式、字体、色彩
可参考平面设计阶段的论述,再次不再重复说明
3、Banner运营设计表现:
主要学习内容:字体分类、字体在banner中的属性,根据环境制作设计字体,字体设计方法,色彩属性。色彩感情表达,配色原则,排版属性,集合排版字体色彩讲解等。
4、C4D的应用
C4D:全名CINEMA 4D,Cinema4D是一个老牌的三维软件。能够进行顶级的建模、动画和渲染的3D工具包。C4D可与后期软件After Effects完美衔接。无论是在影视特效,还是在产品广告,电视包装,室内室外渲染,艺术创作方面都大大优于同类型三维软件。(严格来说不应该放在动效软件里,毕竟现在C4D在平面设计方面的应用比较广泛,电商必争之地o(╯□╰)o)。
作为人性化的三维设计软件,C4D不仅性能稳定,更简单易操作,适合新手作为入门工具来学习。随着每年618、双11大量的TOP商家的炫酷页面出炉,天猫,京东官方一些促销页面也陆续开始用C4D制作,学C4D人越来越多,主流电商引爆了C4D的燃点,现在C4D已经火得一塌糊涂。甚至在很多电商公司,已经把C4D列为求职者的加分项,这就意味着同为UI设计师,会C4D的UI设计师在电商公司更吃香,更具竞争优势。
学习内容包含:三维软件差异性介绍,软件基础操作,模型工具介绍,模型制作工具,模型分类,复杂化模型制作,渲染窗口,灯光属性,材料属性,场景的灯光材质,动力学模型,灯光,材质,渲染综合案例等。
关于C4D的学习,大家可以参考我的往期文章:
5、Web规范及构成
网页设计流程与规范包含:网站分类,网站开发流程,网站中的人员配比分类和工作职责。网站中的模块区分,分析制作开发需求文档,设计在整个开发流程中的作用,网站开发制作。用户产品分析法则,网站改版原则,模块化开发流程,页面规范判定,web端扣和手机端口设计区分,响应式开发流程等。
▌网页静态布局阶段
1、图标icon设计与主题表现
学习内容包括:图标风格鉴赏,线性图标绘制技法,线性图标绘制规范,MIUI图标表现,MBE图形设计技法,系统图标设计规范,光影关系,环境色影响,材质表现,木纹材质图标表现,金属材质表现,高亮图标,手绘图标表现,各系统主题样式,主题结构,主题表现,项目制作等。
icon图标设计入门安利给大家这套教程学习:
2、UE、UX用户体验与交互原型:
学习内容包括:移动端设计流程,用研结构,用户体验原则,交互与用户体验逻辑导图,导图软件,逻辑导图搭建原则,表单交互,动态面板,动态面板属性,条件与判断语句,热区使用,工具类软件交互实例,条件与判断语句,热区使用,工具类软件交互等。
3、iOS&Android设计规范
学习内容包括:原型分析,原型修改,iOS设计规范,移动端界面设计,适配规范,标注原则,标注规范,切图流程与方法,移动端工作流程梳理等。
4、智能可穿戴设备项目:
内容包括:智能手表设计规范,iPad设计规范,客户端设计,PC客户端设计规范,客户端名称,启动图标等。
5、交互动效表现设计:
内容包括:动效类型,动效开发工具,动效表达方法,交互动效的作用,动效类型,动效开发工具,动效表达方式,运动曲线控制,节奏控制,剪切路径动画,渲染与输出,输出格式,表达式语句使用等。
动效设计软件推荐:
AE软件:Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,可以高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。
以上就是笔芯设计匠的分享,觉得有用的小伙伴可以点赞收藏哦(*^▽^*)
也欢迎大家关注笔芯设计匠的知乎号,实用且有趣的内容会经常更新哦o(* ̄︶ ̄*)o
很多初学者对UI设计师从事的工作不太了解,就陷入不知道自己能否学会,怎么学才好的困境,下面就带大家一探究竟,传说中的UI设计师职业大揭秘,希望帮你理清思路。
1
工作内容
UI设计从工作内容上来说分为3大类别,即研究工具,研究人与界面的关系,研究人与之相应,UI设计师的职能大体包括三方面:
一是图形设计,他们承担的不是单纯意义上美术的工作,而是软件产品的产品“外形”设计。
二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。
三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。
如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。
概括来说,UI设计师的工作内容主要包括:
1.负责软件界面的美术设计、创意工作和制作工作;
2.根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;
3.对页面进行优化,使用户操作更趋于人性化;
4.维护现有的应用软件产品;
5.收集和分析用户对于GUI的需求。
2
职业要求
根据上文提到的UI设计的三大具体分类——图形设计、交互设计和用户测试/研究的工作职能——分别对应的是美术设计的专业知识,软件设计工程师背景和相应的编程能力,以及社会学心理学等人文学科储备。
当然,实际工作中,这几种职能也不是截然分开的。而今,这一涵盖诸多领域的职位,也越来越要求从业人员同时具备跨学科、综合性的理论素养和实际操作能力。
在工作能力和实践经验上:
一是要求从业人员精通Photoshop、Illustrator、Axure等图形软件,Html等前端脚本语言Dreamweaver等网页制作工具,能够独立完成静态网页设计工作;熟练操作常用办公软件,且具备其他软件应用能力;熟悉Html,CSS,Javascript,Ajax。
二是要求对通用类软件或互联网应用产品的人机交互有自己的理解和认识。
三是具备良好的审美能力、深厚的美术功底,有较强的平面设计和网页设计能力。
四是具有敏锐的用户体验观察力,富有创新精神。
3
职业前景
随着技术领域的逐步拓展,产品生产的人性化意识日趋增强,越来越多的企业开始注重交互设计、用户测试方面的投入,UI设计领域“三足鼎立”的局面将越来越成为大势所趋。
这也就意味着兼具美术设计、程序编码、市场调查、心理学分析等诸多方面综合能力的UI设计师将拥有更为广阔的发展前景。
UI设计中的交互设计方面已经走过了基于字符方式的命令语言式界面的阶段,目前正处于图形用户界面时代。
但是,人们仍不满足于现状,在积极探索新型风格的人机交互技术。当前语音识别技术和计算机联机手写识别技术的商业成功让人们看到了自然人机交互的曙光。虚拟现实和多通道用户界面的迅速发展也显示出未来人机交互技术的发展趋势——“人机和谐”的多维信息空间。
这些新技术理念的出现对UI设计师来说既是机遇又是挑战。
如今,国内的UI设计日益发展,有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说,在这一领域,我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样,存在工艺、材料上的限制,其核心问题恰在于人。
因此,提高软件UI设计师的个人能力,真正提升软件产品的人性化程度,已成为中国UI发展的重中之重。
4
薪酬水平
在各类软件产品设计人员中,UI设计师的收入处于中等水平,有UI设计经验、作品足够优秀且具有大项目经验的UI设计师的月薪则稍高一些,而如果能晋升为设计总监,这一数据则会更高。在二线城市一名优秀的UI设计师年薪十万也不是难事。
5
适合人群
由于目前UI设计师整体上缺乏一个良好的学习与交流的资源环境,这一领域真正高水平的、能充分满足市场需要的UI设计师为数甚少;而IT行业日新月异的发展速度和人们日益提升的生活标准,也对从业人员提出了越来越高的要求。
因此,UI设计师应该通过不断的学习实践,在诸多不同领域,尤其是在人才资源普遍缺乏的社会学、心理学等人文学科领域拓展视野,丰富自我,努力向高级、资深设计师乃至设计总监的方向发展。
关注柠檬!送你教程。看我头像旁的个人介绍。
UI设计,即用户界面设计(User Interface Design),主要关注于软件、网站、移动应用或其他数字产品与用户之间的交互体验。它旨在通过视觉传达和互动设计,提升用户体验,使产品既美观又易用。UI设计包括以下几个核心方面:
1. 界面设计:设计软件或应用的外观,包括颜色方案、布局、图标、按钮、字体等元素,确保界面既吸引人又直观易懂。
2. 交互设计:设计用户如何与界面进行互动的规则和流程,确保用户能够顺畅地完成任务,包括点击、滑动、输入信息等动作的反馈机制。
3. 用户体验设计:关注用户的整体感受,确保设计符合用户需求和预期,通过用户研究、用户测试等方法不断优化设计。
4. 视觉设计:运用视觉元素和原则(如色彩理论、排版、空间布局等)来增强界面的视觉吸引力和信息传递效率。
5. 原型设计:创建可交互的模型或原型,以模拟最终产品的外观和功能,便于团队成员和利益相关者评审及用户测试。
为了成为合格的UI设计师,需要掌握哪些技能,可以找到靠谱的UI设计培训机构的课程大纲。下面分享一套阿多比设计最新的课程大纲给大家,希望可以帮到大家了解如何学习UI设计。
总之,UI设计不仅是一门艺术,也是一门科学,要求设计师具备技术和艺术的双重素养,以及对用户需求深刻的理解和同理心。
谢谢邀请。
这个问题回答过,UI设计师要做的包括以下
1. UI视觉设计
2.UI交互设计
3.用户体验设计
4.初级产品设计
5. UI插画设计
6. 新媒体运营设计
7.网站设计
8.电商设计
9.平面设计
10. 动效设计
可以看一下下面这个图书,清华大学出版社出版
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。说白一点就是界面设计,怎么去理解这句话呢!例如互联网公司的产品界面。PC端和手机端的QQ的登录界面,聊天界面,设计都是属于UI设计。用一句话去理解就是互联网的产品外观设计,也就是说所有的互联网产品的界面设计都叫UI设计。
那行业细分一般分为4种行业
移动端UI设计师————手机平板上的APP设计和主题设计,目前主流的UI设计,因为目前移动互联网的快速发展,很多公司主要以手机APP为主,所以学习主要也是先从移动端入手学习。
PC端UI设计师————电脑上的软件和网页按钮设计,PC端UI设计师主要以电脑软件界面设计为主,就目前而言大多数网民主要是使用的还是移动端居多。
游戏UI设计师————网游和手游上的界面等设计,目前来说这个是比较难的,因为目前来说中国的游戏市场主要以腾讯,网易两家公司垄断,而且公司对游戏UI设计师的要求也特别高,学历,经验,是否科班出身都有严格的限制,但是要求高回报也会更高,游戏UI设计师是目前UI设计师里面工资最高的。
其他端UI设计师————AR,VR,银行取款机界面,自助取票机,智能手表的界面等,这类UI设计目前还是来说还没有完全普及,大家可以进入UI行业后,慢慢学习了解其他端的UI界面设计。
作为一个在设计行业从业十几年的人,今天我来说一说UI设计的定义以及UI设计需要掌握的知识点!
废话不多说,直接上正文!
UI定义:
ui设计的本义是用户界面,是指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人,从工作内容上来分,一般分为图形设计、交互设计和用户测试这三分类。
那么这里是官方的定义,对于初学者来说可能还不是很理解,此时我们就应该用最通俗的话来去理解它认识它。
举个例子来说,例如我们使用的抖音,假设抖音这款软件还没有出现,只是整个信息框架都搭建好了,比如如何看视频,如何评论,如何关注,都规划好了,只是还没实现,那么,接下来就是我们UI设计师来设计了,把这些规划好的东西都给设计出来,以界面的形式给展示出来,例如,界面的长相,关注、评论的图标,等,你所看到抖音所有的界面都是我们UI设计师所设计出来的,同时符合我们用户行为的规范来设计,这就是UI设计的定义了,在工作中就是担任产品的设计一职,并且是视觉设计。
无论产品的质量怎样,用户接触产品的第一幕,就是UI设计师给产品设计的这张脸,所以你所设计的界面,图标,搭配的版式,色彩等等如果满足不了你的用户眼球,那么等待的只是关闭卸载。
要想快速进入一个行业,找对学习路径是关键。一个好的学习路线能让你事半功倍,少走很多弯路。
所以,今天就跟大家分享一份系统的UI/UE设计学习教程路线图,零基础也可以无压力的走进UI设计,学习UI设计!
UI学习路线
到底要怎么如何去学习好UI设计呢?在看过上面的学习路线图之后,相信大家更有一个直观的了解,不是懵懵懂懂不知从何入手!
UI视频教程
分享一些高质量的UI设计视频,让自学更轻松!
如果对你的学习有所帮助,记得点个赞吧!嘻嘻!!!
分享一篇我之前写的学UI设计的过程,基本所涉及到的内容就是一个设计师应该掌握的内容。
一、了解行业
学UI前必须知道这行做什么,身为UI设计师负责哪些,工作形式怎样,该具备怎样的技能才可以胜任,这样带着目标去学效率会高很多。如果做什么都不知道稀里糊涂学了都不知道学的东西是不是自己喜欢的或者对以后的工作有没有帮助,那就是无用功了。
首先你得知道UI设计师的日常工作就是根据产品经理提供的原型做出预期目标的界面,界面长啥样我就不说了,你随便打开你手机上的APP,或者登陆某个网站,看到的界面效果就是需要设计师来设计的。原型的话比较复杂,我做了张图可以看下面这个效果:
第一种是比较理想的原型,看上去非常清晰美观,一般很少能遇到把原型做到这么细腻的;第二张是比较普遍的情况,很多产品经理或交互设计师做出的原型大概率长这个样子;第三张是空白的,很多小公司的产品经理直接跟你口头描述下,没有原型或者得你来画原型,所以你得脑补原型这种东西……
除此以外,有些公司UI设计师是在做交互设计师的工作,就像上面提到的画原型理清产品流程这些工作;还有一些公司UI设计师也会兼顾一些零零散散的平面设计工作,比如平时的海报、宣传单页、线下物料等等;还有一种是公司产品功能搭建的比较完善了,这部分设计师就很少会输出界面设计了,公司工作重点也是放在运营上,就会频繁去做一些营销类的设计,比如H5或促销广告这些,这部分视觉要求一般会更高。
二、软件基础
工欲善其事必先利其器,所以了解UI做什么工作内容之后还是得从软件学起。UI涉及的软件大概有Photoshop、illustrator、Sketch、XD、Axure RP、XMind、After Effects 、MarkMan、CINEMA 4D、principle等,乍一看这么多不知道该从哪个学起,大概说下这些软件吧。
Photoshop:这是但凡是个设计师必会的软件,尽管现在UI已经没几个人用Photoshop输出界面了,但不排除小部分公司还是在用,或者说其实用什么软件都可以只是Photoshop在效率上稍微低点。但还是会优先推荐你学习Photoshop,因为这个软件不仅在UI输出会用到,其他用到的场景太多了,设计师没这个真不行。还有会这个软件再去学其他的会轻松很多。
Illustrator:矢量绘图软件,跟Photoshop和Sketch兼容性都不错,建议在入行前掌握基础功能,但顺序可以放在Photoshop之后去学。
Sketch:这才是当前最主流的UI输出软件,但很无奈的是只支持苹果系统,如果有条件最好掌握学起来很快,一两天就能学会。如果没有苹果电脑可以学学XD,XD跟Sketch界面相似功能也差不多。
Axure RP:这是最主流的原型制作软件,功能非常强大,但有一部分功能比较难学,如果时间紧迫可以掌握基础操作,抛开变量、中继器哪些还是很容易的,两三天就能掌握。
XMind:看别人提了就顺便说下,脑图软件,1小时掌握。
After Effects:动效软件,并不一定要求你必须得在入行前掌握,但如果你入行之后还没掌握后续可以花精力继续学习。
MarkMan:配合Photoshop的标准软件,1小时掌握。
CINEMA 4D:建模软件,同After Effects。
Principle:动效交互软件,也只支持苹果电脑,非必学,可以根据自己情况决定。
以上软件的学习程度,尤其PS、AI最好熟练掌握基础操作,并不建议设计师执着于软件操作,但是连基础操作都不能熟练运用,还谈什么设计。
看到有些回答简直不负责任,误导人,有个回答说软件需要学习:photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash。这些里面Fireworks都淘汰好多年了还学个鬼啊,Flash现在早已改名Animate,主要用于做动画的,对UI没什么帮助,更不是UI的必备软件,而比较普遍的Sketch、XD提都没提,CorelDRAW的功能可以用AI代替,平面设计用的较多并不适用于UI,这些人真的是做设计的吗?开口就来?
三、临摹练习和审美提升
前面都在说操作,这一步才进入设计环节,其实说是第三步不一定要等第二步学完才进行,可以每天花点时间找些好作品看看,培养美感。哪怕一开始就可以找一些看看,多收藏整理,附上我以前整理的素材库,图一是大的分类,图二是06素材点进去的素材细分。整理和收集对学习还是有很大帮助的。
等到中后期软件学习的差不多就找一些不错的作品开始练习,这里我推荐先多上上站酷和UI中国,记得一定要找2火和3火的作品看,这些作品因为足够有些被平台推荐是不错的接件作品。另外可以去Behance看看整套项目的作品怎么包装,还有Dribbble上看看别人怎么做练习和炫技,这些对整个过程的学习、美感的提升以及后期作品准备都有非常大的帮助。
四、读书
理论的知识还是得有,理论和实践相结合,建议至少读三本书,一本产品方面的、一本UI方面的、一本用户体验方面的,其他方面的根据自己实际情况去选择,还可以看看站酷、知乎、简书上面别人整理分享的文章,文章会缩短你读书的时间,这都别人总结出来的精髓,遇到重点信息还可以做笔记。这些东西不仅能加强你的理论知识,还可以在面试和工作中来加强自己的论点表达,让别人觉得你比较专业,而不是动不动就我觉得怎样怎样,或者出了还行、太丑、空等说不出其他术语来。
五、积累、整理作品
做这行没作品就别想找到工作了,所以作品从哪里来就得自己平时积累了,平时做得多最后面试的时候随便选一些都满满一封作品集了。平时就应该注意对不同类型的作品的积累:
1、图标:包括拟物化、扁平化、线性图标、面形图标等,最好每样都练习一部分,工作中每种都会遇到的。
2、界面:前期可以是单个的页面,后期有点基础了最好自己从原型做起,规划整套的项目,然后独立完成整个项目的交互和UI,面试非常看重你的整套项目作品的,因为这反映的是你的工作能力,值得指出的是UI有很多规范,而且还在不断更新,这些规范应该熟知,那么练习这些项目的过程中应该熟知一套规范怎么去定以及怎么运用;
3、视觉设计:建议练练插画,现在插画用的范围太广、启动页、广告banner,甚至连图标都是小插画,这需要很深的美术功底,但还是要去练习,不然永远不会,顺便在练习的过程中积累作品;
4、手绘,其实UI平时用手绘不多,但是手绘反映的是你的美术功底和设计师的个人魅力,专业程度,身份象征这些通过手绘给人感觉就很不一样。
5、其他作品,动效作品、建模作品这些视情况而定吧,每个人情况不一样,还有有些人会前端直接写了个人网站,这些都不是硬性要求,虽然技多不压身但是一开始得有侧重点,一定要针对性去学习,有些技能可以后期拓展,有些是一开始就得必备的。
六、制作简历和作品集
前面的都完成就差最后这一步了,设计师最好还是做个作品集去面试也比较好携带,文件夹过于琐碎,PPT得全屏,还是pdf体验稍微好些,也可以一个个项目整理好传站酷、UI中国。另外简历的制作也很讲究,这些都可以去站酷看看,找些带2火3火推荐的作品集看看,如果有需要我后期再补充点,大概就先说这些。
自学并不容易,不仅有足够的自制力坚持下去还得有专业的方向保障,希望你多去找找,选择靠谱的自学教程,多找些群和站酷这种平台的设计师交流,多把自己的作品拿出去,早点找出自己不足早作纠正,尽最大程度避免走弯路,最后祝你自学成功。
一、Photoshop
Photoshop是图像编辑和设计软件,相信大家再熟悉不过了。现在不光是设计行业,一些非设计类岗位在招聘人员的时候也更加倾向于会使用Photoshop的人,因为现在很多行业都会用到PS来简单改图,新媒体行业更是如此。
那么UI设计行业的从业者当然就得更加精于Photoshop,才能够做出更好的设计、拿到更高的薪资。Photoshop是设计的基础。
不管是UI设计还是平面设计、网页设计、电商设计,都需要熟练运用Photoshop,Photoshop也可以说是设计行业的门槛,掌握了它,才能够迈入UI设计行业。
二、Illustrator
Illustrator是矢量图形和插图软件。它主要用来做页数多的宣传品,也可以完成一些简单的图像编辑。
复杂的图层设计会先用Photoshop完成,再导入Illustrator进行排列。它是高阶UI设计师需要的技能,也是在UI设计中比较常用到的软件。
今天和大家分享几个每位 UI 设计师都会用到的知识点,内容如下:
01 底部导航和内容的区分方式
大部分 app 产品页面都是带有底部导航的,正常来说,底部导航是需要和内容部分做一点区分的,如果底部导航是纯白色,内容区域也有大面积纯白色,二者相遇后,就会傻傻分不清楚。
那如何做区分呢?我看了很多产品后,大致可以分为三种:
第一种:加一条灰色的线
有些加的 1px,比如站酷的:
有的是加的 0.5px,比如知乎的:
我个人比较倾向于稍微细一点的,会稍微精致一些。
第二种:导航本身是灰色
如果导航本身是灰色,那就不用加线了,直接就可以和内容进行区分,比如 qq 的:
可以注意下,现在很多 app 的底部导航有一点的透明加模糊的效果,还是比较舒服的。
第三种:加投影
也有一些产品底部导航是白色,但不加横线,而是加投影来进行区分,比如:
我觉得效果也还行。
以上就是我目前看到的三种处理方式,大家可以根据自身产品风格来选择使用哪种方案。
02 已填写与未填写内容的区分方式
最近做了一些关于个人信息填写、账号绑定的页面,所以在思考一个问题,如果已填写和未填写的部分,没有做状态区分,用户识别起来就会有一定的成本,比如有些平台的效果是这样的:
已填内容和未填内容都是很浅很灰的字体,分区效果不明显,识别成本就会有点高。
看了很多产品的方案,大致可以用以下三种方式来进行区分:
第一种,已填内容为黑色,未填内容为灰色:
第二种,已填内容为蓝色,未填内容为灰色:
第三种:已填内容为灰色,未填内容为空:
我个人还是比较偏向第一种方式,填写了内容就亮起来,但也不用太亮(比如使用蓝色),黑色表示有内容,灰色表示暂无内容,够用!
03 信息流的区分方式
我们经常会做一些关于图文信息流的排版,信息与信息之间如何区隔呢?正好最近在做,稍微归下类,找到四种区分方式:
第一种:线条区分,比如像网易云、朋友圈等等:
第二张:色块区分,比如快看、吧嗒等等:
第三种:卡片区分,像唱吧、美团外卖等等,直接用卡片把每个信息进行包裹来区分:
第种:间距区分,像站酷这种,中间不加任何区分元素,只有间距,但是这种一般使用在信息相对比较简单、大图片场景:
以上几种方式,可根据自己内容复杂程度、信息层级、设计风格等多个维度来进行选取使用,只要有理有据即可。最后,选择一个好用的设计软件也是比较重要的, figma以及国产在线设计软件都是不错的。 即时设计是一款国产UI设计工具,和figma一样,可以在浏览器中打开直接使用,比figma更适合国内设计师。
总结 即时设计 - 可实时协作的专业 UI 设计工具总结
好啦,以上就是今天要和大家分享的几个小点,因为平时工作上会遇到,所以就多去看了看别的产品,然后总结一下和大家分享分享,希望能对大家有所启发。
包含互联网界面设计工作,需要掌握产品策划思路,设计配色,交互等等!