ui设计师工作总结
一年时间过去,又有一些小年轻即将冲出校园,又有一些设计师将成明日黄花。
刚毕业的前几年对于一个人的职场生涯来说是非常重要的一段时期,是奠基性的一段时期。曾经听一个很有经验的设计师说过,不仅仅在于外部环境,你对第一份工作的态度以及热情会在很大程度上影响到你今后对工作的认知,所以第一份工作是至关重要的。
以下我就结合自己这一年多的工作来谈一谈UI设计师在初入职场需要看见的比技法更重要的一些东西,借以给后人警示吧。
不要被浮躁的时代带偏
在这个时代中生存,我时常感觉到焦虑。每天在需求之间疲于奔命,做着差不多的工作,终日忙碌却也总是庸碌;每天都会有新的词汇出现,隔一段时间设计风向就会变上一变,每天都要拼命地学习,才能看上去不被这个时代抛弃,然后再拼命地忘记。日复一日,循环往复。
相信很多设计师遇到过或正在经历一样的困境。尤其是初入门的设计师,经验尚浅,想要学习却不知先学哪里,听说最近C4D比较火所以学个C4D,听说设计师也要懂点代码所以学点css,听说最近全栈设计师很火所以我要啥都懂…但是为什么学了这么多却感觉越学越乱?
这是一个浮躁的时代,不要被这个时代带偏。
「全栈设计师」这个名词刚出的时候,一时间万人空巷,仿佛人人都成了全栈设计师,然而我们的工作并没有发生多大的变化,只有雨后春笋一般绝地而起的新培训班;当大多数人都在绘制2.5D插画、用C4D制作出一些绚丽得撩人的海报的时候,仍然有一些人坚持在自己的风格领域磨砺。我们总是什么都想学,什么都想要知道,却最终什么都只能触到皮毛。
并不是说你不是全栈设计师你就没有了出路,作为设计师,最重要的是了解自己,要有自己的设计风格和独一无二的设计价值观,建立起自己的价值壁垒,创造不可替代性。而你的价值壁垒一定不在于风口上的一些名词,而在于手中的工作,眼中的世界,对细节的琢磨,对问题的思考领悟,对规律的归纳总结。
工作管理很重要
在工作中有些地方容易被忽略,例如对自身工作的管理能力。我一直相信的一点是对全局的把控和规划能力并不是一蹴而就的,并不是说一个设计师20岁做的是搬砖的工作,30岁就可以理所应当地做管理的工作了。有很多人即使到了那个年龄,即使经验丰富,但是在管理上面还是有很多问题,这说明他最基础的,从一开始对自身的管理就没有做好。所以我认为,如果你在十年后想要成为一个管理者的角色,在当下就应该一步一个脚印做好对自己的工作管理。
或许是因为笔者所负责的产品和团队协作有关,所以我会花许多时间去研究适合自己的工作管理以及团队协作相关的一些软件。遗憾的是对于自身的工作管理这一块还没找到特别符合我心智模型的产品,目前只是在印象笔记中列表整理,追踪的内容有:项目、负责人、每日进度、周进度、已完成的设计(需要进行复盘)。
有些设计师可能会觉得这些细碎的琐事为什么还需要专门的软件来管理,为什么还需要专门的协作应用来进行沟通。有这种想法的需要要警惕自己有可能正在成为一个不愿意学习新事物的人。
曾经我也仗着自己记忆力好,上司给的项目可以铭记于心,所有的细节都不会遗漏,但是工作久了就会发现,这个会随着你接受的信息越来越多,年岁的增长变得力不从心。我开始在小本本上记下这些,开始在记事本里记下这些,开始寻找适合进行工作管理的软件,让自己的工作更加有条理,让大脑释放出一些空间去做一些更重要的事情。
也有些设计师可能会觉得自己宁愿花更多的时间去做好设计,而不是研究这些虚的东西。但实际上增强自己的软实力能让自己更具竞争力。
就如《google工作整理术》一书中提到的:
“解决问题的办法不是更加辛苦地工作,你本来已经够辛苦了。你真正想做的是更加巧妙地工作——利用现有的工具和技术,绕开社会强加给我们的种种制约。”
建立自己的知识体系
自问自己长久以来也看了不少的书,遇到一些实际问题却很难用自己学过的知识去组织和表达;而且随着年岁渐长,少年时过目不忘的本领退化成了过目就忘;渐渐觉得自己每天做着差不多的工作,没有办法学到新的东西……
因为这些问题我曾经很焦虑很迷茫,但渐渐发现这一系列的问题都出自于自己没有一套学习、组织、记忆的方法,思考问题也很表层,半知半解囫囵吞枣。在了解到这一点之后突然感觉自己的世界豁然开朗了。我在想,若是我一直没有参透这一点,或许工作再久,我都没办法获得更多成长。
在发现这一点之后,我开始结合自身的情况尝试建立知识体系,并使用思维导图来进行梳理。这个知识体系一定不会是永恒不变的。需要根据行业和自身的变化进行动态调整,并且不断往其中注入新的内容。
并且我开始把自己曾经忽略的东西一点点捡起来,开始深挖工作中遇到的一些小细节,从中获益匪浅。比如说:因为应用中控件体系混乱,和交互设计师对接出现一些问题,开始研究组件控件体系和android、iOS的规范,虽然之前也有研究过,但还停留在一个比较浅的层面;因为签到web端页面缺少规范遇到的问题去开始研究ant design和element,并且仿照着出了一份签到web端的设计规范;因为要做工作汇报的文本排版而去研究了提升文本可读性相关的行高、段间距、对齐方式、颜色对比度等等要素。透彻地研究,思考,组织,将它们注入我的知识体系,最后表达,分享,最终沉淀为自己的东西。
可以去学习和思考的东西很多,任何一个小点都可以深挖,甚至是一篇文章里的一个名词。经常可以看到一些设计大v在设计网站上发的文章其实说的也是一些非常小的点,这些小点或许都是我们在设计中遇到过的问题,但他们能从这些细节中发现问题,总结出一些规律,同时还能梳理出一篇文章,讲的是鞭辟入里头头是道,而你却只能在一旁想不服却又不得不服,根源就在于你没有细心观察过,也懒于去理解、思考。
与其花时间看很多篇知乎,不如自己动手写一篇文章。与其花时间去做一份华而不实的年终总结,不如好好对手中的各个项目进行总结和归纳。日常工作中碰到的坑是比一个好看的界面要宝贵得多的财富。
不忘初心,方得始终
记得很久前的转正评审上有个评委问过我一个问题:“为什么会想要做这份工作?”
“看到有人在用你设计出来的产品,是一件非常有成就感的事情。”这是我当初的回答。
如今,几百个日子过去,经历过焦虑、麻木这样无数杂陈的情绪后,有一天,一个在北京工作的大学室友跟我聊天时候提到:“豆丁,那个加班签到是不是你们做的,我朋友圈里有个人经常分享。”
听到这句话的一瞬间,我感觉到了一种跨越时间空间的成就感,这种感觉真的很神秘。
当时还有另一个评委问了我一个问题:“你才工作几个月,为什么ppt上面写着「设计道路艰险」,你经历了什么让你写出这句话?”
“这指的只是我内心对我自己的设计的一种要求。”这是我当初的回答。
如今,一语成谶。在工作中真的遇到各种各样挫折:因为不熟悉业务而踩的坑、因为职责范围不明晰而背的锅、因为技法所限画不出的想法、因周遭变动而产生的焦虑、被盗用的工作成果、反复修改的设计稿、不负责任的队友、职场关系、工资倒挂。而我也一直在寻找答案。
在那份转正答辩ppt的最后一页上我写了这几个字「不忘初心,方得始终」。
如今,身边有很多交互设计师从前做的是UI设计,也有UI设计师正在转岗,也有同事内心蠢蠢欲动。我想说的是,不论做的是交互、UI、甚至是产品,只要不忘记当初为之兴奋为之努力的那个初心,就不会失去不断向前的勇气。
做什么 :设计团队的协同
为什么 :无规矩不成方圆;确保设计团队的同步,方便团队内部工作的交接
什么时候 :在设计开始之前
谁做 :设计同学
在团队合作的过程中,同步是最重要的也是基础的知识。第一次和其他小伙伴一起完成工作,总结了几项同步的知识点和方法。
命名的规范包括了画板、图标和组建。
在设计过程中,为了方便技术人员查看文档和设计稿,我们在画板命名时,以需求文档里的模块名称为准。当需求文档的划分不够细致,在需求文档的标题后面+横线+名称,(如图:命名-01)
将命名好的画板上传至蓝湖,然后排序排好,并按照模块分好类别,方便其他的设计小伙伴查看和修改,也方便技术人员查找。
1.实心和描线图标保持同名,用【-o】来区分,比如【question-circle】(实心) 和【question-circle-o】(描线);
2.有无-circle/-square区别于边框和非边框,有无-o区别于实心和空心(如图:命名-02)
3.命名顺序:【模块】-【图标名】-【形状?】-【描线?】-【方向?】。
1)模块,例如左侧导航栏模块的图标比较特殊,图标名前可加【sidebar】,常用模块英文:顶部导航栏【navbar】,底部导航栏【tabbar】,自定义模块命名根据实际需要选择性添加
2)图标名,常用的图标命名用习惯的英文单词命名,非常用和自定义的图标命名可用拼音,多参考其他网站的命名方式 图标命名参考网站
3)描线,只在区分同一个功能的图标描线和非描线状态下使用,如果图标风格就是描线,不用每个图标后面都加此后缀
4.字体库的命名与运用
图标的托管网站是 iconfont ,在建立自己的项目时,电脑端的输入前缀【pc】,手机端输入前缀【mb】,fontfamily以公司名命名(如图:命名-03)
关于iconfont网站的字体库制作,可参考我的第一篇文章 字体库制作 ,里面详细介绍了制作过程和使用方法。
基于sketch软件的命名规范
关于symbol 是什么,有什么用,怎么制作,可以参考 夜雨y 的这篇文章,这里主要介绍命名规范
组件的命名是要用英文输入法的 / 作为分割,如果一级为最小级,一般命名是三级/二级/一级。这里可以参考微信小程序的UI组件命名
小单位的组件,比如按钮的命名顺序:【模块】-【形状?】-【颜色?】-【状态?】。(如图:命名-04)
1)图层样式的命名也是用英文输入法的 / 用来分割父子级,命名规范:【模块】-【颜色?】(如图:命名-05)list/line则是父子级
2)文本的样式命名规范:【字号】-【备注?】(如图:命名-06)
1、先把做好组件库保存
2.打开sketch-preferences-libraries-add library 添加保存的组件库即可 (如图:共享-01)
3.修改组件直接双击,点击弹窗最右边按钮>>修改完组件库保存>>在设计稿点击紫色按钮同步组件库即可(如图:共享-02,共享-03)
当然想要团队合作更方便,可以借助 蓝湖 这类的软件,nans也是团队合作,文件同步的有效工具。
1、自我介绍?
不管你面试哪个岗位,自我介绍都基本的,如何通过自我介绍让面试官在众多面试者中记住你呢?这就需要技巧!首先,你的自我介绍要传达给面试官一些她想要知道的东西,像你会什么,掌握技能多少以及抗压能力等等。
2、你平时一般上什么网站?你收集了多少素材?
在国内素材站有花瓣,(站酷)海洛,千图,昵图,我图等。我的素材是不限于某一网站的,在此基础上习惯于将他们的优秀想法进行分类,同时也会根据色彩、风格等分类,目前已收集到一个硬盘的素材。其实我个人在日常生活中也会画一些插画/启动页/2.5D/缺损图标。Behance、Dribble、Pinterest也经常上。
3、一个产品的配色你是如何决定的?
首先,如果公司有VI企业识别,我会根据公司的VI企业识别,优先选择VI的配色。其次,我会根据目标用户的喜好以及公司管理层对于产品定义的意见。当然,对于产品配色大方向已经确定的情况下,我也会多出几个方案以供公司挑选(或使用用户调研的方式寻求最能让用户接受的配色方案)。
4、APP一般做几个尺寸?屏幕分别是什么像素?
IOS(主要两种尺寸):(3s)320x480(4及4s)640x960(5)640x1136主要尺寸(6、7、8)750x1334
主要尺寸(6p、7p、8p)1242X2208(X)1125X2436
5、你的职业发展目标是什么?你五年内的规划是怎么样的?
首先成为高一级别的设计师,参与更多的项目以此积累更多的项目经验,在UI规范的统一性上提升、在交互动效上、在产品的文案上、运营活动(插画手绘动效)上提升自己,在行业上有自己的一席之地,如果能成长为产品经理,或者在设计垂直领域能到专家级别是更好的。
看完这篇文章,你对面试更有信心了吗?不知道这篇UI设计面试总结题有没有帮助到你,那今天北大青鸟UI培训班就跟大家分享到这里,感谢大家阅读由UI培训班分享”UI设计秋招常见面试题总结”希望对大家有所帮助,想了解更多培训信息请关注北大青鸟UI培训班机构官网。也可以填写下方表单,获取免费试听课哟!
UI设计如何突破设计瓶颈,成为更加有价值的设计师呢?
首先我们来了解下 UI 设计师需要具备的能力点,看如下图 UI 设计能力模型图:
与设计息息相关的三个能力是:沟通能力、专业设计、分析解决问题。如上图,我们可以看到一个非常有趣的点,我们虽然是设计师,但是我们要求设计师的沟通能力>专业设计能力,这是为什么呢?因为UI设计本质就是一个服务型的行业(它并不是纯美学,纯视觉上的一些表现),要服务好我们的用户和产品。那么沟通能力有助于我们去做好服务。这也就要求我们UI要注重稿件的可用性。
那沟通能力在我们设计过程中是如何体现的呢?
通过与产品、交互设计师的沟通(帮产品梳理出合理的产品方案,帮交互梳理出合理的原型产出),发现问题解决问题,而更好的服务于产品与用户,也从而让设计更加言之有物(有理有据)。
这也就要求我们打破传统的设计思维,去扩大自己的职能范围,去做一些产品和交互,而不是执行化地做些视觉工作, 也因此逐渐的走出我们的瓶颈点。
这也就是 普通设计师与资深设计师的区别, 资深设计师的设计不仅仅保证了设计的精细度,视觉上很美观,而且设计更加有理论的支撑,有更多的商业价值。
因此要走出我们的瓶颈点,需要我们去做到设计更加言之有物,更加有理论的支撑。
那么如何做到让设计更加有理论的支撑,有更多的商业价值呢?
这也就引出了张双老师的讲解重点——全链路的设计流程。
这也是我们UI设计未来的发展方向。
随着UI行业的发展,行业竞争越来越激烈,从一个只会ps就能拿到一个收入不菲的offer到用户体验的普及,到2016-2017行业开始进行筛选和过滤,2018年,未来我们更加需要全链路和复合化的设计人才。
那全链路的设计流程是什么样的呢?
首先我们来了解下传统设计流程。
如上图,我们不难看出我们设计是走在中后环节的,这就导致一个问题点,就是我们在做稿件输出的时候会比较闭塞,主要表现在两点 ①不了解产品背景 ②不明白交互原型为何这样布局等。
所以我们不难看出, 传统的设计流程导致我们只是做些执行化的设计工作,这也就是为什么我们会出现瓶颈点的原因。
因此我们要走出传统的设计流程,逐渐去设计一些产品和交互,让自己的职能范围更加广一些,朝全链路的方向发展。
全链路设计流程分以下6步:
这些流程是贯穿在设计前中后的:
设计之前:发现问题,背景解析。
设计中:解决方案,视觉验证。
设计后:产品上线之后,数据跟踪,项目复盘。
相对于全链路设计流程,我们很容易发现全链路设计流程的优点:
1、全链路能给我们带来一个更加全面的设计思考
2、让我们的设计方案更加言之有物,有理有据。
接下来我们一一来讲解全链路设计流程的步骤:
一.发现问题、背景解析
发现问题、背景解析这两个一起讲,因为这两个均属于设计前做的事情,均属于分析产品需求,通过做产品分析,可以达到产品的颜值提升和体验提升。
那我们如何来分析产品需求呢? 我们可以用5W1H产品分析方法
这就要求我们设计师在拿到产品文档的时候一定要去做一个解读工作,和产品经理沟通,并且拿到交互原型后,做背景解析,在产品整体内容呈现上面,梳理出更加符合用户需求的点。
①产品背景:
要做产品背景的分析,我们可以从以下三个方面去分析: 要做什么、竞品状况、行业资料
通过了解要做什么,我们思考要给用户怎么样的视觉感?
通过了解竞品状况,我们要去思考是否要保持一致的设计布局?(布局是否要和竞品保持一致,主要是考虑如果竞品已经把用户习惯培养的非常成熟时,当我们再去做一些创新的产品设计,一定要让用户感觉到相同的使用操作。这时可去做些视觉上的创新,交互布局上的创新不需要做很大的改变。)
通过了解行业资料,我们要去想是否还有做的必要?
②目标人群:
要做目标人群的分析,我们可以从以下三个方面去分析:
a 人群年龄(主要用户集中在哪个区间), 对应到设计,我们要思考的是这部分精准人群的偏好是什么?
b 性别分布(男女比例如何),对应到设计,如果是女性偏多,我们要思考的是女性的色彩偏好是什么?
c 兴趣特征(业余喜欢干什么)对应到设计,如果是喜欢看杂志?那我们是否可以界面融入杂志的感觉?也就是线下的元素搬到线上。或者做运营广告的时候在哪里投放比较容易让用户看到?
③预期目标:
要做目标人群的分析,我们可以从以下二个方面去分析:
a 想要解决什么? (这次需求是要解决什么问题?达到什么样的目的?要如何去做?复现分析一下)
b 有没有替代方案? (行业中有没有成熟解决方案,是否需要借鉴)
④使用场景:
要了解用户的使用场景,我们可以从以下三个方面去分析:
a 交互旅程图 : 在这个需求中,用户从哪里来,又到哪里去。即这是处在交互流程的哪一步?这一步的前后环境是咋样的?通过做这个,可以帮助我们做好界面的合理性,也就是信息层级,帮助我们判断视觉哪里做的强一些,哪里做的弱一些。
b 场景特征: 比如用户是在怎样的环境中使用的?昏暗的还是明亮的环境?有无干扰?这有助于我们在使用色彩的时候做出判断,颜色是要用明亮的还是暗一些的?
另外,做完后需要我们去做些强光测试和烛光测试
C 用户心理。 用户在场景中,心理状态是如何的?比如我们做一个订单结果页,这一步,用户是比较焦急的想要知道下单结果的,这时候我们就需要把用户结果状态突出,同时做好信息展示,以便提升用户的阅读效率。
⑤使用节点:
做这一步,是 为了避免我们过于忙碌的一个状态 ,我们需要了解一下产品的优先级,以及根据这些优先级我们来做一个排期。 那我们如何来进行排期呢?我们可以通过KANO模型来进行排期:
KANO模型:可以把我们很多设计需求和产品的需求分成五个维度,这五个维度是根据用户对整个产品的期望值而言的。如下图:
我们做需求的顺序是第一做必备因素,第二期望因素,第三魅力因素,第四无差异因素和第五方向因素是我们在产品过程中尽量不要去做的点,这时候我们就要和产品和交互沟通,把这些不好的点去掉。
⑥ 如何验证:
这一步我觉得是属于后面视觉验证、数据跟踪这步了,后续会在视觉这一块详细讲到。
以上就是6步模块化产品分析方法。也就是如何全链式设计流程里的第一、第二步。
二 解决方案
解决方案应该有很多。本次的视频教学里提到了一个:界面排版依据:十字交叉分析方法。
如上图,就是针对界面中用户关注的一些信息,根据其重要程度和紧急程度划分来进行排版布局。
判断依据是:哪些功能属于重要的(针对用户的)?哪些属于紧急的(针对产品的)?
先列出用户比较关注的一些点,然后进行调研,用数据说话,筛选出用户比较重要的点和对于产品比较紧急的点,然后按照上图的十字交叉分析来进行排版布局。
三 视觉验证→设计验证
这一块,视频讲解里是说“视觉验证”,但这里我想把UI设计验证的几个结合起来说,那我暂且就给它命名为“ 设计验证 ”,这一步是在稿件完成之后上线之前我们再去做的。
视频讲解中,前后一共提到过二个大的方面的测试验证: 界面浏览测试、可用性测试
①界面浏览测试
界面浏览测试,即测试稿件的合理性。问自己或者问测试者三个问题,看实际结果有没有达到你预期想要的结果:
1. 这个页面中什么地方最吸引你? 验证视觉传达是否合理且符合预期
2.你认为这个页面的作用是什么? 看这个界面设计有没有给用户一个清晰的感知,这个页面是干什么的?也就是功能传递清不清楚
3.当你使用这个页面,是否会使用它提供的功能? 也就是验证产品优点是否传递清楚
②可用性测试
验证UI的可用性有两种方法: 场景分析,任务测试。 (当然我们除了可以用着两个方法来验证UI的可用性,也同时可以用这两个方法来提高UI可用性。)
a 场景分析: 当我们看到一个稿件,看不出来它的可用性是不是有做好时,我们就可以运用场景分析的方法来验证它的可用性:
场景分析,需要我们像侦探一样去思考,用户是怎么使用我们的产品的?:什么人、什么时间、什么地点、什么事?
举例:
b 任务测试
通过任务测试,可以验证我们设计方案是否被用户所理解了
任务测试,即让用户去完成某个操作,然后查看用户操作过程中的反应,来看我们的设计有没有被理解?没有被理解的原因又是什么?因此我们要怎么改进?
四 数据跟踪
数据跟踪,是在产品上线后,我们用数据的角度来看设计产出。
在我们的设计过程中,往往大部分人都会忽视去做这个,实际上产品不断迭代,我们需要根据后台埋点的一些数据进行分析,然后发现问题,并去解决,所以这个数据跟踪分析还是很有必要的。
当我们稿件设计的细节上,视觉上等没有提升空间的时候,我们可以通过数据还能发现问题点。比如页面的跳转率,购买率等。
还有就是比如我们做了A/B 两个方案的时候,我们不知道到底哪个方案更好,这时候我们就可以做些A/B测试,然后根据后台给我们的一些数据,来看下哪个方案更好,从而来决定用哪个方案。
也可以通过查看数据来查看我们的设计优化有没有得到更好的效果?因此来验证&量化我们的设计产出。
那么接下来,我们要如何去了解数据呢?
举例:腾讯应用宝。
这个由于讲解比较复杂,所以这里就不说了,大家可以去高高手学习张双老师的《商业 UI 设计:全链式设计方法与流程》视频讲解。
五 项目复盘
项目复盘,根据老师的讲解,在我理解,就是跟别人介绍或者总结一下你做的某个项目的设计工作。我们可以从以下5个方面去讲:
1.设计精细度:
那我们如何阐述设计精细度呢?可以从以下三个方面:
①业务颜色属性。
②渐变幅度的统一及规范
③呼吸感的把控
比如图标:
2、设计流程
即跟别人介绍下,你在产品环节,交互环节,设计中和设计后环节分别都做了什么?
因此我们也来总结下全链路设计流程中,我们在产品环节,交互环节,设计环节,以及设计后的环节我们应该做些什么事情?
见下图:
3.风格定义
即在做视觉方案风格设计的时候,要不断的对飞机稿进行优化,做到匹配产品的视觉调性。如何做到设计稿最终匹配产品的视觉调性呢?我们可以通过上面讲到的5W1H的方法。
4.设计判断力:
在做一个稿件的改版前和改版后,我们要非常明确的说出来改版后的优点,比如:推动了什么?有什么改变?对用户来说有什么感触?
5.语言组织能力
把自己的成果和所得感悟很好的分享给别人。
以上项目复盘的5个方面,也是我们可以在面试过程中或简历上可以去介绍的5个方面,这样有助于我们拿到心目中的offer。
写在最后
最后希望此文能对你有所帮助,突破设计瓶颈,成为以上设计行业划分中的40% 。
终于写完了!写的不够好或者不对的地方欢迎指正!由于本文涵盖的内容比较多,所以有些点写的有些笼统,如你们想要进行详细的了解,推荐大家去高高手上学习张双老师的《商业 UI 设计:全链式设计方法与流程》视频讲解,里面都会有案例讲解。我仅此只是学习后,总结下来分享给大家。看我这么辛苦的份上,喜欢就点个赞吧~
包括掌握Photoshop、Axure、Illustrator、sketch、蓝湖等常用软件。另外,制作原型,界面,图标制作,素材制作,切图等等相关步骤的软件都需学会。
软件是是设计师的基础,新手刚入门可以先从这点入手。娴熟的技法,是完美展现设计作品的必备条件,要熟练掌握好。
2、临摹作品
对于刚入门的UI设计师来说只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。
临摹的内容,可以有两方面选择:一种是系统自带的图标,另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识
3、掌握平面设计理论知识
包括要掌握构图、排版、色彩和图形的基础理论知识。学习的途径毋庸置疑我们首选从书本获得!
4、锻炼手绘能力。
成为一个优秀的UI设计师需要一定的手绘能力,为什么?首先,在纸上的动手能力比在软件上完成较快速,效率有一定提升。
另一方面,通过手绘,能突出自己创作的与众不同,甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心,这些后天可以勤加练习弥补的。
5、学会寻找灵感
找灵感其实也就是培养审美的能力,这点建议大家可以多逛一下设计网站。当你能知道什么好看,什么不好看,会排斥那些不好看的设计的时候,这时候你的品味就自然上升了。
另外,看到不错的设计要记得采集下来,但一定要学会整理分好自己的素材文件夹。这对于一个设计来说是非常重要的。
UI 设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量 UI 设计的合理性。
UI设计目前的前景还是很不错的,很多企业都缺少 UI设计师。而且可以看到的是,现在社会的发展,更多的智能机和智能机器人研发出现,这些都离不开UI 设计师。所以说 UI 设计的是很有前途的,是不会失业的。而且 UI 设计门槛不高,要入门也不难的。
从工作内容来说,UI 设计在当前的互联网领域、科技领域可以说无处不在,
好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向,一个是交互设计,另一个是视觉设计。
总的来说,UI 设计相比较于编程而言,还是非常适合大众学的并且就业前景很广阔。学完 UI 设计,能获得一份稳定而又不失乐趣的工作,同时有利于追求更高品质的生活,在艺术领域可以获得更多的启迪。
UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
下面用一句话来总结:UI就是一切可视化操作页面。
上面的概念可能听起来比较笼统,具体来说每个都有操作系统,操作系统就相当于房子的地基,那么UI就像堆砌房屋需要的砖头、钢筋、水泥等等,不同的房子有不同的外观设计,这样的外观设计就由UI来负责。
清楚了UI设计的概念后,继续了解UI界面设计的作用。
1. 让软件富有个性,表现形式更加生动。就像每栋房屋都不同的建筑风格一样!
2. 让用户操作变得便捷、易于上手、引导用户的具体操作。UI也起到了向导的作用。
3. 延长软件使用寿命,提高软件市场竞争力。让软件更加深入人心!
UI 设计需要负责美观、品牌风格、浏览体验、阅读体验等内容。这些基本以 UI 设计稿的形式来呈现。UI 设计的本质,是美学、科学和需求的完美融合,虽然大部分人没有受过很好的美学教育,但基本审美还是有的。我们都会对好看的人多几分好感,也会去买自认为好看的衣服和物品。好看的人和物总给人一种赏心悦目的体验。我们的最终呈现都是经过不断地修改和设计师自身的能力来决定的。
从临摹到超越
对于设计新人,临摹优秀的设计作品是一种非常快速的提升途径。临摹的过程中,我们往往会更加主动且细致的观察作品,揣摩作者的设计思路,提升自己的设计感觉。而且在临摹的同时,也可以了解主流分辨率,图标、字体尺寸等与实际设计息息相关的问题。可以找到一位你喜欢的设计师,将其作品收集后,选择其中的某些点进行研究分析,然后不断练习。在练习过程中寻找原设计师的设计思路。设计完成后,再次与原作进行对比,仔细对比与原作的区别,无论是配色,还是构图、细节。反思的过程都是下一套优秀作品的基石。
从生活中感悟设计
艺术来源于生活,设计同样如此。一个宅在家里的人,一定不是一个优秀的设计师。每天沉浸于电脑前,你的作品中只会不断地出现别人的影子。其实更多的时间应该留给自己去感受生活:可以出去旅行,路过的风景或者发生的事情都能成为你最新作品的灵感之源出去看场电影,说不好某个场景或者画面的色彩指引你新的设计思路和家人朋友一起聚会,哪怕他们不懂你的专业,谈话间不经意的一些想法和观点有可能也是你意想不到的收获。
兴趣是坚持的动力
除了收入因素的考虑,很多人入行UI是因为好看的设计作品使其产生愉悦的情绪。如果你恰好是这种人,那么恭喜,你已经具有了成为UI设计师最基础的条件。我们都知道天才的1万小时理论。那么问题来了,一个人为什么会在一件事上花1万小时呢?有些人是不得已,而有些是深入其中,得到了满足,找到了愉悦感。当你对设计感到愉悦,学习设计的过程能够给你持续的满足感,你可以一直花时间在这里,不厌其烦。时间久了,你就会成为一名优秀的UI设计师。
基础知识决定价值
如果你是设计相关专业的,你会比其他人更容易入行。如果你是非科班出身的小伙伴,就需要在学习和工作中不断学习设计基础知识。例如理解了平面、色彩和立体会使你的设计作品具有更精湛的配色、质感和透视细节。扎实的排版基础也会让你的界面布局更加合理有秩序。
技能是设计师的利刃
“光说不练假把式。”即使你有非常过人的天赋和灵感创意,没有熟练的软件技能也无法将其实现。要学习什么软件,成为了新手最纠结的一点。目前行业中可选的软件实在太多,且各有优劣势。还是从主流的Adobe系列工具学起,Photoshop当然是设计师首选的必备技能。
排版美化很重要
UI界面设计中,排版设计同样重要,如何将至关重要的信息,有效地传递给用户,这是界面本身的职责,而在绝大多数时候,这通常是靠文本来完成。有效的排版对于改善 UI 整体的用户体验是极为重要的。而优化排版,本质上也是在优化UI和UX。
出色的排版设计能够让用户注意到内容,而不是排版本身上。优化排版是在提升排版布局的可读性,提升课访问性,但最低的标准和最核心的要素,依然是要保证排版本身的「可用性」。降低用户使用时的障碍和摩擦,减少认知负荷。排版本身不是选择字体,也不是制作字体和布局,它是塑造文本的呈现形式,达到最佳体验的过程。交互设计,会包括信息架构、信息的分类与展示、人机交互等,这些多以原型的形式来表现。
我们在买衣服和物品时,常常会给所有衣服和物品贴上“好看”与“不好看”的标签,“不好看”肯定不会选择。对待一款不好看的 App 也是如此:有时会不得已而用之,但在内心已经给这款 App 打上了“不好看”、“不专业”的标签。面对用户,UI 设计和大部分设计一样,首当其冲的问题,就是好不好看。
这在一定程度上说明,这些资深影迷的审美好,欣赏水平高。但是,如果让这些资深影迷自己去拍一部电影,可能就非常难为他们了。类似的道理,让大众去从事 UI 设计,就像让影迷去拍电影一样难。欣赏美和制造美,中间隔着一道鸿沟。这道鸿沟,最核心的部分就是各类专业知识,一言以蔽之,就是科学。
部分入行不久的 UI 设计师可能会做一些虚拟项目来练习。但在求职面试环节,面试官一般对这些虚拟项目不感兴趣,最多把它们当成视觉稿来一扫而过。原因之一,这些虚拟项目是没有经过市场检验的虚拟需求,有可能是立不住脚的需求,所以面试官不愿花时间去了解。如果展示出来的作品是针对现有产品做 Redesign,忠于原有真实需求的 Redesign,那么面试官的兴趣就会增加很多。UI 设计和大部分设计一样,是要解决问题的。这个问题,就是需求。
UI 设计,就是用科学方法,来满足需求,并带来美学享受。所以,美学、科学、需求这三样,本身也是 UI 设计的价值所在。UI 设计可能会有很多未来,但其核心价值在于我们的终极命题——用户体验,这个核心价值,一定是从用户角度出发。
这个 UI 界面好不好看,有没有美感,是最直观的感受看似不关心,一旦不好看,用户可能就会有一些负面情绪,如果很好看很有美感,用户就会有一种美的享受,而且会下意识产生这款软件做得比较专业和用心的想法。从用户角度出发,UI 设计的价值是需求和美学。另外,需求更多是靠产品、产品功能来承载,所以需求无法成为 UI 设计的核心价值。
美学、科学和需求的完美融合,是 UI 设计的本质。相应的,美学、科学和需求本身,也是 UI 设计的价值所在。其中的核心价值,则是美学。对 UI 设计而言,需求是本分,科学是方法,美学是精神追求。所以相应的,美学也是更大、更受人尊重的舞台。
视觉一致性
UI视觉设计中最重要的原则就是一致性原则,具体的表示是为用户提供一个风格统一的界面,这意味着用户可以花更少的时间在操作学习上,因为他们可以将自己从操作一个界面中的经验直接移植到另外一个界面上,使得整个UI体验更加流畅。
在为应用程序设计界面之前, 设计师首先会对界面的风格进行定义,而定义会以应用程序的市场定位、 功能特点等因素来决定, 完成风格的定位之后,就会开始着手设计一些单个的界面元素,而这些界面元素也就是组成完整界面的个体。
界面设计元素
人们审美需求日益增加,界面的总体设计和规划就尤为重要。面对无数的显示屏设计,色彩的选择和搭配是非常重要的。使用色调、明度和纯度进行调试,可以增加人的记忆,使个性和吸引力和浏览方便,以便产生商誉。使用颜色呼应,设计中要注意重颜色的使用,界面才能完美呈现,它有非常大的影响的平衡,可以提供一个更好的用户体验。一套完整的UI设计其实是比较复杂的,从需求分析到市场定位,从草稿到拟方案,从创意元素的组合到想法沉淀,从设计规范到突破传统,从纸上到电脑上,从个人到团队,或者从团队到个人。
优秀的UI界面是隐形的,华丽的装饰和不必要的元素都已经被剔除,简单直接的页面逻辑和直观必要的元素构成了这样的UI界面。设计UI的时候,你在添加任何元素的时候,最好先将你的UI内的元素限定为必须的,专注于核心的用户体验。
其实做任何事情都有规律可循,做设计也是,先搞清楚:给谁用?在什么时候用?首先,你必须要分析做的这个设计解决的是什么人在什么场景下的问题?一个直播社交APP设计首页解析ui设计过程网页链接,第一次使用的新用户对界面是完全陌生的,所以他的首次体验非常重要,界面应该为用户提供方向和指导。比如推荐喜欢的直播、热门的主播、简单清晰的使用提示等,以此来帮助用户快速适应设计而留存用户。使用过的老用户,他已经对界面熟悉,而且也有操作记录,当他进入首页的时候,他以前的操作数据是不是能匹配显示等。即使是同一个界面,在不同用户的不同场景下设计也要细分,有所区分的进行设计。
重点优先级:功能+交互操作+视觉,做设计要让页面的元素具有清晰的层次,一个页面的重点是什么?次之是什么?最弱化的是什么?而这个层次从三个方面都要有设计体现:功能+交互操作+视觉。一般情况下,这三个的优先级基本是一致的, 功能的优先级决定了交互操作和视觉的优先级,视觉优先级引导用户的操作路径的优先级,他们互相制约互相影响。
无论是设计前的思考,还是完稿后的审查,都可以这样做,保证设计的完整性、合格性。UI设计过程对专业的人来说肯定是不难的,但是对于刚接触的人来说可能达不到效果,这就需要一步一步慢慢的积累了。