UID技术面试题库汇总.docx

UID技术面试题库汇总.docx

《UID技术面试题库汇总.docx》由会员分享，可在线阅读，更多相关《UID技术面试题库汇总.docx（29页珍藏版）》请在冰豆网上搜索。

UID技术面试题库汇总

UID技术面试题库

UI类：

1、你平时用的网站和app你最喜欢哪个，列举两个并对其进行分析？

为什么喜欢？

答案：

花瓣、站酷、追波、ui中国。

花瓣、设计师、慕课网、优设网、qq音乐、高德地图。

2、你认为做手机UI最难的地方在哪？

答案：

尺寸众多。

3、对无线互联网未来的发展有什么看法？

答案：

全无线互联网的时代

4、公司想针对于”节假日回家”这一行为开发一款互联网产品，需要写一个项目策划，用户潜在需求，时间和工作人员分工，功能流程框架，网站首页草图和另外某一屏草图。

5、列出至少5个国内外对应网站

答案：

GoogleVSXX人人VSfacebook花瓣VSpintersetGmaiIVSfoxmailhitfmVS

虾米

6、列出至少5个生活中用户体验不方便的案例，如电梯的上与下

7、说说如何理解交互设计的

答案：

交互设计，又称互动设计，（英文InteractionDesign,缩写IxD或者IaD）,是定义、

设计人造系统的行为的设计领域。

人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。

交互设计在于定义人造物的行为方式（the"interaction",

即人工制品在特定场景下的反应方式）相关的界面。

交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔•摩格理吉（BillMoggridge）在1984年一

次设计会议上提出，他一开始给它命名为"软面（SoftFace）”，由于这个名字容易让人想起和当时流行的玩具"椰菜娃娃（CabbagePatchdoll）"，他后来把它更名为"InteractionDesign”，即交互设计。

5、给你个我们公司的网页，你能给我重新设计下吗？

6、可以给我们公司设计一款公司员工内部用的app吗？

7、你喜欢什么样的图标？

为什么喜欢？

答案：

扁平、写实

&你认为ui设计师最注重的是什么啊？

答案：

创新

9、对按卓手机的理解，安卓手机与iphone在界面设计上的区别，你认为在以往的工作中学到了什么，

答案：

通过实例来阐述界面设计中产品交互的重要性

11、你说说你平时喜欢的素材网都有哪些啊？

答案：

花瓣站酷千图pinter

12、你觉得现在的交友网还有哪一点没有满足客户的需求啊？

答案：

真实性

13、你认为你现在在那个方面还是有欠缺的？

答案：

跟国外的设计师比创新还不够。

14、你知道自己的作品的缺点是什么吗？

答案：

只能满足大部分的需要，还不能满足所有人。

15、你认为你的技术能胜任这份工作吗？

答案：

能

16、你都使用过哪些APR

答案：

……

17、你有没有独立完成整套设计的能力？

答案：

有

18、XX和google，你看哪个觉得更舒服一点？

答案：

谷歌

19、这个颜色用的不错，你是怎么选出来的？

答案：

自然中的颜色。

公司主色。

素材图片中的颜色。

20、你对02（有了解吗？

答案：

02◎卩OnlineToOffline，是指将线下的商务机构与互联网结合，让互联网成为线下交易的

前台，这个概念最早来源于美国。

020勺概念非常广泛，只要产业链中既可涉及到线上，又可涉及到

线下，就可通称为020

21、你觉得哪个APR做的更好？

为什么？

答案：

微信，首先界面方面微信没有大的瑕疵。

其次从功能上微信足够强大。

最重要的还是微信在用户体验方面做的努力。

微信在小的细节方面做的很到位，让我印象最深的就是它会把你的短信验证码自动填到输入框里，这点用安卓手机的人都会觉得超级方便。

22、切片存的格式？

13、给我说下你做这套AP啲思路吧。

答案：

我这套APB是干什么的？

针对哪些用户？

用户用我的APF能得到些什么？

我能得到些什么?

14、你的作品是改版的吧？

你为什么这样改？

答案：

说说你对你改版的那套APP的认识。

优点（哪些是你保留的），缺点（你改了的），为什么这样改。

15、你对扁平化的看法？

答案：

缓解人们的审美疲劳。

良好的用户体验，视觉上让重点更突出，按钮可点击区域更大。

可以提高工作效率。

16、你做的网站可视区域多少？

答：

960px。

17、我们公司是做电商平台类的应用，你能做吗？

答案：

能不能看自己。

18、一般网页颜色不超过几个？

答案：

5个。

19、网页广告最常用的布局？

答案：

左右布局。

20、「界面设计」「视觉设计」「交互设计」之间的关系是什么？

如何理解？

答案：

先区分一下“界面”、“视觉”、“交互”这三个词。

“界面”是机器中的一部分一一通过这个部分，用户可以了解机器的状态、对机器进行控制、并获取反馈。

“界面”不仅包括图形界面，也包括实体界面。

“视觉”是一种人的感官类型一一通过这一个感官，用户可以了解信息，感知物体，被激发情绪。

“视觉”不仅包括美观，更包括引导。

“交互”是一种行为类别一一在这种行为类别中，用户会发出自己的行为请求，接受者随之给予用户反馈和后续行为的引导。

本质上来讲这三者没有比较的意义，因为它们是不同视角下的概念。

、国内比较有名的网页设计师你知道的有哪些？

（一般至少要说2个）

答案：

杨华在网页设计及摄影方面都有成就。

韩雪冬作品比较简洁，高大上。

22、你对国内和国外的网页设计有什么了解？

答案：

国外现在比较流行简洁和扁平化。

国内比较混乱。

扁平化刚流行。

23、简述RGB显示模式与CMY模式的区别

答案：

RG模式是图像显示模式，主要是在电子设备显示的一种模式，CMY是印刷模式，需要做印刷

作品的时候才会使用CMY模式。

24、谈谈你对HTML口CSS勺理解

答案：

HTM是超文本标记语言，通俗一些更像是架构。

就像是人的骨架，最后构成了完整的人体。

而CSSW像是一位修饰工人，把架构的每一块做出不同的样式出来，也像是一件一件漂亮的衣服，给

HTMI架构打扮的更加漂亮。

25、你的爱好有哪些。

答案：

篮球、足球、唱歌等就可以。

26、你在学校有哪些表现突出的或者参加什么社团或者获过哪些奖项？

答案：

首先应该组织语言把参加的组织说出来，然后在说担任什么职务或者表现方面说下，最后组

织自己的语言清楚的表达出自己获得过哪些奖项。

27、你认为作为一名设计师是软件技术重要还是好的创意重要。

答案：

都重要缺一不可，首先脑中有好的创意然后我有好的操作技术把创意做出来。

28、如果工作有压力，经常加班你会如何应对？

答案：

我会合理调节自己的时间，把压力分散掉。

加班是公司要求的我会积极配合。

并且我相信付出就会有回报。

29、1.目前在Internet上应用最为广泛的服务是什么？

答案：

WWW务

30、WE安全色能够显示颜色种类是多少？

答案：

216种。

31、简述选择符的作用及分类。

答案：

选择符作用在于定义CSS勺名称，以便引用。

在CSS^主要有三种选择符：

（1）超文本标记选择

符；

（2）类选择符；（3）ID选择符。

32:

简述HTM文件的基本标记组成。

答案：

HTM文件的基本标记组成为：

（1）

（2）（3）

33、简单说明自己的不足与优点。

答案：

把自己的不足尽量简短的说明，优点尽量说一些工作中团结，热爱工作的内容。

34、你最快什么时候能上班？

答案：

随时可以上班，尽量不要拖时间。

35、怎么设置透明度使得IE和非IE内核都兼容？

答案：

filter:

alpha（opacity=100）这是针对IE浏览器，opacity"这是针对非IE内核的浏览器。

36、添加图层蒙板，怎么使内容透到下面去？

37、怎么恢复卩瞰件的默认设置？

答案：

打开软件的同时按住shift+ctrl+alt,然后选择删除配置文件。

38、在网页里面都支持什么格式的图片与动画

答案：

支持png、jpg和gif。

39、A4纸的国内与国际尺寸

答案：

国内210*285,国际210*297

40、网页设计应该注意哪些内容？

答案：

六个纬度：

色彩；文字；图像；版式；规范；细节。

41、使用CSS布局的网页应实现哪些要求？

（1）宽度使用多列布局，并保证页头和页脚正确显示；

（2）可以指定列宽度固定，其余列宽度自适应；

（3）在html中，个列可以任意顺序排列，最终效果都正确显示。

42、设计一款手机开机动画，写出设计思路及使用到的工具软件，

43、CS怖局方法与表格布局方法相比，有哪些优势？

答案：

（1）页面载入更快；

（2）降低网站流量费用；（3）易于修改；

（4）视觉一致（5）更易于被搜索引擎找到。

44、在用户界面设计的常用软件有Photoshop、Illustrator、Flash、MaxonCinema4DR11、IconCool

StudioV2.8和JPEGOptimier,以上软件你都用过哪几种？

请对你使用过的软件进行分析，阐述用途

和常规特性

45、请列举你熟悉的浏览器，并描述其开发、设计上需要注意的问题。

答案：

360搜狗谷歌safariopera火狐

46、如果背景是黑色，你认为字体用什么颜色能突出字体，且不显得刺眼？

答案：

浅灰

49、对以下软件开发中UI操作流程进行排序（）

①设计页面②蓝图评审③需求确认④页面调整

⑤UI检测报告⑥制作静态页面⑦页面检查⑧与业务进行页面确认

50、对于网站来说，页面的操作步骤少就少用户体验好，对吗，为什么？

答案：

不对

51、一个网站一般有几种主色？

几种辅色？

请举一个实际网站使用主辅色效果较出色的例子：

1、你是怎么理解UI?

什么叫UI设计？

英语全拼怎么写？

什么是UE?

广义跟狭义UI的区别？

答案：

UI即UserInterface（用户界面）的简称。

UI设计则是指对软件的人机交互、操作逻辑、

界面美观的整体设计。

好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、

简单、自由、充分体现软件的定位和特点。

“用户体验”，UE（UserExperienee）指的是软件应用和审美价值，是以用户至上的观点作为基石

的。

主要由以下四种因素构成：

1、印象（感官冲击）2、功能性3、使用性4、内容UE用户

体验英文叫做userexperienee，缩写为UE,或者UX>

当指电子商务网站的时候也被称作顾客体验（CUSTOMEREXPERIENCE它是指用户访问一个网站或

者使用一个产品时的全部体验。

他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。

他

们能够忍受的问题，疑惑和BUG的程度用户体验是从网站整体上去衡量在内容、用户界面（UI）、操作流程、功能设计等多个方面的用户使用感觉。

而UI仅仅是指用户使用界面、流程。

2、列举你所知道的颜色模式？

设计时，你喜欢用那些颜色？

你的配色技巧有哪些？

答案：

RB模式、CY模式、HSB模式、10颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式

色相改变，饱和度和亮度不变

色相不变，饱和度和亮度改变

配色技巧：

1、黑、白、金、银、灰是无彩系能和一切颜色相配。

2、与白相配时，应仔细观察白得偏向哪种色相，如偏蓝应作淡蓝考虑，黄则属淡黄

3、有明度差的色彩更容易调和，一般有3级以上明纯度差的对比色都能调和（从黑到白共分十一

级），所以配色要拉开明度最关键。

4、在不同色相的颜色中汆入相同的黑或白就容易调和。

5、互补色（对比色可单独使用）这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳

定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。

但是很显然的

是，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，所以如果你想然你的作品特别引人注目，那互补色搭配或许是种最佳选择。

6、近似色一般这种色彩之间搭配显得平静而舒服。

但是使用中要适当加强对比，不然可能使画面显得平淡。

7、要有主色调，要么暖色调，要么冷色调，不要平均对待各色，这样更容易产生美感。

&暖色系与黑调和，冷色系与白调和。

9、在色环上按等间隔选择3-4组颜色也能调和。

10、在配色时，鲜艳明亮的色彩面积应小一点。

11、本来不和谐的两种颜色镶上黑色或白色会变得和谐。

12、与灰色组合时，明度差不要太大。

13、有秩序性的色彩排列在一起比较和谐。

14、在蒙赛尔色立体中，其纵向、横向、斜向甚至于螺旋形排列都有秩序。

15、有多种颜色配在一起时，必须有某一因素（色相、明度、纯度）占统领地位。

3、你所知道的手机系统平台？

答案：

1、谷歌android系统，主流版本2.2

2、微软WM6WM系统，主流版本6.5

3、塞班S60V5,S60V3以及Symbian3

4、Java非智能系统

5、三星bada系统

6、苹果I0S系统

7、webos系统

&linux系统-（MOTO,meego（诺基亚n9,官方已放弃、）、联想乐os、miui（基于安卓系统开发

的），webos（hp收购得到的os）、国产机，山寨机，斯凯-MTK（台湾联发科）。

3.例举你所知道的手机图标样式？

他们的区别在哪？

答案：

2D扁平化风格：

1、剪影（单行图标）：

线条和块状；2、2D彩色图标（没有拟物化效果）

2D拟物化风格

3D图标（写实）

4.图标统一性体现在那些方面

答案：

造型：

规则形状和不规则形状

风格：

扁平化和拟物化

颜色：

大自然颜色和情感颜色

样式：

全局光等

5.你对扁平化的看法

答案：

缓解人们的审美疲劳；良好的用户体验；视觉上让重点更突出；按钮可点击区域更大；可以

提高工作效率

6.iPhone的屏幕尺寸分辨率图标大小（圆角）

iPhone54

英寸

640*1136px

114*144

（20px）

IOS7:

iPhone5S/5C4

英寸

640*1136px

120*120

（27px）

IOS8:

iPhone64.7

英寸

750*1334px

iPhone6Plus5.5

英寸

1920*1080px

iPad1/2/mini1/29.7

英寸

1024*768px

ios6:

72*72

（12px）

ios7:

76*76

（16px）

newiPad（3）/iPad4/

ios6:

144*144（24px）

iPadAir（5）/mini39.7英寸2048*1536pxios7:

152*152（32px）

iPadmini7.9英寸1024*768px

7.Android的屏幕分辨率

答案：

08年：

240*320px;09年：

320*480px;10年：

480*800px;标准Android4寸：

480*854px;

11年：

640*960px;12年-13年：

720*1280px;14-15年：

1080*1920px

iphone—般取用640*960的尺寸设计

APP界面一般由四个元素组成，中文字体：

方正黑体简体，英文字体：

Helvetica

状态栏、导航栏、主菜单栏、中间的内容区

40px88px98px734px/5系列就是910px；

Android一般取用720*1280的尺寸设计

APP界面的组成元素和iphone基本相同，字体：

方正兰亭黑体

状态栏、导航栏、主菜单栏、中间的内容区

50px96px96px1038px

WP设计规范

答案:

480*800:

电池电量条32px;顶部条空隙182px，文字黑体；底部条高度72px，剪影图标48*48px；

瓷片大小173*173px;

网页类:

1、IE6的margin双倍边距bug问题

例如：

body{margin:

0;}

div{float:

left;margin-left:

10px;width:

200px;height:

200px;border:

1pxsolidred;}

浮动后本来外边距10px，但IE解释为20px,解决办法是加上display:

inline

2、firefox浏览器中嵌套div标签的居中问题的解决方法

假定有如下情况：