1、UID 技术面试题库UI类：1、 你平时用的网站和app你最喜欢哪个，列举两个并对其进行分析？为什么喜欢？答案：花瓣、站酷、追波、ui中国。花瓣、设计师、慕课网、优设网、qq音乐、高德地图。2、 你认为做手机UI最难的地方在哪？答案：尺寸众多。3、 对无线互联网未来的发展有什么看法？答案：全无线互联网的时代4、公司想针对于“节假日回家“这一行为开发一款互联网产品，需要写一个项目策划，用户潜在需求，时间和工作人员分工，功能流程框架，网站首页草图和另外某一屏草图。5、列出至少5个国内外对应网站答案：GoogleVS 百度 人人 VSfacebook 花瓣 VSpinterset GmailVSfo
2、xmail hitfmVS 虾米6、列出至少5个生活中用户体验不方便的案例，如电梯的上与下7、说说如何理解交互设计的答案：交互设计，又称互动设计，（英文 Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction“,即人工制品在特定场景下的反应方式）相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由 IDEO 的一位创始人比尔摩格理吉（Bill Moggridg
3、e）在 1984 年一次设计会议上提出，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”，即交互设计。5、给你个我们公司的网页，你能给我重新设计下吗？6、可以给我们公司设计一款公司员工内部用的app吗？7、你喜欢什么样的图标？为什么喜欢？答案：扁平、写实8、你认为ui设计师最注重的是什么啊？答案：创新9、对按卓手机的理解，安卓手机与iphone在界面设计上的区别，你认为在以往的工作中学到了什么，答案：通过实例来阐述界面设计中产品交互的重要性?1
4、1、你说说你平时喜欢的素材网都有哪些啊？答案：花瓣 站酷 千图 pinter 12、你觉得现在的交友网还有哪一点没有满足客户的需求啊？答案：真实性13、你认为你现在在那个方面还是有欠缺的？答案：跟国外的设计师比创新还不够。14、你知道自己的作品的缺点是什么吗？答案：只能满足大部分的需要，还不能满足所有人。15、你认为你的技术能胜任这份工作吗？答案：能16、你都使用过哪些APP？答案：. 17、你有没有独立完成整套设计的能力？答案：有18、百度和google，你看哪个觉得更舒服一点？答案：谷歌19、这个颜色用的不错，你是怎么选出来的？答案：自然中的颜色。公司主色。素材图片中的颜色。20、你对O2
5、O有了解吗？答案：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个）答案：杨华在网页设计及摄影方面都有成就。韩雪冬作品比较简洁，高大
8、上。22、你对国内和国外的网页设计有什么了解？答案：国外现在比较流行简洁和扁平化。国内比较混乱。扁平化刚流行。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
13、火狐46、如果背景是黑色，你认为字体用什么颜色能突出字体，且不显得刺眼？答案：浅灰49、对以下软件开发中UI操作流程进行排序（）设计页面蓝图评审需求确认页面调整UI检测报告制作静态页面页面检查与业务进行页面确认50、对于网站来说，页面的操作步骤少就少用户体验好，对吗，为什么？答案：不对51、一个网站一般有几种主色？几种辅色？请举一个实际网站使用主辅色效果较出色的例子：答案：3 种。1、你是怎么理解 UI?什么叫 UI 设计?英语全拼怎么写?什么是 UE?广义跟狭义 UI 的区别?答案：UI 即 User Interface（用户界面）的简称。UI 设计则是指对软件的人机交互、操作逻辑、界面美观
14、的整体设计。好的 UI 设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。“用户体验” ，UE（User Experience）指的是软件应用和审美价值，是以用户至上的观点作为基石的。主要由以下四种因素构成： 1、印象（感官冲击）2、功能性 3、使用性 4、内容 UE 用户体验英文叫做 user experience，缩写为 UE, 或者 UX。 当指电子商务网站的时候也被称作顾客体验（CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够
15、忍受的问题，疑惑和 BUG 的程度 用 户 体 验 是 从 网 站 整 体 上 去 衡 量 在 内 容 、 用 户 界 面 （ UI） 、操 作 流 程 、 功 能 设 计 等 多 个 方 面 的 用 户 使 用 感 觉 。 而UI仅 仅 是 指 用 户 使 用 界 面 、 流 程 。2、列举你所知道的颜色模式？设计时，你喜欢用那些颜色？你的配色技巧有哪些？答案：R GB模式、C MYK模式、H SB 模式、L ab颜 色 模 式 、 位 图 模 式 、 灰 度 模 式 、 索 引 颜 色模式、双色调模式和多通道模式色相改变，饱和度和亮度不变色相不变，饱和度和亮度改变配色技巧:1、黑、白、金、
16、银、灰是无彩系能和一切颜色相配。 2、与白相配时，应仔细观察白得偏向哪种色相，如偏蓝应作淡蓝考虑，黄则属淡黄 3、有明度差的色彩更容易调和，一般有 3 级以上明纯度差的对比色都能调和（从黑到 白共分十一级） ， 所以配色要拉开明度最关键。 4、在不同色相的颜色中汆入相同的黑或白就容易调和。 5、互补色（对比色可单独使用）这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。 但是很显然的是，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，所以如果你想然你的作品特别引人注目，那互补色搭配或许是种最佳选择。6、近似色
17、一般这种色彩之间搭配显得平静而舒服。但是使用中要适当加强对比，不然可能使画面显得平淡。7、要有主色调，要么暖色调，要么冷色调，不要平均对待各色，这样更容易产生美感。 8、暖色系与黑调和，冷色系与白调和。 9、在色环上按等间隔选择 3-4 组颜色也能调和。 10、在配色时，鲜艳明亮的色彩面积应小一点。 11、本来不和谐的两种颜色镶上黑色或白色会变得和谐。 12、与灰色组合时，明度差不要太大。 13、有秩序性的色彩排列在一起比较和谐。 14、在蒙赛尔色立体中，其纵向、横向、斜向甚至于螺旋形排列都有秩序。 15、有多种颜色配在一起时，必须有某一因素（色相、明度、纯度）占统领地位。3、你所知道的手机系
18、统平台？答案：1、谷歌 android 系统，主流版本 2.22、微软 WM6、WM7 系统，主流版本 6.53、塞班 S60 V5，S60 V3 以及 Symbian 34、Java 非智能系统5、三星 bada 系统6、苹果 IOS 系统7、webos 系统8、 linux 系统-（MOTO） ，meego(诺基亚 n9,官方已放弃、)、联想乐 os、miui（基于安卓系统开发的） ， webos（hp 收购得到的 os） 、国产机，山寨机，斯凯-MTK(台湾联发科)。3.例举你所知道的手机图标样式？他们的区别在哪？答案：2D 扁平化风格：1、剪影（单行图标）：线条和块状；2、2D 彩色图
19、标（没有拟物化效果）2D 拟物化风格3D 图标（写实）4.图标统一性体现在那些方面答案：造型：规则形状和不规则形状风格：扁平化和拟物化颜色：大自然颜色和情感颜色样式：全局光等5.你对扁平化的看法答案：缓解人们的审美疲劳；良好的用户体验；视觉上让重点更突出；按钮可点击区域更大；可以提高工作效率6.iPhone 的 屏幕尺寸 分辨率 图标大小（圆角）答案：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
20、（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*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
21、*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 的尺寸设计APP 界面一般由四个元素组成，中文字体：方正黑体简体，英文字体：Helvetica状态栏、导航栏、主菜单栏、中间的内容区40px 88px 98px 734px/ 5 系列就是 910px；Android 一般取用 720*1280 的尺寸设计AP
22、P 界面的组成元素和 iphone 基本相同，字体：方正兰亭黑体状态栏、导航栏、主菜单栏、中间的内容区50px 96px 96px 1038pxWP 设计规范答案：480*800：电池电量条 32px；顶部条空隙 182px，文字黑体；底部条高度 72px，剪影图标48*48px；瓷片大小 173*173px；网页类：1、IE6 的 margin 双倍边距 bug 问题例如：bodymargin:0; divfloat:left;margin-left:10px;width:200px;height:200px;border:1px solid red; 浮动后本来外边距 10px,但 IE
23、解释为 20px,解决办法是加上 display:inline2、firefox 浏览器中嵌套 div 标签的居中问题的解决方法假定有如下情况：如果要实现 b 在 a 中居中放置，一般只需用 CSS 设置 a 的 text-align 属性为 center。这样的方法在 IE 里看起来一切正常；但是在 Firefox 中 b 却会是居左的。解决办法就是设置 b 的横向 margin 为 auto。例如设置 b 的 CSS 样式为：margin: 0 auto;。3、提问：你接到一个客户的网站，在你设计好初稿后给客户看，被否定了，然后次稿，又否定了，3 次，4 次.N 次，客户都不满意，你怎么办
24、？回答：1. 这种事情要尽量的少发生在自己的身上，其实已经做了 4/5 版，你的沟通能力其实已经让人怀疑了，这种事情发生过两次后，应该对你也是一个非常好的锻炼，所以 4/5 版.，当你有一定经验的时候，是有办法避免的2. 设计前的沟通非常重要，别嫌麻烦，一定要多问客户，把客户的需求最大化，不需要客户明确的告诉你怎么布局，用什么图片和颜色，关键了解客户在意的是什么，再引导客户，帮客户将其需求缩小，再具体化，这样商量好后，你就能按照你引导客户的思路去做了3. 个人觉得，设计稿超过 2 版后，客户还不满意，就应该要主动找客户当面谈了，或者直接去他们公司，一是让客户觉得你对他们的网站工作很认真，一方面
25、很多话当面能够说的更清楚，更能明确了解客户的真实想法4. 真正要避免设计稿推翻重做，还是要练内功的，任何网站做好了都会有修改，但和推翻重做绝对是 2 个概念，当你的设计水平慢慢上升，沟通能力越来越好，越能把握住的客户的想法和需求时，你会发现难道搞定的客户越来越少了4. Html 的含义是什么?其主体部分由什么标记构成?【解答】HTML 即 Hyper Text Markup Language 超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了 HTML 的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。5. 标记 br 和 p 有什么区别?【解答
26、】标记 br 和 p 都可以用来换行，但是二者是有区别的。标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而标记在换行的时候另起了一新的段落；标记无对应的结束标记，而标记必须和配合使用，不能省略。 6、说明在网页设计中层的作用。【解答】层，也就是 DIV 标记，是一个区块级的 HTML 标记，在该标记之间可以添加段落、表格、图片等内容，使同一个 DIV 标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用 DIV 的属性为这些标记元素定义统一的样式;(2) 利用其 z-index 属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。7、 母版页的作用是什么?【解答】母版页(Master Page)的扩展名为“.master” ，它相当于网页的模板。在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一致，给网页设计带来了很大的方便。8、Css 指的是什么?在网页制作中为什么要使用 CSS 技术?【解答】
