UI设计师在工作中需要清楚知道设计的目的,需要非常的了解你做的产品把针对的群体是哪一类人,如果你做的不是大众型产品,设计师就更应该站在用户群体的角度出来想问题。而不是从自身的喜好和偏爱来设计。不同年龄不同阶段的人群对颜色都各有偏好,而且生活习惯和生活方式也会有所区别,这就需要UI设计师合理的把控要点,就比如小米手机的老人模式一样,老人会喜欢什么样的颜色呢?增加样式是会产生干扰还是更好的体验感?按钮要多大才合适?在这种产品的UI设计时,设计师需要从头参与,而且到了设计环节时,设计师基本上已经心里有数了。
交互设计的合理安排
UI设计是指“界面设计”,UI设计也属于平面设计的一个分支,界面的的交互策划与设计是很重要的前置步骤,对最终的用户体验有很大的影响。
一般来说,一个APP设计团队由产品经理、交互设计师、UI设计师、程序员组成。以我的了解,很多公司不设专门的交互设计师,而由产品经理完成相关工作。以下是我这里的工作流程。这个流程希望整个产品团队都能参与其中并共同加强对产品的理解。或者借一个时髦的概念,我是希望团队能具有更多Design Thinking,“设计思维”,来加强和推动解决问题的能力,并激发更多创新。
在这之前,一定要把脚本应用场景和人物角色做出来。你做的产品在什么样的情况下会被人所接受,你的产品最重要的特点。设计是否合理,这都需用户角色来实现,而不是设计师或产品经理自己。把场景和角色描述清楚,并且让整个团队理解透彻,这能保证团队少犯错误。
用户角色,实际工作中写文字描述就好,不用做的如下图一般高大上。如果你要给客户或Boss提案,可以做一个提升**。
1.故事版:
主要负责人:产品经理或交互设计师
最早大家开始讨论用户体验流程,在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论,而且主要讨论的是流程和主要功能,因此手画故事版最快最方便并易于修改的。
此环节要敲定Userflow,用户流程及其中的关键步骤,每一步骤都是一个主要界面。
2.关键界面线框图
主要负责人:交互设计师
在确定的用户流程中,选出几个关键的,有代表性的步骤,做细化的Wireframe线框图。线框图里要确保每一个UI元素的设计,包括其大小和位置。我们做的线框图是1:1的,也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。
此环节要确定关键界面里的UI元素和布局,以及全局的布局排版风格。
3.重要界面设计
主要负责人:UI设计师
此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计,进行配色、样式不同风格的尝试。
此环节要确定产品界面的视觉设计风格。
4.原型线框图
主要负责人:交互设计师
此环节交互设计师要完成全部界面的线框图(1:1的)设计并且团队确认。
5.原型设计
主要负责人:交互设计师
此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点,那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型,特殊项目也曾经做过Flash的。我还有一个奇葩朋友用PPT做过(PPT的开发工具VB)几乎接近成品界面的可动原型。
UI设计行业随着移动互联网快速发展,出现人求需求井喷,而薪资水平也是在不断的提升,对UI设计师的技术水平也提出了更高的要求。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。从字面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。界面设计不是单纯的平面设计,他需要定位使用者、使用环境、使用方式并且为最终用户而设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。UI设计除了要学习一些基本的操作软件,如PS AI AE AXURE 以外呢,还要学习比如配色,排版,字体设计,三大构成,消费心理学,沟通学,以及思维导图,原型图,还有交互逻辑,规范,切图,了解程序,用户体验,还有营销课程方面的内容。
一个合格的UI设计师,不应只是一个会使用工具的技术师,还应该是一个从整体项目综合考虑的工程设计师。只有综合水平的不断提升,才能有更好的发展前景。
1、用对齐营造秩序
对齐和对称都是让设计作品更加富有秩序的手段。相对而言,对齐运用范畴更广泛。这里的案例中,左边的直线勾勒出对齐的边缘,提高了设计的整体性。
保持简单
2、保持简单,但是别忘了最基础的原则。使用有对比度的配色,用稳固而均衡的排版框架。
复制是多页文档设计的精髓
3、如果你在设计一份多页的文档,最简单的方式就是复制页面,然后替换其中的图片,然后编辑文本内容。合理地运用线条点缀,保持样式的一致性。
用层次来梳理内容
4、 将内容和信息排列得更加层次化是视觉设计中最重要的部分,调整你的内容中元素的色彩和比例,可以观察到它在整体视觉中重要性的变化。
时不时让你的双眼放松一下
5、7×24小时的奋斗固然突出,但是你很难保持并拥有持续的创造力。适当的放松能让你恢复效率,产生灵感。适时地离开电脑屏幕看点别的,常常会有意外之喜。
伟大的留白
6、 留白会赋予设计中各种元素以足够的呼吸的空间,给用户以想象的空间。它让内容更加集中和易读,也不会因为凌乱而让用户分心。
跳出来思考
7、最有创意的思考者总会跳出条条框框来看待这个世界的。不要用随处可见的图标来装点你的设计,也许一个全新的设计更能代表你的想法。
对比是关键
8、对比所产生的效果是真正让人印象深刻的部分,使用滤镜来提升图片的对比度,用黑白来呈现最动人心魄的细节,用大小差异来呈现不同,这些都是对比。
1、确认目标用户:
在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
2、采集目标用户的习惯交互方式:
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。
3、提示和引导用户:
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。
4、一致性原则:
软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。
例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。
5、可用性原则:
软件要为用户使用,用户必须可以理解软件各元素对应的功能。
比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。
扩展资料
UI设计师的职能大体包括三方面:
一是图形设计,软件产品的“外形”设计。
二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。
三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。
如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。