BAT资深UI设计师经验汇总

第一篇：BAT资深UI设计师经验汇总

创想设计学院

官网：http://www.xiexiebang.com/

BAT资深UI设计师经验汇总

不论你是要为自己的微博做个有趣的图片，还是为自己的活动做PPT和邀请函，专业的UI设计的技巧总能给你的设计极大的帮助。

UI设计的技巧很多，但是核心的就那么多。字体的选取和搭配，排版布局的规则，留白的规律，说起来复杂，梳理起来也不是特别多。那么就让这25个史诗级的UI设计技巧帮你绕过设计上的坑，帮你打造真正令人难以忘怀的UI好作品吧。01、管好你的字体

请务必选择易读性较高的字体，太多的字体类型挤压在一起也是非常难以识别的，尽量使用简单协调的字体组合。

创想设计学院

官网：http://www.xiexiebang.com/ 这个案例中仅仅使用了名为Aileron 的字体族，这是一款无衬线字体，整体风格简约而富有现代美感，字体族中包含了多种字重和变体。02、不要害怕放大

将字体、形状等需要强调的内容放大。适当地搭配色彩，让需要强调的部分看起来巨大醒目，在这个案例中，我用Releway 字体来呈现“Scale”这个词，因为这个字体更加敦实、清晰，放大后看起来体积感十足。03、控制好各个元素的间距

创想设计学院

官网：http://www.xiexiebang.com/

“Respect”这个词的字间距被压缩，从而让整个单词显得更有凝聚力。排版中，各种元素间距需要根据实际情况来调整，内容多的时候可以适当收紧，少的时候可以适当放松。间距大小都需要兼顾到基本的可读性，分太开和离太近都很难让人阅读。04.明智地选取配色

创想设计学院

官网：http://www.xiexiebang.com/ 选取同一色系下的不同色调，可以保持整体的一致性。色调明亮程度的差异能给配色带来对比度，精致的文字需要用深色的背景来衬托，这也是为什么我在案例的文字中使用了浅绿色，提高清晰度，增强可读性。05.干净，明快，清晰

通过提升文字内容和背景图片之间的明暗对比来提升可读性。通常使用纯黑和纯白的文字可以更为便捷地实现这一点。06.字体也有感情

创想设计学院

官网：http://www.xiexiebang.com/

确保你选取的字体和你的内容保持一直的调性。带有圆角的字体看起来会更加友好（这里用的Quicksand），棱角分明的字体看起来更加强硬（比如Sans Serifs），衬线体会看起来更加优雅而精致。07.用对齐营造秩序

创想设计学院

官网：http://www.xiexiebang.com/ 对齐和对称都是让设计作品更加富有秩序的手段。相对而言，对齐运用范畴更广泛。这里的案例中，左边的直线勾勒出对齐的边缘，提高了设计的整体性。08.保持简单

保持简单，但是别忘了最基础的原则。使用有对比度的配色，用稳固而均衡的排版框架。09.复制是多页文档设计的精髓

创想设计学院

官网：http://www.xiexiebang.com/ 如果你在设计一份多页的文档，最简单的方式就是复制页面，然后替换其中的图片，然后编辑文本内容。合理地运用线条点缀，保持样式的一致性。10.原创性与创造性

和研究一样，平面设计的技能和思考一样需要原创性和创造性。你并不一定非得使用大家都在用的字体和样式，规避流行并探索自己的风格，会让你的设计工作与众不同。11.用层次来梳理内容

创想设计学院

官网：http://www.xiexiebang.com/

将内容和信息排列得更加层次化是视觉设计中最重要的部分，调整你的内容中元素的色彩和比例，可以观察到它在整体视觉中重要性的变化。12.对称也很有用

许多优秀的设计作品都会充分运用对称的技巧。运用对称手法的时候，确保对称双方在视觉的厚度上的一致。

创想设计学院

官网：http://www.xiexiebang.com/ 13.时不时让你的双眼放松一下

7×24小时的奋斗固然突出，但是你很难保持并拥有持续的创造力。适当的放松能让你恢复效率，产生灵感。适时地离开电脑屏幕看点别的，常常会有意外之喜。14.使用同族字体

创想设计学院

官网：http://www.xiexiebang.com/ 想要让文字排版拥有高度的一致性，最好的方法是找到一套包含各类字重、字形的字体族，这样确保了多样性和一致性。此处我们使用了Libre Baskerville 字体族中的粗体、细体和斜体。15.伟大的留白

留白会赋予设计中各种元素以足够的呼吸的空间，给用户以想象的空间。它让内容更加集中和易读，也不会因为凌乱而让用户分心。16.先调研，再着手

创想设计学院

官网：http://www.xiexiebang.com/

在你动手开始设计之前，确保你掌握了所有的需求和全部的细节。调研、阅读、搜集素材。素材的搜集让你掌控足够多的事实和内容，而调研则会确保这个设计是深思熟虑之后的成果。17.创造情绪板

在设计之前，将你所搜集的相关的图片、色板和其他视觉作品集中到白板上，这样可以方便你寻找灵感，找到共同的特点、主题和调色板，并且最终应用到项目中去。

创想设计学院

官网：http://www.xiexiebang.com/ 18.模仿与创造

使用诸如Canva、Dribbble、behance 这样的网站来浏览别人的作品，借助搜索和过滤来寻找符合你需求的作品、风格和样式，在模仿和创造中构建属于自己的作品。19.关注正在发生的事情

创想设计学院

官网：http://www.xiexiebang.com/ 设计并不是脱离时代的存在。不论你此刻关注的是哪个领域，请务必关注正在发生的事情，保持对新动态的敏锐意识，从社交媒体到新闻时政，最新最重要的信息终归是对你有所裨益的。20.跳出来思考

最有创意的思考者总会跳出条条框框来看待这个世界的。不要用随处可见的图标来装点你的设计，也许一个全新的设计更能代表你的想法。21.对比是关键

创想设计学院

官网：http://www.xiexiebang.com/ 对比所产生的效果是真正让人印象深刻的部分，使用滤镜来提升图片的对比度，用黑白来呈现最动人心魄的细节，用大小差异来呈现不同，这些都是对比。22.照亮你的设计

在设计中创造戏剧冲突，将代表不同情绪的色调注入设计，用对抗和冲突来让你的设计令人无法忘怀。

23.随身携带笔记本

创想设计学院

官网：http://www.xiexiebang.com/

无论你是在火车上，在工作还是睡前，灵感会在任何时刻闪现出来，因此做好准备是很有必要的。在笔记本上用草图记录下你随时闪现的想法，也许它就是你下一次重要设计的核心思路。24.敢于试错

每个人都会犯错，而错误是获取经验，学习并成长的重要手段。如果你想将你的设计推到极致，那么试错是不可避免的。

创想设计学院

官网：http://www.xiexiebang.com/ 25.技巧重要，但不是唯一

排列好各种元素，选好文字，做好配色，确保对比度和留白，这些都是技巧。但是技巧不是唯一重要的事情，你还要勇于创新，适时地打破规则，提出创新的思路。

创想设计学院

第二篇：资深UI设计师个人简历19

找资深UI设计师工作就上 才智尚招聘网

找SEO工作就上才智尚招聘网

找SEO工作就上才智尚招聘网

找SEO工作就上才智尚招聘网

第三篇：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.有良好的抗压能力及团队协调能力，态度端正，能及时有效完成工作任务。

第五篇：浅谈UI设计师职业规划

浅谈UI设计师职业规划

随着移动互联网的迅猛发展，使得移动产品设计人员急缺。由于高薪酬，很多其他行业设计师转行做UI设计。

那么到底什么是UI设计?

做UI设计需要掌握哪些知识体系?

如何去学习?

今后如何做职业规划?

是很多新人常会遇到的问题!

针对这些问题，给大家一个比较全面的解释，希望能帮到新入行移动设计的人!

一、首先我先要分清几个术语：

UI(User Interface)：用户界面

IxD(Interaction Design)：交互设计或互动设计

UE或UX(User Experience)：用户体验

UED(User-Experience Design)：用户体验设计

UCD(User-Centered Design)：以用户为中心的设计

PM(Product Manager)：产品经理

视觉设计(Visual Design)

详细解释：

UI(User Interface)：

即用户界面。ui设计其实是个比较笼统的叫法，是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。

交互设计：充分考虑用户使用场景和用户行为习惯，通过简化用户任务流程，减少用户使用成本。

UI设计是一种视觉语言，优秀的的界面设计要能通过视觉手段正确传达页面信息主次和交互细节，引导用户如何操作。

由此可见，想要做好ui设计，视觉设计知识和交互设计知识都是必须掌握的!

IxD(Interaction Design)：

交互设计或互动设计。通俗来说就是设计软件和用户的互动方式，通过了解用户需求、目标，使用有效的互动方式让整个过程可用，并且要易用。再直白一点，就是解决软件如何使用。

UE或UX(User Experience)：

用户体验。用户体验主要是来自用户和人机界面的交互过程。

它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。

产品经理(Product Manager)：

就是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，Ta还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。

视觉设计(Visual Design)：

视觉设计也是个比较笼统的概念。是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。

在互联网领域的视觉设计师主要要具备以下能力：

1标志设计;2版式设计;3字体设计;4图形设计;5广告设计;6界面设计

二、产品研发团队的岗位组成及其职责

很多人可能会问为什么要说这个?不是要讲ui?

首先，任何产品都是由团队协作完成的。了解各个岗位的职责，有利于提高团队协作效率。也有利于了解自己需要掌握的知识技能。

研发团队由产品设计、技术开发两个方面的岗位组成。产品设计人员包括产品经理、交互设计师、视觉设计师;技术开发人员包括前端、服务端、数据端、测试等方面的工程师。

看到这，很多人就觉得比较坑爹了。怎么没有UI设计师?！!

上面说的分工方式是比较标准的岗位分配模式，由于国内行业发展不完善抑或是用人成本问题。

在国内，很多公司里是没有单独的交互设计师岗位的。

一种情况是由产品经理直接负责，需求和交互设计都是产品经理一个人，然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。

另一种情况是，产品经理负责需求，UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。

当然，在有交互设计师岗位的公司里：

这些一般都是较大公司，一般设置UE岗位来负责交互设计和用户研究。产品经理和交互设计师都会考虑用户体验，所以产品经理有时也会参与到交互设计的环节，而且在产品需求设计的时候产品经理和交互设计师也有很多的工作重叠。

通过以上分析我们看出，产品经理和交互设计工作内容有重叠。交互设计和视觉设计工作内容也有重叠。

所以，一般做ui设计最好具备视觉设计和交互设计两个方面的知识体系。

三、知识架构

1、视觉设计部分：

首先，视觉设计不仅仅是做ICON，做界面或者界面元素。

很多人认为，如果去互联网公司做视觉方向ui设计，只会简单做图标、界面就OK。这是极其幼稚的想法。

一般公司如果花钱雇专职视觉设计师的话，那么整个公司的美术设计工作一般都会给视觉设计做。这就要求你几乎精通平面设计师所会的所有知识。

所以，如果你想今后在视觉领域混，那么以下几项技能必不可少：

1)平面构成;

2)色彩构成;

3)版式设计;

4)心理学;

5)美术绘画;

6)设计意识;

2、交互设计师应该具备的基本能力：

1)了解用户体验设计、可用性原则;

2)信息挖掘、用户调研、数据分析;

3)良好的逻辑能力;

4)心理学;

5)交互设计原则、不同平台的规范;

6)产品视觉感;

7)沟通能力。

四、职业规划

由于ui设计、交互设计、产品经理工作内容关联性比较强，而且有部分交集，很多UI设计师选择ui-交互设计-产品经理这个发展路线。

但是大家要明白，这3个岗位毕竟是3个不同的方向，每个方向需要的专业能力还是很大不同的。最终选择怎么发展还是要看自己的兴趣。

很多人认为产品经理工资高，想从ui转产品。这个也要看公司，一线公司UI设计师一般都15K+了，但小公司的的产品经理也就12K。只是行业分工不同，没有高低贵贱。

即使你只想做视觉设计，也不是没有发展的。国内一线修图师，一张图价格3K起。而普通修图师，一个月也挣不了这么多。

所以无论做视觉、交互、还是产品经理，一是要看自己适不适合;二是要看自己的兴趣。不要盲目跟风!

五、常见问题

1.视觉设计就是美工?

每当看到这句话，我的心里就像有1万头草泥马在狂奔！！!

不想当设计的美工不是好店长！!

行业分工不同而已，行行出状元。努力做好自己的工作才是重点。

一般情况一个合格的设计师，如果在一线城市，工资不会低于9K。这要看能力，大部分人拉后腿，是因为自己根本不合格!所以即使你换个行业，不努力，照样不会改变现状!

2、UI设计师需要会Axure么?

首先，你要明白交互设计不是Axure操作员。

交互设计不等于使用Axure设计原型中的交互界面!

大家要清醒认识Axure在产品设计中的位置!

交互设计的出发点在于研究人在和物交流(dialog)时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求(usefulness，usability，and emotionality)。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。

交互设计的步骤包括：

1)用户调研

2)概念设计

3)创建用户模型

4)创建界面流程

5)开发原型并进行可用性测试

很显然，使用Axure设计快速原型，应该放在交互设计的整体工作结束后，也就是框架层设计时进行。

所以，Axure只是一个工具。在产品结构层设计的时候，最好的设计工具就是你的大脑和铅笔。

当你做一个产品的信息架构时，用铅笔画出的信息架构和界面流程草图会比软件做的更加直观、形象。

3、UI设计师需要会代码吗?

在小公司，还有就是传统的软件外包企业(如用友和软通动力)，这样的公司往往需要UI设计会点XHTML+CSS。

但现在大部分互联网公司已经有专职的前端了，不需要会代码。

并且熟悉XHTML+CSS只需要2周左右，所以学不学看你自己定位!

4.产品经理和交互设计师的区别?

产品经理需要懂交互，但交互设计师不等同于产品经理。

产品经理更侧重于用户需求开发。

交互设计师更了解用户行为习惯，了解用户体验。