第一篇:UI设计师应该知道的
从走出校园到现在,我的工作一直是做网页设计,一般接触的都是企业网站的设计,不久前我换了新的公司,我以网站美工设计师进入这家公司,公司是做软件开发的,用到美工的自然是软件界面设计。昨天惊怪发现原来做软件界面设计是另一种设计,叫UI设计!以下是在网上看到对UI设计说明,呵,觉得不错就转了来。值得UI设计师的学习与参考!什么是UI设计?
UI的本意是User Interface也就是用户与界面的关系。他包括交互设计,用户研究,与界面设计三个部分。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
一个通用软件界面的设计大体可分为五个步骤:
1.需求阶段
2.分析设计阶段
3.调研验证阶段
4.方案改进阶段
5.用户验证反馈阶段
需求阶段
软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/ 遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。
除此之外在需求阶段同类性质的软件也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。
分析设计阶段
通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。但有些词是相互矛盾的,必须放弃一些,例如:亲和,放松与cool,个性与等。所以我们画出一个坐标,上面是我们必须用的品质,精美,高档,时尚。左边是贴近用户心理的词汇:亲和,放松,人性化。右边是体现用户外在形象的词汇:cool,个性,工业化。然后我们开始搜集相呼应的图片,放在坐标的不同点上。这样根据不同作标点的风格,我们设计出数套不同风格的面。调研验证阶段
几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客
观的反馈。
测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。
例如:
数据收集方式:厅堂测试/模拟家居/办公室。
测试时间:X年X月X日X日。
测试区域:北京、广州、天津。
测试对象。某软件界定使用用户。
主要特征为:
•对电脑的硬件配置以及相关的性能指标比较了解,电脑应用水平较高;•电脑使用经历一年以上;
•家庭购买电脑时品牌和机型的主要决策者
•年龄:X-X岁;
•年龄在X岁以上的被访者文化程度为大专及以上;
•个人月收入X以上或家庭月收入X元及以上;
•样品
•五套软件界面
•样本量:X个,实际完成X个。
调研阶段需要从以下几个问题出发:
• 用户对各套方案的第一印象
• 用户对各套方案的综合印象
• 用户对各套方案的单独评价
• 选出最喜欢的• 选出其次喜欢的• 对各方案的色彩,文字,图形等分别打分。• 结论出来以后请所有用户说出最受欢迎方案的优缺点。
所有这些都需要用图形表达出来,直观科学。
方案改进阶段
经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。
用户验证阶段
改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。
UI设计师是做什么的UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的,其分别是研究工具,研究人与界面的关系,研究人。
研究界面----图形设计师Graphic UI designer
国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是软件产品的产品外形设计师。
这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。
研究人与界面的关系---交互设计师,interaction designer
在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。
交互设计师一般都是软件工程师背景居多。
研究人----用户测试/研究工程师User experience engineer
任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。
用户研究工程师一般是心理学人文学背景比较合适。
综上所述UI设计师就是:软件图形设计师、交互设计师和用户研究工程师。
UI设计师要做到的:
1.简易性。
界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
2.用户的语言。
界面中要使用能反应用户本身的语言,而不是开发设计者的语言。
3.记忆负担最小化。
人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
4.一致性。
是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与实际内容相一致。
5.清楚。
在视觉效果上便于理解和使用。
6.用户的熟悉程度。
用户可通过已掌握的知识来使用界面,但不应超出一般常识。
7.从用户的观点考虑。
想他们所想,做他们所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。
如:书籍对比竹简。
8.排列。
一个有序的界面能让用户轻松的使用。
9.安全性。
用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10.灵活性。
简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄)。
11.人性化。
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。
UI设计中应回避的一些细节
A、易用性原则:
按钮名称应该易懂,用词要准确,屏弃那些模楞两可的字眼,要与同一界面上的其它按钮易于区分,能望文知意最好。理想的情况是用户不用查阅说明书就能知道该界面的功能并进行相关的正确操作。易用性原则的一些细些要求:(1)、相同或相近功能的按钮用Frame框起来,以便于操作。(2)、常用按钮要支持快捷方式和硬件操作,如按Tab键或者是其它键能够实现的切换功能。(3)、按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。(5)、重要信息的控件和指引性地内容最好有意识放在较醒目的位置。
(6)、同一界面上的控件数不要过多,考虑使用分页界面显示多内容,以便也使用者使用观察。(7)、分页界面要支持在页面间的快捷切换。(8)、默认按钮最好能支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。(9)、可写控件要具备自动检测功能,在监测到非法输入后应给出说明并能自动获得焦点。
B、规范性:
(1)、常用命令要有快捷方式。(2)、菜单前的图标能直观的代表要完成的操作。(3)、菜单深度一般要求最多控制在三层以内。(4)、工具栏要求可以根据用户的要求自己定制一些内容。(5)、工具栏中的每一个按钮最好有及时提示信息,特别是在手持产品中更加需要,而且这些提示信息可以根据使用要求决定是否显示。(6)、系统最佳状态应被设置为默认状态。(7)、工具栏太多时使用工具厢,而且工具厢要具有可增减性,由用户自己根据需求定制。
C、合理性原则:
(1)、父窗体或主窗体的中心位置应该在对角线焦点附近。(2)、多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。(3)、错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。(4)、与正在进行的操作无关的按钮应该加以屏蔽。(5)、对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。(6)、对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。
D、美观与协调性原则:
界面应该在元素大小比例、颜色质感、形状语义、功能设置等方面适合美学规律,一般不要
太突兀,亦不可太平淡(特殊需求的例外),塑造自己的独特性(界面设计的特色要与公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语大体一致)的同时,也争取塑造一种和谐舒适的美感。
E、安全性原则:
界面开发者应当尽量周全地考虑到各种可能发生的问题,并在设计中做到使出错的可能性降至最小。(1)、排除应用中那些非正常使用出现中止的可能,以增强稳定性。(2)、应当注意尽可能避免用户无意录入无效的数据。(3)、采用相关控件限制用户输入值的种类。
(4)、对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。(5)对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。(5)、对错误操作最好支持可逆性处理,如取消操作。(6)、在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停的切换甚至最小化其他窗口来显示该窗口。
(7)、在主界面载入完毕后自动卸出内存,让出所占用的WINDOWS系统资源。
第二篇:UI设计师
UI设计师
职位描述:
1、根据公司产品开发计划,负责手机客户端软件美术创意、UI界面设计,把握客户端软件整体风格及视觉效果;
2、配合工程师进行手机软件界面优化,提高美观性和用户体验;并将设计图高效合理地制成供开发人员使用的切图或页面;
3、根据产品开发需求和变更,积极配合相关部门和同事完成产品各部分的更新和修改,保证产品成功的推出;
4、依据公司运营计划,负责完成公产品的广告、宣传片、宣传物料、活动专题等设计。
任职资格:
1、掌握手持设备最新视觉趋势潮流及具有敏锐观察力,具备使用者为中心的设计理念;
2、能熟练使用photoshop, coreldraw(或illustrator), Flash 等相关设计工具dreamwaver等设计软件,了解html、javascript、p+css等网页技术;
3、工业设计, 视觉设计或是艺术设计相关专业;具有深厚的美术功底,优异的视觉设计, 配色, 风格制定等能力及品味能够兼顾设计的创意和实用性;
4、拥有独立完成整套UI设计的能力和出色的审美能力;
5、手机客户端、手机游戏UI设计经验优先 ;
6、擅长软件界面和网站设计,有交互设计能力和经验者优先;
7、请务必附上设计案例作品或链接。
第三篇:UI设计师年终总结
工作总结
时光飞逝转眼间2013年即将离我们而去,新的2014年已近接踵而来,光阴似箭,岁月匆匆,时间伴随着我们的脚步急驰而去,穆然回首,才发现过去的一年并不能画上圆满的句号,内心不仅感慨万千,新的一年又开始了,在我们昂首期待未来的时候,有必要对过去一年的工作做一个回顾,总结以往的经验教训,以待在新的一年有所改进。从进入公司以来,在领导及各部门各同事的帮助下,我顺利的完成了工作的任务。在工作期间同事互帮互助,对我也很照顾让我工作上迅速上手。我们公司的开发速度很迅速,从立项、研发、生产工作井井有条一气呵成的完成开发项目。我知道我还有很多不足,还有很多需要提升在下个里,我将努力做好工作,积极学习提高自己的设计水平更好的服务公司。在工作期间里也总结了一些收获:
1、收获了领导和同事的关照和帮助,让我很好的融入了这个大家庭。
2、从事一份新的工作,就有新的挑战,新的历练,在工作上也让我了解到以前不同的思维、设计、交互方式的差异,更加完善了我对UI设计的理解。
3、体验了从需求、立项、设计、研发、生产这一整套流程下的工作模式。有待进取:
1、对产品了解不够深:表现在产品使用人群、产品使用环境、产品的优缺点
2、对用户需求、操作、习性没有做过深度有效的调研。
3、对产品操作上没有很好的结合使用环境、使用者状态分析 期望公司能在视觉这一块区域能加大力度,视觉和硬件都是产品的竞争力,现今全民交互的大时代,制造工艺的平均化,最廉价的提升产品竞争力的方式就是在视觉上提升。希望公司能给我们设计人员多提供一些专业上的培训机会。参加一些业界顶级设计师讲座等;多思维的碰撞和讨论才能产生完美的产品。工作时间上能科学化安排。
公司产品方面以后可以推出一些亲民产品结合互联网发展趋势,研发普通级别能改善生活的产品。例如智能穿戴、智能家居这方面的产品,生活需求大于工业需求,现在很多网络公司和制造业公司合作,进军智能生活市场。我们应该跟随市场趋势,利用我们公司的优势创造更多的市场竞争力。
在以后的工作中我要保持着良好的心态,不怕苦不怕累,任劳任怨,多付出少抱怨,做好自己的本职工作。在以往的工作当中也存在着不足,争取改正以往的缺点,总结经验吸取精华,分析失败原因和工作当中的不足,为明年的工作做好战前的准备!努力提高设计水平、专业知识和表达能力,提供健全的设计,创造大家共同介入讨论机制,力争每个方案达到完善,望好东西,多交流,多分享。大家互相学习、自我学习、外部学习总之多多学习提升自己的工作能力,更好的服务公司为公司创造更大利润,来报答公司的苦心栽培。新的一年即将到来,我愿与公司共成长.祝愿公司业绩年年长。
第四篇:UI设计师试题
UI设计师试卷
试卷编号:(182)试题总分:150分
---------单选题共20题:(60分,每小题3分)1.题干:UI设计是什么意思?(A)A:User Interface的缩写,是指用户界面设计 B:User Identity的缩写,是指用户识别设计 C:User Ideal的缩写,是指用户目标设计 D:UserIntention的缩写,是指用户意图设计 2.题干:网页设计中的网页界面栅格化是指(C)A:使用ps设计网页界面过程中,将所有的层都格式化图层 B:在页面制作时,将所有的层宽度统一
C:栅格系统英文为“grid systems”,是从平面栅格系统中发展而来,以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。通俗点讲是在网页界面设计中,运用固定的格子设计版面布局,使页面风格工整简洁
D:网页设计中,使用背景是格子样式的背景图案
3.题干:以下AB两组色彩中,哪组色彩体现了“安宁、平静”的感觉?(A)
A:
B:
4.UI设计交付物都包含哪些?(C)
A.UI设计规范
B.产品原型
C.PSD效果图
D.HTML页面
5.题干:网页设计Web UI中,针对现在主流浏览器的大小设定,最常见的页面宽度为(A)
A:960px、970px、980px、990px、1000px B:1680px、2400px、3200px C:180px、240px、360px、400px D:无相关具体数值要求
6.题干:网页界面设计中,一般使用的分辨率的显示密度是多少dpi(C)
A:300dpi B:200dpi C:72dpi D:600dpi 7.题干:下列手机端UI设计分类排列方式中,哪种是类似九宫格的形式(A)
A:B:
C: D:
8.题干:UI视觉设计常用软件是(C)
A:Word B:Excel C:Photoshop D:Firefox 9.题干:在Photoshop中,图像最基本的组成单元是(C)A:色彩空间 B:节点 C:像素 D:通道
10.题干:下列哪一种不属于UI设计范畴(C)A:网页设计 B:手机界面设计 C:户外海报设计 D:软件界面设计
11.题干:下列哪一项是正确的CSS语法构成(C)A:body:color=black B:{body;color:black} C:body {color:black} D:body {color=black} 12.题干:css标签中background-color是什么意思(A)A:背景颜色 B:前景颜色 C:灰色模式 D:透明模式
13.题干:以下说法正确的是(B)
A:我们要学习的UI,英文全称为User Identity,即用户身份识别设计的简称
B:UI设计是指对互联网、移动互联网、软件等产品的人机交互、操作逻辑、界面美观的整体设计
C:UI设计师就是做程序开发的人
D:UI设计师不用了解和研究用户群体及群体使用习惯,只需要按自己的喜好进行设计就可以
14.题干:以下说法不正确的是(D)
A:UI设计是一种如何让产品界面美观易用,有效而让人愉悦的设计过程,它致力于了解目标用户和他们的期望,了解用户使用产品时的行为、视觉感受,了解“人”本身的心理和行为特点
B:产品是指用户浏览或使用的网站或者手机端应用软件等
C:根据界面的表现形式、使用范围的不同,UI设计进行了一个简单的使用范围的分类,即分为:网页设计WEB UI和图形化界面设计GUI D:我们要学习的GUI 是 Good User Interface 的简称,即良好的用户界面 15.题干:以下说法不正确的是(D)
A:门户网站:是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。典型的门户网站有新浪网、网易和搜狐网等
B:SNS:全称Social Networking Services,即社会性网络服务,专指旨在帮助人们建立社会性网络的互联网应用服务,典型的sns网站:校内网、开心网、facebook、腾讯微博等等
C:IM:即时通讯(Instant Messenger,简称IM),是一种基于互联网的及时交流消息的业务,代表产品有:百度Hi、MSN、QQ等
D:B2B:(Business To Business),是指一个互联网市场领域的一种,是企业对企业之间的营销关系。代表产品有:淘宝、京东商城等
16.题干:下列电子商务产品说法不正确的是(D)
A:C2C:是个人与个人之间的电子商务。c2c即消费者间,因为英文中的2的发音同to,所以c to c简写为c2c。c指的是消费者,因为消费者的英文单词是Consumer,所以简写为c,而C2C即 Consumer to Consumer。代表产品有:淘宝、ebay B:O2O:即Online To Offline,也即将线下商务的机会与互联网结合在了一起,让互联网成为线下交易的前台。这样线下服务就可以用线上来揽客,消费者可以用线上来筛选服务,还有成交可以在线结算,很快达到规模。代表产品:苏宁、大中、海尔等
C:B2M:指Business to Manager ,是相对于B2B、B2C、C2C的一种全新的电子商务模式。B2M相对于以上三种有着本质的不同,其根本的区别在于目标客户群的性质不同.前三者的目标客户群都是作为一种消费者的身份出现,而B2M所针对的客户群是该企业或者该产品的销售者或者为其工作者,而不是最终消费者。也就是说,B2M相当于通过网络寻找中间代理人、分销渠道
D:B2C,是个人对个人的一种电子商务模式 17.题干:下列说法不正确的是(C)
A:浏览器(Browser):指在我们使用的电脑上安装的,用来显示指定文件的程序。WWW的原理就是通过网络客户端(Client)的浏览器去读指定文件。例如网页浏览器。IE、火狐浏览器
B:Banner(横幅广告):是互联网广告中最基本的广告形式
C:BBS:英文全称是Bulletin Board system,翻译为中文就是“电子公告板”。俗称“记事本”
D:BLOG:全名应该是Web log,中文意思是“网络日志”,后来缩写为Blog,而博客(Blogger)就是写Blog的人
18.题干:下列说法不正确的是(D)A:App:是英文Application的简称,由于iPhone智能手机的流行,现在的APP多指智能手机的第三方应用程序。app的应用很多,所有安装在手机端、pad端等的应用,统称为app产品
B:API:应用程序接口(API:Application Program Interface),API 的主要功能是提供通用功能集。程序员通过使用 API 函数开发应用程序,从而可以避免编写无用程序,以减轻编程任务。代表产品:新浪微博API,百度地图API C:FTP:File Transfer Protocol的缩写,即文本传输协议,我们常用于将自己电脑里的网站及页面传输到服务器端的一种工具
D:IP:ip地址是指我们住宅的地址
19.题干:在Photoshop中,快捷键Ctrl + Alt+C 将打开哪个操作面板(B)A:图像大小 B:画布大小 C:自动色调 D:自动对比度
20.题干:在photoshop中,快捷方式shift+ctrl+alt+t,多用于什么操作(A)A:按圆形,以固定角度复制原始形状 B:横向复制图层 C:纵向复制图层本身 D:无动作
--------------多选题共5题:(10分,每小题2分)1.题干:交互设计过程中常用软件有哪些(AB)A:Axure B:Photoshop C:Vision D:Mysql 2.题干:UI设计的细分研究方向包含以下哪几项(ACD)A:交互设计 B:数据库设计 C:用户研究 D:视觉设计 3.题干:交互设计研究范围包含以下哪几项(ABCD)A:任务分析 B:说明实时响应标准 C:流程设计 D:易用性评估
4.题干:视觉设计研究范围包含以下哪几项(ABCD)A:创建可识别的图像 B:精美的外观
C:产品整体视觉统一性 D:布局构图合理性及美观度
5.题干:手机UI设计中的按钮状态包含以下哪几项(AB)A:默认状态 B:点击状态 C:不可用状态 D:滑过状态
---------------判断共5题:(10分,每小题2分)
1.题干:手机触屏操作比网页鼠标精确度高(B)A:正确 B:错误
2.题干:iphone 4s界面大小为640px*960px(A)A:正确 B:错误
3.题干:手机界面更多的以文字表现而不是图形表现(B)A:正确 B:错误
4.题干:GUI包含网页界面设计、手机界面设计和游戏界面设计(B)A:正确 B:错误
5.题干:用户的浏览习惯是从右到左,从上到下(B)A:正确 B:错误
------------------主观题共1题:(70分,每小题2分)1.题干:
测试软件应用熟练度,请使用任何一种软件,将下图完全临摹出来。
第五篇:UI设计师岗位职责[范文模版]
UI设计师
岗位职责:
1.负责web端页面及移动端产品相关界面设计; 2.负责视觉风格设定及UI规范设定; 3.负责平面海报设计;
4.完成上级交办的其他任务。
岗位要求:
1.有WEB端及移动端整体UI项目设计经验并有作品展示;
2.本科及以上学历,3年以上工作经验,能独立完成网站、系统等界面设计,对视觉设计方法和理念熟练掌握,有家装设计经验者优先;
3.精通Illustrator、PS、CorelDraw等图形软件,熟悉AE、PR等视频剪辑软件; 4.具备扎实的美术设计功底,富有创新能力,手绘能力好优先; 5.有良好的沟通协调能力及表达能力;
6.有良好的抗压能力及团队协调能力,态度端正,能及时有效完成工作任务。