UI设计面试问题总结

第一篇：UI设计面试问题总结

UI设计

一、什么是UI设计：

UI，顾名思义，User Interface，UI设计即为用户界面设计。用户界面是用户和设备交互的重要介质。用户界面设计可分为感觉和情感两个层次，其综合了心理学，设计学，语言学等方面的知识。一个产品的UI设计直接关系着用户体验，随着移动设备的发展，用户体验越来越重要。

用户界面设计很大程度上就是在探究如何让产品更具可用性，如何使用户获得更好的体验，使用户能够更快的通过界面操作完成任务获得良好的感觉。

二、UI设计的三大原则：

1、易用性，使用户能够更容易的使用产品，通过界面完成想要做的操作。

2、在界面美观的基础上，减小用户的记忆负担，使用户在使用产品时不用刻意记忆各种功能，可以很舒服的完成操作，从而使用户得到很好的产品体验。

3、界面的一致性。对于产品而言，在功能完备的基础上，界面的美观很重要，美观的界面不仅使产品本身更具魅力，还会给用户带来愉悦的体验。除此之外界面要高度一致，用户使用界面时往往会有惯性思维，UI要保持一致，以免用户思维方向被打乱，影响产品的用户体验。

三、UI设计常见问题

1、要明确自己的用户群，不同的用户阶层对不同的设计元素有不同的理解。所以我们的UI设计要针对自己的用户群设计。

2、要确保UI能够使用户自由掌控自己的浏览行为，要确保用户能从某个点跳出，能够毫无障碍地退出某个界面。

3、尽可能的减少程序中的bug和错误。从而改善用户体验，beat测试是削减错误的最好的方法。

4、将重点放在重要的内容上，将最重要的东西展示给用户，从而使用户更好的理解你的设计。

5、设计要简约。简约的设计可以增强UI的易用性，可 I 让用户不必关心那些没必要的信息。而过于拥挤的页面不管功能多强大都会给用户带来糟糕的用户体验。

6、要有视觉提示。当我们使用了ajax flash等技术时，当内容加载时应当有视觉提示，始终让用户知道目前在做什么。

7、要确保内容清晰，准确，易懂。

8、色彩的使用。色彩是UI的重要元素，不同的颜色代表不同的情绪，色彩的使用应当和站点以及主题相契合。还要考虑特殊人群的感受，有的用户可能是色盲，在色彩使用上要考虑他们的感受。色彩使用要保持一致，一旦选定了某种配色，整个站点一致使用这种配色。

9、良好的结构。在UI设计中各个元素应当放在他们呢该放的位置，总体结构应当清晰，一致，相关关联，那些不相关的东西应当单独放置。

四、交互实例分析

1、Android Wear与Apple Watch 产品交互设计共同点：智能推送，轻量交互，高易读性。Apple Watch：

1、个人化(Personal)：因为手表是最贴近人体、最“无感”的智能设备，因此天然具备充当个人与虚拟世界交互入口的潜质。每当用户抬起手腕的时候，苹果手表能够自动呈现相关信息提醒和个人健康数据。

2、整体性(Holistic)：从 iPhone5 和 iOS7 开始，苹果开始追求软硬件结合的一体化极致体验。Retina 视网膜屏，浑圆过渡的鹅卵石状外壳，数字表冠 [digital Crown] 和内置的 Taptic 精确震动引擎都是这一理念的在手表上的进一步实践。苹果建议开发者在开发手表 App 时候尽量使用黑色背景，并把 UI 元素尽量布局到屏幕边缘，也是为了从视觉上模糊屏幕软件与表壳硬件之间边界。

3、轻交互(Lightweight)：苹果认为手表上的交互应该是快速便捷、无需复杂输入和操作的。通过抬起手腕，提醒会自动显示，手腕放下的时候，提醒自动消失，用户无需额外的触摸交互。扫视界面 [Glance] 把所有重要信息集中在一屏之内展示，并提供快速的操作入口以便某些场景下的进一步交互。Android Wear：

1、自动触发(Launched automatically): Andorid Wear 可通过识别时间、位置和用户身体状态在最合适的时间通过卡片的形式向用户推送最相关的信息内容。

快速浏览(Glanceable)：谷歌认为用户在安卓手表上获取信息的体验应该和用传统手表看时间一样优雅和精准，只需要眼角余光一瞥，一切尽在掌握。只有这样，用户才能更快速地回到现实生活中，活在当下，享受生命每一刻。

2、智能推送与搜索(Suggest and Demand)：基于 Google Now 的引擎，安卓手表力图成为用户最随身的智能助手。谷歌的账号服务系统可以学习用户的喜好，只推送最相关最及时的资讯。只可惜目前谷歌的服务在中国大陆无法使用，大大降低了安卓手表的实用性。

3、零打扰(Zero or low interaction)：很多时候 Android Wear 会自动识别你的需求，帮你自动输入内容，用户仅需要确认或者取消。UI 元素采用大块点击，大动作滑动和手势识别，并不需要精确的触摸操作歌打了个有趣的比喻，说每次推送消息给用户，就好像现实生活中有人突然拍一下你的肩膀一样，是种很亲密的行为。但如果这样的行为被滥用，用户很快就会厌烦，并且将你抛弃（Android Wear 可以自定义哪些 App 有权限推送消息到手表上）。

UI 交互架构：Android 的“二维卡片” vs 苹果“立体空间” 安卓手表系统的设计风格延续了谷歌 Material Design 的原则，色彩鲜明细腻，强调卡片式的交互结构。安卓系统采用情景式卡片 [Contextual Cards] 推送，卡片又分为两大类：一种是标准的通知卡片 [Bridge notification]，只提供信息，无需进一步交互。比如短信、天气、新闻等；另一种是可执行卡片 [Actionable cards/Contextual notification]，如可随时暂停的计时器，音乐播放控制器等。卡片上内嵌了可点击操作的按钮，用户除了阅读，还可以进行进一步的快速交互；当同一程序向用户推送了多条信息，这些信息会自动组合成堆叠卡片 [Card Stacks]，用户可点击展开或收拢。在用户有主动搜索的需求时，还可以通过语音询问或者从命令列表中选择预制的快捷命令进行搜索，安卓称之为线索菜单 [Cue Cards]。

那么问题来了, 这么小的屏幕，这么多的卡片，用户又如何浏览和选择？安卓为此制定了 2D Pickers [二维选择] 的法则，即纵向上下滑动在不同种类的卡片间快速切换。而从右向左滑动可以进入某个具体应用卡片的详情进行进一步操作，如查看详情、快速回复、在手机上打开等。从左向右滑动则是返回前一张卡片，直到退出返回默认表盘界面。卡片一旦退出，则自动删除不再出现。

当然，除了情景卡片和线索菜单，安卓也给开发者提供了全屏“沉浸式”交互的可能，如果开发者认为确有必要，可以给用户提供入口，进行全屏交互。

与安卓类似，苹果也提供了卡片式的页面模式 [Page-Based]。用户可以在不同的页面之间左右切换浏览。这样的方式简单明了，但当页面数量较多的时候，来回频繁切换也会影响效率。因此苹果建议开发者尽可能的减少页面数量。

层级模式 [Hierarchical ] 是苹果与安卓最大的不同。在层级模式中，通过菜单导航栏引导用户快速找到相应功能，用户可随时点击左上角的返回按钮或者从屏幕左边缘向右滑动返回上一层级界面。可以想见，对于相对复杂的用户场景，这种模式比扁平的页面模式更为高效。除此以外，苹果提供了压力触摸 [Force Touch] 操作，相当于给同一界面赋予一个快捷操作菜单。在特定界面，只要手指用力按压屏幕，这个快捷菜单就会浮现。这样做既保证了界面布局的简洁完整，也不影响单手指操的效率。另一个亮点是通过快速拨动数字表冠 [Digital Crown]，用户可以在不同 App 和层级界面中进行浏览和进行 Zoom-in-and-out 式的缩放操作，进一步提升了交互的空间层次感。2、76 Synthesizer

苹果在应用设计中最喜欢使用的Skeuomorphic（模仿过去的现实物品，强调界面与用户过往经验的一致性，例如iPad虚拟键盘上F键和J键上的虚拟定位小横杠）设计，让用户感觉自己和应用之间的互动更加直观自然。这样就会让用户从冷冰冰的科技产品中体验到与应用互动的乐趣以及亲切感

3.Camera Genius

整个界面看起来就和真实的单反数码相机一样。明确强烈的视觉层次感，再加上高分辨率以及高质量的Retina视网膜显示屏，整个UI看起来非常逼真、简单明了，用户使用起来相当方便。超清晰和引人入胜的移动UI界面，和 Web页面完美呼应。

4.FL Studio Mobile

FL Studio Mobile是FL studio iPhone版，使你可以在iPod、iPhone和iPad上创建完整的多轨工程，它让你的iPhone就像是全功能的录音室，漂亮的大混音盘，先进的创作工具，让你的音乐突破想象力的限制。

第二篇：ui设计面试自我介绍

【导语】面试中一段短短的自我介绍，其实是为了揭开更深入的面谈而设的。一分钟的自我介绍需要将自己最美好的一面，毫无保留地表现出来，要令对方留下深刻的印象。以下是小编整理的ui设计面试自我介绍，仅供参考！ui设计面试自我介绍篇1

我叫xx，毕业于湖北经济学院广告学专业（偏向广告平面设计），本科。性格：活泼开朗、随和、平易近人。也正式由于这种性格，我有很多爱好：慢跑、打排球、看书、上网……严于律己，宽以待人是我的人生座右铭。

在外地的几年求学中，又让我多了一种坚强的性格，这种性格使我克服了学习和生活中的一些困难，并形成了做事严谨、认真、积极进取的态度，曾荣获学校的奖励。我还积极主动参加学校各种活动和社会实践，不放过任何一个能锻炼自己的机会，同时还辅修了会计学专业。我之所以非常热爱设计，是因为我非常热爱生活。从每天的进步中寻找生活的精彩。也希望能借助这个机会，找一个能展现自己实力的舞台。

会心处不必在远，相信就在这里。

我叫xxx，是xxx大学平面设计专业的学生，我热爱我的专业，因为学设计可以绘画出自己。让人感觉到你的快乐。四年里，我参与了一定的社会实践活动，还多次参加了多次设计大赛，很好的锻炼自己，包括专业知识、心理素质，使自己更加理性成熟。参与使我充实、快乐，使我成长。此外，我热爱文学，能够把丰富的文学知识运用到学习与创作中。

在校学习期间，我热爱社会主义，拥护中国共产党和他的领导。自觉遵守国家的法律和学校的纪律。积极参加各种校内党校活动，向党组织靠拢，并取得了党校结业证书。在学校里，我积极参加从班到系、学校的各种集体活动，并为集体出谋献策。时刻关心同学，与大家关系融洽。作为班干部，我努力为同学服务，积极协助老师的工作，开展各种形式的活动，协调同学与集体的关系，使我们班成为一个充满生气、有活力的班集体。

在学习方面。本人以专业为主体，其他科目知识为辅。大学四年认真学习各科专业课程，已基本掌握专业知识以及与专业相关的知识体系。期间一些公司委托我设计的海报和名片得到了采纳。另外，我非常注重英语能力的培养，每天早上坚持起来晨读，注重英语口语能力的培养。大学期间顺利通过英语四六级考试。

社会实践方面。通过参加寒暑假社会实践工作，我懂得了劳动的艰辛，懂得了做任何事都需要认真、耐心和良好的职业道德素质，让我更珍惜所有劳动成果，更合理使用父母的血汗钱。在其中我更是学到了一些为人处世的方法，懂得人与人之间的沟通。

虽说现在我的社会经验和工作经验不足，但我觉得时间和用心可以弥补一切，在今后的日子里，我将努力锻炼坚强的意志品质，以适应社会发展需求，增强适应各种工作的能力，拓宽专业知识面，努力掌握专业知识和技能，将理论与实践相结合，全心全意投入到未来的工作、事业中。

我是xx大学广告设计专业的应届毕业生xxx。大学期间曾经在暑假期间在xx广告公司实习，能够很好得配合其他员工的工作，认真踏实，对工作是绝对的认真负责；对于不懂不熟之事肯付出努力不断学习与练习，不怕吃苦；期间还独立完成一次项目，受到公司同事和领导的好评，对于自己有较清醒的认识，不会夸大其词，自吹自擂，能恪守以大局为重的原则，愿意服从集体利益的需要！请领导给予一次机会，我会用实力来证明自己！谢谢！

第三篇：UI设计项目总结

《UI设计》项目总结

UI设计课程为计算机系的多媒体方向学生的专业课, 所须课时为14课时/周，共计5周，采用项目教学的教学方式。

通过项目实践，使学生能建立交互界面设计的基本概念框架，掌握交互界面设计制作的基本技能，明确交互界面设计的流程和操作程序，能够将交互界面设计的基础知识和制作技能融会贯通，灵活应用于交互界面设计创意与制作。

课程布置给学生一共两个大项目，第一个项目——“软件交互界面设计”，分步开始设计制作常用控件，逐渐进入整个软件界面设计，在这个过程中，让学生回顾并进一步掌握Photoshop等设计软件，熟悉了解市场上的设计风格。

第二个项目—— “移动手机交互界面设计”。通过这样一个贴近生活的项目吸引学生的好奇心，并引发学生对交互界面设计知识的探究欲望。接下来带领学生开始实施项目的第一个步骤——对项目任务进行分析，明确项目目标和任务要求，也就是明白自己要做什么。藉此项目开始，就让我们学生无形中走向了“职场”。在项目实施过程中，结合实际案例，比赛实践来加深学生对交互界面设计的认识，并充分认识到图片、文字、色彩在设计中作用，对构图、字体、色彩搭配有了更深的理解与应用能力。有了第一个项目的实践经验，通过前后两个项目的对比分析，及时归纳总结已学过的知识，使之系统化，让学生对交互界面设计有了进一步的提高。让学生明白创意在交互界面设计中的作用，培养学生进行设计的正确思维模式。

因该课程面向大二的学生，学生已经有了软件制作基础，因此在讲解软件的时候，着重在如何通过软件功能工具设置来达到更好的设计效果。课程教学通过项目训练与作品展示分析，掌握学生学到多少，然后根据不同的情况有的放矢地讲解。鼓励学生在课堂上向全班同学讲授自己的创作思路和设计稿特点，多多扩散自己的思维，代入“职场”氛围。

从项目实践结果来看，《UI设计》达到了课程教学目的。学生对软件技能知识基本掌握，而在创意艺术表现上的应用部分同学表现良好，还有部分同学仍需进一步巩固与提高。而我对这一课程教学也有了更多的心得体会，虽然还有不足之处，但也看到了更多进步的空间，相信我能进一步做到更好。

第四篇：UI总结

Root 窗口

1、标题栏：位于窗口的顶部，是应用程序的名称。

2、控制按钮区：控制窗口关闭，最大，最小操作的一个集合区域。包括最大化、最小化、关闭按钮。

3、菜单栏：就是各种操作命令构成的菜单项，在当前状态下能够使用的命令类别，包含了文件、编辑、视图等共九项菜单。包括“下拉式菜单”“快捷菜单”。

4、工具栏：就是菜单中的一些常用命令的图标，即常用菜单的图标显示方式。包括：⑴常用工具栏；⑵格式工具栏；⑶绘图工具栏。

5、任务栏（状态栏）：用来显示编辑文档程序当前状态的信息。包括“开始”按钮；快速启动区域；窗口显示区域；输入法；时间区域和消息区域。

6、边框：表示本窗口的范围。

7、工作区（内容区）：应用程序用来显示接受信息和输出信息的区域。【“文件磁盘区”在“我的电脑”】

8、垂直滚动条（钮）：查看上下内容。

9、水平滚动条（钮）：查看左右内容。Sub 子窗口

1、窗口大小、位置，窗口标题，窗口状态栏，控制按钮区（最大、最小、关闭）

2、子窗口与主窗口的关系，是嵌套在主窗口里面，还是单独显示

3、包含的界面元素（类型，位置，大小，字体颜色，背景颜色，默认值，Tab 顺序，快捷键)

a)文本区（字数限制，字符限制）

b)文本域

(字数限制，字符限制）

c)列表框 list box（显示数据列的标题，列排序，列宽，列显示数据量）

d)垂直滚动条（查看上下内容）

e）水平滚动条（查看左右内容）

f）单选框（选 or 不选）

g）多选框（选 or 不选，与Ctrl 和Shift key 有没有联合）

h）按钮

i）标签

第五篇：UI设计师面试题目

UI设计师面试题目

选择题环节

UI设计构图的内容要素（A）A． 文字，插图，图标 B． 文字，插图，表格 C． 文字，表格，图标 D． 表格，插图，图标

通过有意转换，交替视点来违反正常的透视规律和空间观念的图形被称为（C）A． 正负形 B． 异物同构 C． 矛盾空间 D． 多元重构

UI设计中以下哪些是矢量软件（A）A． Adobe Illustrator B． Photoshop C． Adobe After Effects D． Indesign

在Photoshop中，快捷键Ctrl + Alt+C 将打开哪个操作面板（B）A． 图像大小 B． 画布大小 C． 自动色调 D． 自动对比度

在AI中，关于符号功能的描述正确的是（C）A． 能还原上一步操作 B． 能复制已有选区的元素 C． 能方便快捷的替换元素 D． 能改变元素的路径

视觉设计研究范围不包含以下哪几项（D）A． 创建可识别的图像 B． 产品整体视觉统一性 C． 布局构图合理性及美观度 D． 需求原型的分析

问答题环节

1． 怎样理解界面设计，网页设计，平面设计，他们之间的区别是什么?自己更喜欢或擅长哪块? 2． 是否有自己最满意的作品，什么时候设计的?设计题目或主题是什么?自己是如何策划和设计表现的?