UID技术面试题库.docx

1、UID技术面试题库UID技术面试题库UI类：1、 你平时用的网站和app你最喜欢哪个，列举两个并对其进行分析？为什么喜欢？答案：花瓣、站酷、追波、ui中国。花瓣、设计师、慕课网、优设网、qq音乐、高德地图。2、 你认为做手机UI最难的地方在哪？答案：尺寸众多。3、 对无线互联网未来的发展有什么看法？答案：全无线互联网的时代4、公司想针对于节假日回家这一行为开发一款互联网产品，需要写一个项目策划，用户潜在需求，时间和工作人员分工，功能流程框架，网站首页草图和另外某一屏草图。5、列出至少5个国内外对应网站答案：GoogleVSXX 人人VSfacebook 花瓣VSpinterset GmailV

2、Sfoxmail hitfmVS虾米6、列出至少5个生活中用户体验不方便的案例，如电梯的上与下7、说说如何理解交互设计的答案：交互设计，又称互动设计，（英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the interaction,即人工制品在特定场景下的反应方式）相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔摩格理吉（Bill Moggridge）在

3、1984年一次设计会议上提出，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”，即交互设计。5、给你个我们公司的网页，你能给我重新设计下吗？6、可以给我们公司设计一款公司员工内部用的app吗？7、你喜欢什么样的图标？为什么喜欢？答案：扁平、写实8、你认为ui设计师最注重的是什么啊？答案：创新9、对按卓手机的理解，安卓手机与iphone在界面设计上的区别，你认为在以往的工作中学到了什么，答案：通过实例来阐述界面设计中产品交互的重要性?11、你说说

4、你平时喜欢的素材网都有哪些啊？答案：花瓣 站酷 千图 pinter 12、你觉得现在的交友网还有哪一点没有满足客户的需求啊？答案：真实性13、你认为你现在在那个方面还是有欠缺的？答案：跟国外的设计师比创新还不够。14、你知道自己的作品的缺点是什么吗？答案：只能满足大部分的需要，还不能满足所有人。15、你认为你的技术能胜任这份工作吗？答案：能16、你都使用过哪些APP？答案：. 17、你有没有独立完成整套设计的能力？答案：有18、XX和google，你看哪个觉得更舒服一点？答案：谷歌19、这个颜色用的不错，你是怎么选出来的？答案：自然中的颜色。公司主色。素材图片中的颜色。20、你对O2O有了解吗

5、？答案：O2O即Online To Offline，是指将线下的商务机构与互联网结合，让互联网成为线下交易的前台，这个概念最早来源于美国。O2O的概念非常广泛，只要产业链中既可涉及到线上，又可涉及到线下，就可通称为O2O。21、你觉得哪个APP做的更好？为什么？答案：微信，首先界面方面微信没有大的瑕疵。其次从功能上微信足够强大。最重要的还是微信在用户体验方面做的努力。微信在小的细节方面做的很到位，让我印象最深的就是它会把你的短信验证码自动填到输入框里，这点用安卓手机的人都会觉得超级方便。22、切片存的格式？答案：PNG-24。13、给我说下你做这套APP的思路吧。答案：我这套APP是干什么的？

6、针对哪些用户？用户用我的APP能得到些什么？我能得到些什么？14、你的作品是改版的吧？你为什么这样改？答案：说说你对你改版的那套APP的认识。优点（哪些是你保留的），缺点（你改了的），为什么这样改。15、你对扁平化的看法？答案：缓解人们的审美疲劳。良好的用户体验，视觉上让重点更突出，按钮可点击区域更大。可以提高工作效率。16、你做的网站可视区域多少？答：960px。17、我们公司是做电商平台类的应用，你能做吗？答案：能不能看自己。18、一般网页颜色不超过几个？答案：5个。19、网页广告最常用的布局？答案：左右布局。20、界面设计视觉设计交互设计之间的关系是什么？如何理解？答案：先区分一下“界面

7、”、“视觉”、“交互”这三个词。“界面”是机器中的一部分通过这个部分，用户可以了解机器的状态、对机器进行控制、并获取反馈。“界面”不仅包括图形界面，也包括实体界面。“视觉”是一种人的感官类型通过这一个感官，用户可以了解信息，感知物体，被激发情绪。“视觉”不仅包括美观，更包括引导。“交互”是一种行为类别在这种行为类别中，用户会发出自己的行为请求，接受者随之给予用户反馈和后续行为的引导。本质上来讲这三者没有比较的意义，因为它们是不同视角下的概念。、国内比较有名的网页设计师你知道的有哪些？（一般至少要说2个）答案：杨华在网页设计及摄影方面都有成就。韩雪冬作品比较简洁，高大上。22、你对国内和国外的网

8、页设计有什么了解？答案：国外现在比较流行简洁和扁平化。国内比较混乱。扁平化刚流行。23、简述RGB显示模式与CMYK模式的区别答案：RGB模式是图像显示模式，主要是在电子设备显示的一种模式，CMYK是印刷模式，需要做印刷作品的时候才会使用CMYK模式。24、谈谈你对HTML和CSS的理解答案：HTML是超文本标记语言，通俗一些更像是架构。就像是人的骨架，最后构成了完整的人体。而CSS则像是一位修饰工人，把架构的每一块做出不同的样式出来，也像是一件一件漂亮的衣服，给HTML架构打扮的更加漂亮。25、你的爱好有哪些。答案：篮球、足球、唱歌等就可以。26、你在学校有哪些表现突出的或者参加什么社团或者

9、获过哪些奖项？答案：首先应该组织语言把参加的组织说出来，然后在说担任什么职务或者表现方面说下，最后组织自己的语言清楚的表达出自己获得过哪些奖项。27、你认为作为一名设计师是软件技术重要还是好的创意重要。答案：都重要缺一不可，首先脑中有好的创意然后我有好的操作技术把创意做出来。28、如果工作有压力，经常加班你会如何应对？答案：我会合理调节自己的时间，把压力分散掉。加班是公司要求的我会积极配合。并且我相信付出就会有回报。29、1.目前在Internet上应用最为广泛的服务是什么？答案：WWW服务30、WEB安全色能够显示颜色种类是多少？答案：216种。31、简述选择符的作用及分类。答案：选择符作用

10、在于定义CSS的名称，以便引用。在CSS中主要有三种选择符：(1)超文本标记选择符；(2)类选择符；(3)ID选择符。32：简述HTML文件的基本标记组成。答案：HTML文件的基本标记组成为：(1) (2) (3) 33、简单说明自己的不足与优点。答案：把自己的不足尽量简短的说明，优点尽量说一些工作中团结，热爱工作的内容。34、你最快什么时候能上班？答案：随时可以上班，尽量不要拖时间。35、怎么设置透明度使得IE和非IE内核都兼容？答案：filter:alpha(opacity=100)这是针对IE浏览器，opacity:1这是针对非IE内核的浏览器。36、添加图层蒙板，怎么使内容透到下面去？

11、答案：黑透白不透。37、怎么恢复PS软件的默认设置？答案：打开软件的同时按住shift+ctrl+alt,然后选择删除配置文件。38、在网页里面都支持什么格式的图片与动画答案：支持png、jpg和gif。39、A4纸的国内与国际尺寸答案：国内210*285，国际210*29740、网页设计应该注意哪些内容？答案：六个纬度：色彩；文字；图像；版式；规范；细节。41、使用CSS布局的网页应实现哪些要求？（1）宽度使用多列布局，并保证页头和页脚正确显示；（2）可以指定列宽度固定，其余列宽度自适应；（3）在html中，个列可以任意顺序排列，最终效果都正确显示。42、设计一款手机开机动画，写出设计思路及

12、使用到的工具软件，43、CSS布局方法与表格布局方法相比，有哪些优势？答案：（1）页面载入更快；（2）降低网站流量费用；（3）易于修改；（4）视觉一致（5）更易于被搜索引擎找到。44、在用户界面设计的常用软件有Photoshop、Illustrator、Flash、Maxon Cinema 4D R11、IconCool Studio V2.8和JPEG Optimier,以上软件你都用过哪几种？请对你使用过的软件进行分析，阐述用途和常规特性45、请列举你熟悉的浏览器,并描述其开发、设计上需要注意的问题。答案：360 搜狗 谷歌 safari opera 火狐46、如果背景是黑色，你认为字体用

13、什么颜色能突出字体，且不显得刺眼？答案：浅灰49、对以下软件开发中UI操作流程进行排序（）设计页面蓝图评审需求确认页面调整UI检测报告制作静态页面页面检查与业务进行页面确认50、对于网站来说，页面的操作步骤少就少用户体验好，对吗，为什么？答案：不对51、一个网站一般有几种主色？几种辅色？请举一个实际网站使用主辅色效果较出色的例子：答案：3种。1、你是怎么理解UI?什么叫UI设计?英语全拼怎么写?什么是UE?广义跟狭义UI的区别?答案：UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要

14、让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。“用户体验”，UE（User Experience）指的是软件应用和审美价值，是以用户至上的观点作为基石的。主要由以下四种因素构成：1、印象（感官冲击）2、功能性3、使用性4、内容UE用户体验英文叫做user experience，缩写为UE, 或者UX。当指电子商务网站的时候也被称作顾客体验（CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度用户体验是从网站整体上去衡量在内容、用户界面（UI）

15、、操作流程、功能设计等多个方面的用户使用感觉。而UI仅仅是指用户使用界面、流程。2、列举你所知道的颜色模式？设计时，你喜欢用那些颜色？你的配色技巧有哪些？答案：RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式色相改变，饱和度和亮度不变色相不变，饱和度和亮度改变配色技巧:1、黑、白、金、银、灰是无彩系能和一切颜色相配。 2、与白相配时，应仔细观察白得偏向哪种色相，如偏蓝应作淡蓝考虑，黄则属淡黄 3、有明度差的色彩更容易调和，一般有3 级以上明纯度差的对比色都能调和（从黑到 白共分十一级）， 所以配色要拉开明度最关键。 4、在不同色相的

16、颜色中汆入相同的黑或白就容易调和。 5、互补色（对比色可单独使用）这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。 但是很显然的是，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，所以如果你想然你的作品特别引人注目，那互补色搭配或许是种最佳选择。6、近似色一般这种色彩之间搭配显得平静而舒服。但是使用中要适当加强对比，不然可能使画面显得平淡。7、要有主色调，要么暖色调，要么冷色调，不要平均对待各色，这样更容易产生美感。 8、暖色系与黑调和，冷色系与白调和。 9、在色环上按等间隔选择3-4 组颜色也能调和。 1

17、0、在配色时，鲜艳明亮的色彩面积应小一点。 11、本来不和谐的两种颜色镶上黑色或白色会变得和谐。 12、与灰色组合时，明度差不要太大。 13、有秩序性的色彩排列在一起比较和谐。 14、在蒙赛尔色立体中，其纵向、横向、斜向甚至于螺旋形排列都有秩序。 15、有多种颜色配在一起时，必须有某一因素（色相、明度、纯度）占统领地位。3、你所知道的手机系统平台？答案：1、谷歌android系统，主流版本2.22、微软WM6、WM7系统，主流版本6.53、塞班S60 V5，S60 V3以及Symbian 34、Java非智能系统5、三星bada系统6、苹果IOS系统7、webos系统8、linux系统-（MO

18、TO），meego(诺基亚n9,官方已放弃、)、联想乐os、miui（基于安卓系统开发的）， webos（hp收购得到的os）、国产机，山寨机，斯凯-MTK(台湾联发科)。3.例举你所知道的手机图标样式？他们的区别在哪？答案：2D扁平化风格：1、剪影（单行图标）：线条和块状；2、2D彩色图标（没有拟物化效果）2D拟物化风格3D图标（写实）4.图标统一性体现在那些方面答案：造型：规则形状和不规则形状风格：扁平化和拟物化颜色：大自然颜色和情感颜色样式：全局光等5.你对扁平化的看法答案：缓解人们的审美疲劳；良好的用户体验；视觉上让重点更突出；按钮可点击区域更大；可以提高工作效率6.iPhone的 屏

19、幕尺寸 分辨率 图标大小（圆角）答案：IOS 6：iPhone 1/3G/3GS 3.5英寸 320*480px 57*57 （10px） iPhone4/4S 3.5英寸 640*960px 114*114（20px） iPhone5 4英寸 640*1136px 114*144（20px）IOS 7： iPhone5S/5C 4英寸 640*1136px 120*120（27px）IOS 8： iPhone6 4.7英寸 750*1334px iPhone6 Plus 5.5英寸 1920*1080pxiPad 1/2 /mini 1/2 9.7英寸 1024*768px ios6:72*

20、72（12px) ios7:76*76（16px）new iPad(3)/iPad4/ ios6:144*144(24px)iPad Air(5)/mini3 9.7英寸 2048*1536px ios7:152*152(32px)iPad mini 7.9英寸 1024*768px7.Android的屏幕分辨率答案：08年：240*320px；09年：320*480px；10年：480*800px；标准Android 4寸：480*854px；11年：640*960px；12年-13年：720*1280px；14-15年：1080*1920pxiphone一般取用640*960的尺寸设计AP

21、P界面一般由四个元素组成，中文字体：方正黑体简体，英文字体：Helvetica状态栏、导航栏、主菜单栏、中间的内容区40px 88px 98px 734px/ 5系列就是910px；Android一般取用720*1280的尺寸设计APP界面的组成元素和iphone基本相同，字体：方正兰亭黑体状态栏、导航栏、主菜单栏、中间的内容区50px 96px 96px 1038pxWP设计规范答案：480*800：电池电量条32px；顶部条空隙182px，文字黑体；底部条高度72px，剪影图标48*48px；瓷片大小173*173px；网页类：1、IE6的margin双倍边距bug问题例如：bodymar

22、gin:0;divfloat:left;margin-left:10px;width:200px;height:200px;border:1pxsolidred;浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline2、firefox浏览器中嵌套div标签的居中问题的解决方法假定有如下情况：如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常；但是在Firefox中b却会是居左的。解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin:0auto;。3、提

23、问：你接到一个客户的网站，在你设计好初稿后给客户看，被否定了，然后次稿，又否定了，3次，4次.N次，客户都不满意，你怎么办？回答：1. 这种事情要尽量的少发生在自己的身上，其实已经做了4/5版，你的沟通能力其实已经让人怀疑了，这种事情发生过两次后，应该对你也是一个非常好的锻炼，所以4/5版.，当你有一定经验的时候，是有办法避免的2. 设计前的沟通非常重要，别嫌麻烦，一定要多问客户，把客户的需求最大化，不需要客户明确的告诉你怎么布局，用什么图片和颜色，关键了解客户在意的是什么，再引导客户，帮客户将其需求缩小，再具体化，这样商量好后，你就能按照你引导客户的思路去做了3. 个人觉得，设计稿超过2版后

24、，客户还不满意，就应该要主动找客户当面谈了，或者直接去他们公司，一是让客户觉得你对他们的网站工作很认真，一方面很多话当面能够说的更清楚，更能明确了解客户的真实想法4. 真正要避免设计稿推翻重做，还是要练内功的，任何网站做好了都会有修改，但和推翻重做绝对是2个概念，当你的设计水平慢慢上升，沟通能力越来越好，越能把握住的客户的想法和需求时，你会发现难道搞定的客户越来越少了4. Html的含义是什么?其主体部分由什么标记构成?【解答】HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文

25、字、图形、链接以及其他页面元素都包含在该标记符内。5. 标记br和p有什么区别?【解答】标记br和p都可以用来换行，但是二者是有区别的。标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而标记在换行的时候另起了一新的段落；标记无对应的结束标记，而标记必须和配合使用，不能省略。 6、说明在网页设计中层的作用。【解答】层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用D

26、IV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。7、 母版页的作用是什么?【解答】母版页(Master Page)的扩展名为“.master”，它相当于网页的模板。在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一致，给网页设计带来了很大的方便。8、Css指的是什么?在网页制作中为什么要使用CSS技术?【解答】CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一

27、个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。9、 网页制作中有哪几种样式设置方法?各有何特点?【解答】网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。1) 内联式样式设置：设置方法：直接在要设置样式的各标记元素中修改style属性;优点：直观、方便;缺点：不易于维护和修改;适用于：网页中个别需要修改的元素的样式定义;2) 直接嵌入式样式设置：设置方法：在HTML文档的之间添加

28、定义， 部分是所有需要设置样式的元素的属性定义。优点：对当前页面内的所有元素的样式修改、维护比较方便;缺点：对于网站建设，要采用相同的样式设置则比较麻烦;适用于：单独网页的样式定义;3) 外部链接式样式设置：设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：即可;适用于：需要统一显示样式的网站建设。10、 用户自定义的类和ID在定义和使用时有什么区别?【解答】定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。11、 什么是

29、脚本语言?目前流行的有哪些脚本语言?主要区别是什么?【解答】脚本语言是一种介于HTML语言和C+、Visual Basic等程序设计语言之间的语言，它在形式和功能上可能更接近后者，但它并不是应用程序开发语言，所以语法规则没有那么严格和复杂，也无需编译。目前流行的浏览器脚本语言主要有：ECMAScript、Jscript、javascript、VBScript等。VBScript是Visual Basic的子集，是特意为在浏览器中进行工作而设计的，它不包括一些在脚本这个范围以外的特性，如文件访问和打印等等。它是基于Microsoft的Visual Basic语言。目前只有Microsoft In

30、ternet EXPlore版本3或更高的版本支持VBScript，Netscape的浏览器并不支持VBScript。JScript从一组编程语言如C, C+以及Java等之中脱离出来的，是Microsoft公司在其Internet Explore 3.0浏览器中开始实现的解释性脚本语言。Jscript来源于Netscape公司出版的JavaScript文档，但是并不具有JavaScript的全部特性。JavaScript是基于SUN公司的JAVA语言，用于创建动态的联机应用程序，这些程序能够将客户端和服务器端的对象和资源连接在一起。Microsoft Internet Explore和Netscape Navigator均支持JavaScript。12、平面和网页的区别 平面是由显示元素构成；网页由功能模块构成；13、你都知道哪些类型的网页电商类、应用类、个人类、平台类、政府类企业类：字多图少，页面内容不多，页面高度一般在1-2屏，结构简单。专题类：只有一个页面，只