UI常见面试题

1、你平时用的网站和app你最喜欢哪个,列举两个并对其进行分析?为什么喜欢?

答案:花瓣、站酷、追波、ui中国。花瓣、、qq音乐、高德地图。

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

答案:尺寸众多。

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

答案:全无线互联网的时代

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

答案:交互设计,人与机器的沟通交流。

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

答案:当然,看公司的这款App主要的功能需求是什么,再结合使用场景来进行设计

6、你喜欢什么样的图标?为什么喜欢?

答案:扁平、写实

7、你认为ui设计师最注重的是什么啊?

答案:创新

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

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

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

答案:花瓣 、站酷 、千图 、pinter

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

答案:真实性

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

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

12、你知道自己的作品的缺点是什么吗?

答案:只能满足大部分的需要,还不能满足所有人。

13、你认为你的技术能胜任这份工作吗?

答案:能

14、你都使用过哪些APP?

答案:......

15、你有没有独立完成整套设计的能力?

答案:有

16、百度和google,你看哪个觉得更舒服一点?

答案:谷歌

17、这个颜色用的不错,你是怎么选出来的?

答案:自然中的颜色。公司主色。素材图片中的颜色。

18、你对O2O有了解吗?

答案:线上线下相结合的方式。

19、你觉得哪个APP做的更好?为什么?

答案:微信,首先界面方面微信没有大的瑕疵。其次从功能上微信足够强大。最重要的还是微信在用户体验方面做的努力。

20、切片存的格式?

答案:PNG-24。

21、给我说下你做这套APP的思路吧。

答案:我这套APP是干什么的?针对哪些用户?用户用我的APP能得到些什么?我能得到些什么?

22、你的作品是改版的吧?你为什么这样改?

答案:说说你对你改版的那套APP的认识。优点(哪些是你保留的),缺点(你改了的),为什么这样改。

23、你对扁平化的看法?

答案:缓解人们的审美疲劳。良好的用户体验,视觉上让重点更突出,按钮可点击区域更大。可以提高工作效率。

24、你做的网站可视区域多少?

答:960px。

25、我们公司是做电商平台类的应用,你能做吗?

答案:能不能看自己。

26、一般网页颜色不超过几个?

答案:5个。

27、网页广告最常用的布局?

答案:左右布局。

28、「界面设计」「视觉设计」「交互设计」之间的关系是什么?如何理解?

答案:先区分一下“界面”、“视觉”、“交互”这三个词。“界面”是机器中的一部分——通过这个部分,用户可以了解机器的状态、对机器进行控制、并获取反馈。“界面”不仅包括图形界面,也包括实体界面。“视觉”是一种人的感官类型——通过这一个感官,用户可以了解信息,感知物体,被激发情绪。“视觉”不仅包括美观,更包括引导。“交互”是一种行为类别——在这种行为类别中,用户会发出自己的行为请求,接受者随之给予用户反馈和后续行为的引导。本质上来讲这三者没有比较的意义,因为它们是不同视角下的概念。

、国内比较有名的网页设计师你知道的有哪些?(一般至少要说2个)

答案:杨华在网页设计及摄影方面都有成就。韩雪冬作品比较简洁,高大上。

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

答案:WWW服务

30、WEB安全色能够显示颜色种类是多少?

答案:216种。

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

答案:选择符作用在于定义CSS的名称,以便引用。在CSS中主要有三种选择符:(1)超文本标记选择符;(2)类选择符;(3)ID选择符。

32:简述HTML文件的基本标记组成。

答案:HTML文件的基本标记组成为:(1) 样式 (2) 结构 (3) 行为

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

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

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

答案:随时可以上班,尽量不要拖时间。

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

答案:黑透白不透。

37、怎么恢复PS软件的默认设置?

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

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

答案:支持png、jpg和gif。

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

答案:国内210285,国际210297

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

答案:六个纬度:色彩;文字;图像;版式;规范;细节。

43、CSS布局方法与表格布局方法相比,有哪些优势?

答案:(1)页面载入更快;(2)降低网站流量费用;(3)易于修改;

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

44、在用户界面设计的常用软件有Photoshop、Illustrator、Flash、Maxon Cinema 4D R11、IconCool Studio V2.8和JPEG Optimier,以上软件你都用过哪几种?请对你使用过的软件进行分析,阐述用途和常规特性

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

答案:浅灰

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

答案:不对,首先得先满足用户的需求,要不然就得不偿失了

51、一个网站一般有几种主色?几种辅色?请举一个实际网站使用主辅色效果较出色的例子:

答案:3种。

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

答案:国外现在比较流行简洁和扁平化。国内比较混乱。扁平化刚流行。

53、简述RGB显示模式与CMYK模式的区别

答案:RGB模式是图像显示模式,主要是在电子设备显示的一种模式,CMYK是印刷模式,需要做印刷作品的时候才会使用CMYK模式。

54、谈谈你对HTML和CSS的理解

答案:HTML就像是人的骨架,CSS像是一件一件漂亮的衣服,给HTML架构打扮的更加漂亮。

55、你的爱好有哪些。

答案:KTV唱歌、看脱口秀等就可以。

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

答案:首先应该组织语言把参加的组织说出来,然后在说担任什么职务或者表现方面说下,最后组织自己的语言清楚的表达出自己获得过哪些奖项。

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

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

58、如果工作有压力,经常加班你会如何应对?

答案:我会合理调节自己的时间,把压力分散掉。加班是公司要求的我会积极配合。并且我相信付出就会有回报。

1、你是怎么理解UI?什么叫UI设计?什么是UE?

答案:UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。

“用户体验”,UE(User Experience),是以用户至上的观点作为基石的。主要由以下四种因素构成:1、印象(感官冲击)2、功能性3、使用性4、内容UE用户体验英文叫做user experience,缩写为UE,或者UX。

2、列举你所知道的颜色模式?设计时,你喜欢用那些颜色?你的配色技巧有哪些?

答案:RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式

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

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

配色技巧:

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

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

(3)、有明度差的色彩更容易调和,一般有3级以上明纯度差的对比色都能调和(从黑到 白共分十一级), 所以配色要拉开明度最关键。

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

(5)、互补色(对比色可单独使用)这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感,在搭配中一定要处理好这种情况,不然会使得画面冲突非常严重并破坏整体。但是很显然的是,在各种色相搭配中,互补色搭配无疑是一种最突出的搭配,所以如果你想然你的作品特别引人注目,那互补色搭配或许是种最佳选择。

(6)、近似色一般这种色彩之间搭配显得平静而舒服。但是使用中要适当加强对比,不然可能使画面显得平淡。

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

(8)、暖色系与黑调和,冷色系与白调和。

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

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

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

(12)、与灰色组合时,明度差不要太大。13、有秩序性的色彩排列在一起比较和谐。

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

(14)、有多种颜色配在一起时,必须有某一因素(色相、明度、纯度)占统领地位。

3、你所知道的手机系统平台?(主要安卓、ios)

答案:1、谷歌android系统,主流版本2.2

2、微软WM6、WM7系统,主流版本6.5

3、塞班S60 V5,S60 V3以及Symbian 3

4、Java非智能系统

5、三星bada系统

6、苹果IOS系统

7、webos系统

3.例举你所知道的手机图标样式?他们的区别在哪?

答案:2D扁平化风格:1、剪影(单行图标):线条和块状;2、2D彩色图标(没有拟物化效果)

2D拟物化风格

3D图标(写实)

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

答案:造型:规则形状和不规则形状

风格:扁平化和拟物化

颜色:大自然颜色和情感颜色

样式:全局光等

5.你对扁平化的看法

答案:缓解人们的审美疲劳;良好的用户体验;视觉上让重点更突出;按钮可点击区域更大;可以提高工作效率

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

答案:IOS 6:iPhone 1/3G/3GS3.5英寸320480px5757(10px)

iPhone4/4S3.5英寸640960px114114(20px)

iPhone54英寸6401136px114144(20px)

IOS 7:iPhone5S/5C4英寸6401136px120120(27px)

IOS 8:iPhone64.7英寸750*1334px

iPhone6 Plus5.5英寸1920*1080px

iPad 1/2 /mini 1/29.7英寸1024768pxios6:7272(12px)

ios7:76*76(16px)

new iPad(3)/iPad4/ios6:144*144(24px)

iPad Air(5)/mini39.7英寸20481536pxios7:152152(32px)

iPad mini7.9英寸1024*768px

7.Android的屏幕分辨率

答案:08年:240320px;09年:320480px;10年:480800px;标准Android 4寸:480854px;11年:640960px;12年-13年:7201280px;14-15年:1080*1920px

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

APP界面一般由四个元素组成,中文字体:方正黑体简体,英文字体:Helvetica

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

40px88px98px734px/ 5系列就是910px;

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

APP界面的组成元素和iphone基本相同,字体:方正兰亭黑体

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

50px96px96px1038px

WP设计规范

答案:480800:电池电量条32px;顶部条空隙182px,文字黑体;底部条高度72px,剪影图标4848px;瓷片大小173*173px;

3、提问:

你接到一个客户的网站,在你设计好初稿后给客户看,被否定了,然后次稿,又否定了,3次,4次..N次,客户都不满意,你怎么办?

回答:

1.这种事情要尽量的少发生在自己的身上,其实已经做了4/5版,你的沟通能力其实已经让人怀疑了,这种事情发生过两次后,应该对你也是一个非常好的锻炼,所以4/5版.....,当你有一定经验的时候,是有办法避免的

2.设计前的沟通非常重要,别嫌麻烦,一定要多问客户,把客户的需求最大化,不需要客户明确的告诉你怎么布局,用什么图片和颜色,关键了解客户在意的是什么,再引导客户,帮客户将其需求缩小,再具体化,这样商量好后,你就能按照你引导客户的思路去做了

3.个人觉得,设计稿超过2版后,客户还不满意,就应该要主动找客户当面谈了,或者直接去他们公司,一是让客户觉得你对他们的网站工作很认真,一方面很多话当面能够说的更清楚,更能明确了解客户的真实想法

4.真正要避免设计稿推翻重做,还是要练内功的,任何网站做好了都会有修改,但和推翻重做绝对是2个概念,当你的设计水平慢慢上升,沟通能力越来越好,越能把握住的客户的想法和需求时,你会发现难道搞定的客户越来越少了

13、你都知道哪些类型的网页

电商类、应用类、个人类、平台类、政府类

企业类:字多图少,页面内容不多,页面高度一般在1-2屏,结构简单。

专题类:只有一个页面,只介绍一款产品,图多,字少,强调设计效果。

门户类:以提供信息资讯为主,涵盖的工作类型多,信息量大,访问群体广,但所包含的功能却比较简单。比如新浪、搜狐、新华网等。

15、你觉得一张完整的网页都有哪些模块组成?门户网站与专题页的区别?

首页页面结构都会包括页面标题、网站LOGO、导航栏、登录区、搜索区、热点推荐区、主内容区和页脚区(如图),其他页面一般由页面标题、网站LOGO、导航栏、主内容区和页脚区等构成

17、你所知道的计算机系统?

Windows系列操作系统

由微软公司生产;

2.Unix类操作系统

如SOLARIS,BSD系列(FREEBSD,openbsd,netbsd,pcbsd);

3.Linux类操作系统

如UBUNTU,suse linux,fedora,等

4.Mac操作系统

由苹果公司生产(Darwin),一般安装于MAC电脑。

18、动态页面跟静态页面的区别?分别有什么作用?

主要是看是否与数据库发生交互,是否调用数据。静态页面主要用来宣传和展示。动态页面主要是用户体验,实现在线购买

19、HTML中定义表格的宽度用80px与80%的区别是什么?

px表示像素,%表示占整个页面宽度的百分比。

20、网页制作过程中,你会考虑到哪些东西?如果跟前端沟通交流?

六个维度:色彩、文字、图像、版式、规范、细节

如果是单纯的静态页面,主要是交流如何切图,节省空间。如果需要动态效果,就需要提前交流程序员的水平,以及是否能实现效果。考虑兼容性以及响应式布局。

21、网页的安全宽度

网页内容宽度必须小于或等于浏览器窗口宽度;在主流分辨率中以较小的分辨率来确定内容宽度;计算公式:用屏幕分辨率-浏览器垂直滚动条的宽度(IE:21px;其它:20px)

22、网页中使用的图像格式

GIF,JPG,PNG

23、WEB界面色彩设计常用方法

主色调(面积多),出现在页面,包括logo、导航、搜索等区域

对比色(面积少),重点的文字,价格

背景色,一般白色或浅灰

24、WEB安全色能够显示颜色种类是多少?(216种)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,161评论 1 32
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,455评论 4 46
  • 做好饭从厨房出来,看到沙发垫上亮眼的一片红,这是周末刚刚买来的新垫子,玥玥爸挑选的,这个爱干净的整洁男人看到,可是...
    星之爱阅读 507评论 0 1
  • 旅行,是大学生最美的狂欢! 在闲余时间,携三五好友,乘下午最晚的一班火车,天南海北说走就走。抛却芜杂的生活烦恼、丢...
    与尔共鸣阅读 292评论 0 0
  • 今天,家里请客 一早起来,买菜,这是我对大家的爱,二姐帮忙来带孩子,让我非常的轻松,这是二姐对我的爱~~让孩子今天...
    Lulu轻悦阅读 326评论 0 0