UID技术面试题库Word格式.docx
《UID技术面试题库Word格式.docx》由会员分享，可在线阅读，更多相关《UID技术面试题库Word格式.docx（20页珍藏版）》请在冰豆网上搜索。
17、你有没有独立完成整套设计的能力？
有
18、XX和google，你看哪个觉得更舒服一点？
谷歌
19、这个颜色用的不错，你是怎么选出来的？
自然中的颜色。
公司主色。
素材图片中的颜色。
20、你对O2O有了解吗？
O2O即OnlineToOffline，是指将线下的商务机构与互联网结合，让互联网成为线下交易的前台，这个概念最早来源于美国。
O2O的概念非常广泛，只要产业链中既可涉及到线上，又可涉及到线下，就可通称为O2O。
21、你觉得哪个APP做的更好？
为什么？
微信，首先界面方面微信没有大的瑕疵。
其次从功能上微信足够强大。
最重要的还是微信在用户体验方面做的努力。
微信在小的细节方面做的很到位，让我印象最深的就是它会把你的短信验证码自动填到输入框里，这点用安卓手机的人都会觉得超级方便。
22、切片存的格式？
PNG-24。
13、给我说下你做这套APP的思路吧。
我这套APP是干什么的？
针对哪些用户？
用户用我的APP能得到些什么？
我能得到些什么？
14、你的作品是改版的吧？
你为什么这样改？
说说你对你改版的那套APP的认识。
优点（哪些是你保留的），缺点（你改了的），为什么这样改。
15、你对扁平化的看法？
缓解人们的审美疲劳。
良好的用户体验，视觉上让重点更突出，按钮可点击区域更大。
可以提高工作效率。
16、你做的网站可视区域多少？
答：
960px。
17、我们公司是做电商平台类的应用，你能做吗？
能不能看自己。
18、一般网页颜色不超过几个？
5个。
19、网页广告最常用的布局？
左右布局。
20、「界面设计」「视觉设计」「交互设计」之间的关系是什么？
如何理解？
先区分一下“界面”、“视觉”、“交互”这三个词。
“界面”是机器中的一部分——通过这个部分，用户可以了解机器的状态、对机器进行控制、并获取反馈。
“界面”不仅包括图形界面，也包括实体界面。
“视觉”是一种人的感官类型——通过这一个感官，用户可以了解信息，感知物体，被激发情绪。
“视觉”不仅包括美观，更包括引导。
“交互”是一种行为类别——在这种行为类别中，用户会发出自己的行为请求，接受者随之给予用户反馈和后续行为的引导。
本质上来讲这三者没有比较的意义，因为它们是不同视角下的概念。
、国内比较有名的网页设计师你知道的有哪些？
（一般至少要说2个）
杨华在网页设计及摄影方面都有成就。
韩雪冬作品比较简洁，高大上。
22、你对国内和国外的网页设计有什么了解？
国外现在比较流行简洁和扁平化。
国内比较混乱。
扁平化刚流行。
23、简述RGB显示模式与CMYK模式的区别
RGB模式是图像显示模式，主要是在电子设备显示的一种模式，CMYK是印刷模式，需要做印刷作品的时候才会使用CMYK模式。
24、谈谈你对HTML和CSS的理解
HTML是超文本标记语言，通俗一些更像是架构。
就像是人的骨架，最后构成了完整的人体。
而CSS则像是一位修饰工人，把架构的每一块做出不同的样式出来，也像是一件一件漂亮的衣服，给HTML架构打扮的更加漂亮。
25、你的爱好有哪些。
篮球、足球、唱歌等就可以。
26、你在学校有哪些表现突出的或者参加什么社团或者获过哪些奖项？
首先应该组织语言把参加的组织说出来，然后在说担任什么职务或者表现方面说下，最后组织自己的语言清楚的表达出自己获得过哪些奖项。
27、你认为作为一名设计师是软件技术重要还是好的创意重要。
都重要缺一不可，首先脑中有好的创意然后我有好的操作技术把创意做出来。
28、如果工作有压力，经常加班你会如何应对？
我会合理调节自己的时间，把压力分散掉。
加班是公司要求的我会积极配合。
并且我相信付出就会有回报。
29、1.目前在Internet上应用最为广泛的服务是什么？
WWW服务
30、WEB安全色能够显示颜色种类是多少？
216种。
31、简述选择符的作用及分类。
选择符作用在于定义CSS的名称，以便引用。
在CSS中主要有三种选择符：
（1）超文本标记选择符；
（2）类选择符；
（3）ID选择符。
32：
简述HTML文件的基本标记组成。
HTML文件的基本标记组成为：
（1）<
HTML>
<
/HTML>
（2）<
HEAD>
/HEAD>
（3）<
BODY>
/BODY>
33、简单说明自己的不足与优点。
把自己的不足尽量简短的说明，优点尽量说一些工作中团结，热爱工作的内容。
34、你最快什么时候能上班？
随时可以上班，尽量不要拖时间。
35、怎么设置透明度使得IE和非IE内核都兼容？
filter:
alpha（opacity=100）这是针对IE浏览器，opacity:
1这是针对非IE内核的浏览器。
36、添加图层蒙板，怎么使内容透到下面去？
黑透白不透。
37、怎么恢复PS软件的默认设置？
打开软件的同时按住shift+ctrl+alt,然后选择删除配置文件。
38、在网页里面都支持什么格式的图片与动画
支持png、jpg和gif。
39、A4纸的国内与国际尺寸
国内210*285，国际210*297
40、网页设计应该注意哪些内容？
六个纬度：
色彩；
文字；
图像；
版式；
规范；
细节。
41、使用CSS布局的网页应实现哪些要求？
（1）宽度使用多列布局，并保证页头和页脚正确显示；
（2）可以指定列宽度固定，其余列宽度自适应；
（3）在html中，个列可以任意顺序排列，最终效果都正确显示。
42、设计一款手机开机动画，写出设计思路及使用到的工具软件，
43、CSS布局方法与表格布局方法相比，有哪些优势？
（1）页面载入更快；
（2）降低网站流量费用；
（3）易于修改；
（4）视觉一致（5）更易于被搜索引擎找到。
44、在用户界面设计的常用软件有Photoshop、Illustrator、Flash、MaxonCinema4DR11、IconCoolStudioV2.8和JPEGOptimier,以上软件你都用过哪几种？
请对你使用过的软件进行分析，阐述用途和常规特性
45、请列举你熟悉的浏览器,并描述其开发、设计上需要注意的问题。
360搜狗谷歌safariopera火狐
46、如果背景是黑色，你认为字体用什么颜色能突出字体，且不显得刺眼？
浅灰
49、对以下软件开发中UI操作流程进行排序（）
①设计页面②蓝图评审③需求确认④页面调整
⑤UI检测报告⑥制作静态页面⑦页面检查⑧与业务进行页面确认
50、对于网站来说，页面的操作步骤少就少用户体验好，对吗，为什么？
不对
51、一个网站一般有几种主色？
几种辅色？
请举一个实际网站使用主辅色效果较出色的例子：
3种。
1、你是怎么理解UI?
什么叫UI设计?
英语全拼怎么写?
什么是UE?
广义跟狭义UI的区别?
UI即UserInterface（用户界面）的简称。
UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
“用户体验”，UE（UserExperience）指的是软件应用和审美价值，是以用户至上的观点作为基石的。
主要由以下四种因素构成：
1、印象（感官冲击）2、功能性
3、使用性
4、内容
UE用户体验英文叫做userexperience，缩写为UE,或者UX。
当指电子商务网站的时候也被称作顾客体验（CUSTOMEREXPERIENCE）.它是指用户访问一个网站或者使用一个产品时的全部体验。
他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。
他们能够忍受的问题，疑惑和BUG的程度
用户体验是从网站整体上去衡量在内容、用户界面（UI）、操作流程、功能设计等多个方面的用户使用感觉。
而UI仅仅是指用户使用界面、流程。
2、列举你所知道的颜色模式？
设计时，你喜欢用那些颜色？
你的配色技巧有哪些？
RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式
色相改变，饱和度和亮度不变
色相不变，饱和度和亮度改变
配色技巧:
1、黑、白、金、银、灰是无彩系能和一切颜色相配。
2、与白相配时，应仔细观察白得偏向哪种色相，如偏蓝应作淡蓝考虑，黄则属淡黄
3、有明度差的色彩更容易调和，一般有3级以上明纯度差的对比色都能调和（从黑到白共分十一级），所以配色要拉开明度最关键。
4、在不同色相的颜色中汆入相同的黑或白就容易调和。
5、互补色（对比色可单独使用）这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。
但是很显然的是，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，所以如果你想然你的作品特别引人注目，那互补色搭配或许是种最佳选择。
6、近似色一般这种色彩之间搭配显得平静而舒服。
但是使用中要适当加强对比，不然可能使画面显得平淡。
7、要有主色调，要么暖色调，要么冷色调，不要平均对待各色，这样更容易产生美感。
8、暖色系与黑调和，冷色系与白调和。
9、在色环上按等间隔选择3-4组颜色也能调和。
10、在配色时，鲜艳明亮的色彩面积应小一点。
11、本来不和谐的两种颜色镶上黑色或白色会变得和谐。
12、与灰色组合时，明度差不要太大。
13、有秩序性的色彩排列在一起比较和谐。
14、在蒙赛尔色立体中，其纵向、横向、斜向甚至于螺旋形排列都有秩序。
15、有多种颜色配在一起时，必须有某一因素（色相、明度、纯度）占统领地位。
3、你所知道的手机系统平台？
1、谷歌android系统，主流版本2.2
2、微软WM6、WM7系统，主流版本6.5
3、塞班S60V5，S60V3以及Symbian3
4、Java非智能系统
5、三星bada系统
6、苹果IOS系统
7、webos系统
8、linux系统-（MOTO），meego（诺基亚n9,官方已放弃、）、联想乐os、miui（基于安卓系统开发的），webos（hp收购得到的os）、国产机，山寨机，斯凯-MTK（台湾联发科）。
3.例举你所知道的手机图标样式？
他们的区别在哪？
2D扁平化风格：
1、剪影（单行图标）：
线条和块状；
2、2D彩色图标（没有拟物化效果）
2D拟物化风格
3D图标（写实）
4.图标统一性体现在那些方面
造型：
规则形状和不规则形状
风格：
扁平化和拟物化
颜色：
大自然颜色和情感颜色
样式：
全局光等
5.你对扁平化的看法
缓解人们的审美疲劳；
良好的用户体验；
视觉上让重点更突出；
按钮可点击区域更大；
可以提高工作效率
6.iPhone的屏幕尺寸分辨率图标大小（圆角）
IOS6：
iPhone1/3G/3GS3.5英寸320*480px57*57（10px）
iPhone4/4S3.5英寸640*960px114*114（20px）
iPhone54英寸640*1136px114*144（20px）
IOS7：
iPhone5S/5C4英寸640*1136px120*120（27px）
IOS8：
iPhone64.7英寸750*1334px
iPhone6Plus5.5英寸1920*1080px
iPad1/2/mini1/29.7英寸1024*768pxios6:
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问题
例如：
<
style
type="
text/css"
>
body{margin:
0;
}
div{float:
left;
margin-left:
10px;
width:
200px;
height:
border:
1px
solid
red;
/style>
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:
inline
2、firefox浏览器中嵌套div标签的居中问题的解决方法
假定有如下情况：
div
id="
a"
b"
/div>
如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。
这样的方法在IE里看起来一切正常；
但是在Firefox中b却会是居左的。
解决办法就是设置b的横向margin为auto。
例如设置b的CSS样式为：
margin:
0
auto;
。
3、提问：
你接到一个客户的网站，在你设计好初稿后给客户看，被否定了，然后次稿，又否定了，3次，4次..N次，客户都不满意，你怎么办？
回答：
1.这种事情要尽量的少发生在自己的身上，其实已经做了4/5版，你的沟通能力其实已经让人怀疑了，这种事情发生过两次后，应该对你也是一个非常好的锻炼，所以4/5版.....，当你有一定经验的时候，是有办法避免的
2.设计前的沟通非常重要，别嫌麻烦，一定要多问客户，把客户的需求最大化，不需要客户明确的告诉你怎么布局，用什么图片和颜色，关键了解客户在意的是什么，再引导客户，帮客户将其需求缩小，再具体化，这样商量好后，你就能按照你引导客户的思路去做了
3.个人觉得，设计稿超过2版后，客户还不满意，就应该要主动找客户当面谈了，或者直接去他们公司，一是让客户觉得你对他们的网站工作很认真，一方面很多话当面能够说的更清楚，更能明确了解客户的真实想法
4.真正要避免设计稿推翻重做，还是要练内功的，任何网站做好了都会有修改，但和推翻重做绝对是2个概念，当你的设计水平慢慢上升，沟通能力越来越好，越能把握住的客户的想法和需求时，你会发现难道搞定的客户越来越少了
4.Html的含义是什么?
其主体部分由什么标记构成?
【解答】
HTML即HyperTextMarkupLanguage超文本标记语言，是构成网页最基本的元素。
标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。
5.标记br和p有什么区别?
标记br和p都可以用来换行，但是二者是有区别的。
br>
标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而<
p>
标记在换行的时候另起了一新的段落；
标记无对应的结束标记<
/br>
，而<
标记必须和<
/p>
配合使用，不能省略<
6、说明在网页设计中层的作用。
层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。
它的主要作用有以下两点：
（1）将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;
（2）利用其z-index属性，实现页面内各元素的重叠显示效果;
（3）使页面上显示更多的特效功能。
7、母版页的作用是什么?
母版页（MasterPage）的扩展名为“.master”，它相当于网页的模板。
在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一致，给网页设计带来了很大的方便。
8、Css指的是什么?
在网页制作中为什么要使用CSS技术?
CSS（CascadingStyleSheets）也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。
在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;
具体应用是：
改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
9、网页制作中有哪几种样式设置方法?
各有何特点?
网页制作中有：
内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。
1）内联式样式设置：
设置方法：
直接在要设置样式的各标记元素中修改style属性;
优点：
直观、方便;
缺点：
不易于维护和修改;
适用于：
网页中个别需要修改的元素的样式定义;
2）直接嵌入式样式设置：
在HTML文档的<
head>
/head>
之间添加<
style>
定义，<
部分是所有需要设置样式的元素的属性定义。
对当前页面内的所有元素的样式修改、维护比较方便;
对于网站建设，要采用相同的样式设置则比较麻烦;
单独网页的样式定义;
3）外部链接式样式设置：
把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其<
与<
之间添加一个对该样式文件的链接：
linktype="
href="
MyStyle1.css"
rel="
Stylesheet"
/>
即可;
需要统一显示样式的网站建设。
10、用户自定义的类和ID在定义和使用时有什么区别?
定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;
使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。
11、什么是脚本语言?
目前流行的有哪些脚本语言?
主要区别是什么?
脚本语言是一种介于HTML语言和C++、VisualBasic等程序设计语言之间的语言，它在形式和功能上可能更接近后者，但它并不是应用程序开发语言，所以语法规则没有那么严格和复杂，也无需编译。
目前流行的浏览器脚本语言主要有：
ECMAScript、Jscript、javascript、VBScript等。
VBScript是VisualBasic的子集，是特意为在浏览器中进行工作而设计的，它不包括一些在脚本这个范围以外的特性，如文件访问和打印等等。
它是基于Microsoft的VisualBasic语言。
目前只有MicrosoftInternetEXPlore版本3或更高的版本支持VBScript，Netscape的浏览器并不支持VBScript。
JScript从一组编程语言如C,C++以及Java等之中脱离出来的，是Microsoft公司在其InternetExplore3.0浏览器中开始实现的解释性脚本语言。
Jscript来源于Netscape公司出版的JavaScript文档，但是并不具有JavaScript的全部特性。
JavaScript是基于SUN公司的JAVA语言，用于创建动态的联机应用程序，这些程序能够将客户端和服务器端的对象和资源连接在一起。
MicrosoftInternetExplore和NetscapeNavigator均支持JavaScript。
12、平面和网页的区别
平面是由显示元素构成；
网页由功能模块构成；
13、你都知道哪些类型的网页
电商类、应用类、个人类、平台类、政府类
企业类：
字多图少，页面内容不多，页面高度一般在1-2屏，结构简单。
专题类：
只有一个页面，只
升级会员 