2022年UI设计面试问题总结.docx

《2022年UI设计面试问题总结.docx》由会员分享，可在线阅读，更多相关《2022年UI设计面试问题总结.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、UI 设计一、什么是 UI 设计：UI,顾名思义, User Interface,UI 设计即为用户界面设计；用户界面是用户和设备交互的重要介质；用户界面设计可分为感 觉和情感两个层次,其综合了心理学,设计学,语言学等方面的 学问；一个产品的 UI 设计直接关系着用户体验, 随着移动设备的进展,用户体验越来越重要；用户界面设计很大程度上就是在探究如何让产品更具可用性,如何使用户获得更好的体验,使用户能够更快的通过界面操作完成任务获得良好的感觉；二、UI 设计的三大原就：1、易用性,使用户能够更简洁的使用产品,通过界面完成想要做的操作；2、在界面美观的基础上,减小用户的记忆负担,使用户在使 用产

2、品时不用刻意记忆各种功能, 可以很舒适的完成操作, 从而使用户得到很好的产品体验；3、界面的一样性；对于产品而言,在功能完备的基础上,界 面的美观很重要, 美观的界面不仅使产品本身更具魅力, 仍会给用户带来愉悦的体验； 除此之外界面要高度一样, 用户使用界面时往往会有惯性思维, UI 要保持一样,以免用户思维方向被打乱,影响产品的用户体验；三、UI 设计常见问题1、要明确自己的用户群, 不同的用户阶层对不同的设计元素有不同的懂得；所以我们的UI 设计要针对自己的用户群设计；2、要确保 UI 能够使用户自由掌控自己的浏览行为,要确保用户能从某个点跳出,能够毫无障碍地退出某个界面；3、尽可能的削减

3、程序中的bug 和错误；从而改善用户体验, beat测试是削减错误的最好的方法；4、将重点放在重要的内容上,将最重要的东西展现给用户,从而使用户更好的懂得你的设计；5、设计要简约； 简约的设计可以增强 UI 的易用性,可 I让用户不必关怀那些没必要的信息； 而过于拥挤的页面不管功能多强大都会给用户带来糟糕的用户体验；6、要有视觉提示； 当我们使用了 ajax flash等技术时, 当内容加载时应当有视觉提示,始终让用户知道目前在做什么；7、要确保内容清楚,精确,易懂；8、颜色的使用；颜色是 UI 的重要元素,不同的颜色代表不同的心情,颜色的使用应当和站点以及主题相契合； 仍要考虑特别人群的感受

4、, 有的用户可能是色盲,在颜色使用上要考虑他们的感受；颜色使用要保持一样, 一旦选定了某种配色, 整个站点一样使用这种配色；9、良好的结构；在 UI 设计中各个元素应当放在他们呢该放的位置,总体结构应当清楚,一样,相关关联,那些不相关的东西应当单独放置；四、交互实例分析1、Android Wear 与 Apple Watch产品交互设计共同点：智能推送,轻量交互,高易读性；Apple Watch ：1、个人化 Personal：由于手表是最贴近人体、最“无感”的智能设备,因此自然具备充当个人与虚拟世界交互入口 的潜质；每当用户抬起手腕的时候, 苹果手表能够自动出现相关信息提示和个人健康数据；2

5、 、整体性 Holistic：从 iPhone5和 iOS7 开头, 苹果开头追求软硬件结合的一体化极致体验；Retina视网膜屏, 浑圆过渡的鹅卵石状外壳,数字表冠digital Crown和内置的Taptic精确震惊引擎都是这一理念的在手表上的进一步实践；苹果建议开发者在开发手表 App 时候尽量使用黑色背景, 并把UI 元素尽量布局到屏幕边缘, 也是为了从视觉上模糊屏幕软件与表壳硬件之间边界；3、轻交互 Lightweight：苹果认为手表上的交互应当是快速便利、无需复杂输入和操作的；通过抬起手腕,提示会自动显 示,手腕放下的时候,提示自动消逝,用户无需额外的触摸交 互；扫视界面 Gla

6、nce把全部重要信息集中在一屏之内展现, 并供应快速的操作入口以便某些场景下的进一步交互；Android Wear ：1 、自动触发 Launched automatically: Andorid Wear可通过识别时间、位置和用户身体状态在最合适的时间通过卡片 的形式向用户推送最相关的信息内容；快速浏览 Glanceable：谷歌认为用户在安卓手表上猎取信息的体验应当和用传统手表看时间一样文雅和精准,只需要眼角余光一瞥,一切尽在把握；只有这样,用户才能更快速地回到现实生活中,活在当下,享受生命每一刻；2 、智能推送与搜寻 Suggestand Demand： 基于 Google Now的引擎

7、,安卓手表力图成为用户最随身的智能助手；谷歌的账 号服务系统可以学习用户的喜好, 只推送最相关最准时的资讯；只惋惜目前谷歌的服务在中国大陆无法使用,大大降低了安卓 手表的有用性；3、零打搅 Zeroor low interaction：许多时候 Android Wear 会自动识别你的需求, 帮你自动输入内容, 用户仅需要确认或者取消； UI元素采纳大块点击,大动作滑动和手势识别,并不需要精确的触摸操作歌打了个好玩的比如,说每次推送消 息给用户,就似乎现实生活中有人突然拍一下你的肩膀一样, 是种很亲热的行为；但假如这样的行为被滥用,用户很快就会 厌烦,并且将你抛弃（ Android Wear可

8、以自定义哪些 App 有权限推送消息到 手表上）；UI 交互架构： Android的“二维卡片” vs苹果“立体空间”安卓手表系统的 设计风格连续了谷歌 Material Design的原就,颜色鲜明细腻,强调卡片式的交互结构；安卓系统采纳情形式卡片Contextual Cards推送,卡片又分为两大类：一种是标准的通知 卡片 Bridgenotification,只供应信息,无需进一步交互；比如短信、天气、新闻等；另一种是可执行卡片Actionable cards/Contextual notification, 如可随时暂停的计时器,音乐播放掌握器等；卡片上内嵌了可点击操作的按钮, 用户除

9、了阅读, 仍可以进行进一步的快速交互； 当同一程序向用户推送了多条信息, 这些信息会自动组合成堆叠卡片 CardStacks ,用户可点击绽开或收拢；在用户有主动搜寻的需求时, 仍可以通过语音询问或者从命令列表中挑选预制的快捷命令进行搜寻,安卓称之为线索菜单Cue Cards；那么问题来了 ,这么小的屏幕, 这么多的卡片, 用户又如何浏览和挑选安卓为此制定了 2D Pickers 二维挑选 的法就,即纵向上下滑动在不同种类的卡片间快速切换；而从右向左滑动可以进入某个详细应用卡片的详情进行进一步操作,如查看详情、快速回复、在手机上 打开等；从左向右滑动就是返回前一张卡片, 直到退出返回默认 表盘

10、界面；卡片一旦退出,就自动删除不再显现；当然, 除了情形卡片和线索菜单,安卓也给开发者供应了全屏“沉迷式”交互的可能,假如开发者认为确有必要,可以给用户供应入口, 进行全屏交互；与安卓类似, 苹果也供应了卡片式的页面模式 Page-Based ；用户可以在不同的页面之间左右切换浏览； 这样的方式简洁明白, 但当页面数量较多的时候, 来回频繁切换也会影响效率； 因此苹果建议开发者尽可能的削减页面数量；层级模式 Hierarchical 是苹果与安卓最大的不同；在层级模式 中,通过菜单导航栏引导用户快速找到相应功能, 用户可随时点击左上角的返回按钮或者从屏幕左边缘向右滑动返回上一层级界面；可以想见

11、,对于相对复杂的用户场景, 这种模式比扁平的页面模式更为高效；除此以外, 苹果供应了压力触摸 Force Touch操作,相当于给同一界面给予一个快捷操作菜单； 在特定界面,只要手指用力按压屏幕, 这个快捷菜单就会出现； 这样做既保证了界面布局的简洁完整, 也不影响单手指操的效率；另一个亮点是通过快速拨动数字表冠Digital Crown, 用户可以在不同 App 和层级界面中进行浏览和进行 Zoom-in-and-out式的缩放操作,进一步提升了交互的空间层次感；2、76 Synthesizer苹果在应用设计中最喜爱使用的 Skeuomorphic（仿照过去的现实物品,强调界面与用户过往体会

12、的一样性, 例如iPad 虚拟键盘上 F键和J 键上的虚拟定位小横杠） 设计,让用户感觉自己和应用之间的互动更加直观自然；这样就会让用户从冷冰冰的科技产品中体验到与应用互 动的乐趣以及亲切感3. Camera Genius整个界面看起来就和真实的单反数码相机一样； 明确剧烈的视觉层次感,再加上高辨论率以及高质量的 Retina 视网膜显示屏, 整个UI 看起来特别逼真、简洁明白,用户使用起来相当便利；超清楚和引人入胜 的移动 UI界面,和 Web页面完善呼应；4. FL Studio MobileFL Studio Mobile 是 FL studioiPhone 版,使你可以在 iPod 、iPhone 和 iPad 上创建完整的多轨工程, 它让你的 iPhone 就像是全功能的录音室, 美丽的大混音盘,先进的创作工具,让你的音乐突破想象力的限制；