UI 界面设计工程师考试试卷及答案

UI界面设计工程师考试试卷及答案一、填空题（共10题，每题1分）1.UI设计中“对比、对齐、重复、亲密性”被称为______四原则。2.Figma的核心优势是______协作。3.RGB色彩模式主要用于______显示。4.移动端按钮最小点击区域通常不小于______px。5.苹果iOS设计规范简称______。6.安卓设计规范是______。7.图标设计需遵循______原则（如辨识度、一致性）。8.栅格系统的核心是______布局。9.响应式设计适配______设备。10.原型设计的主要目的是______。填空题答案1.平面设计2.实时云端3.屏幕（数字）4.48×485.HIG（HumanInterfaceGuidelines）6.MaterialDesign7.简约易懂8.网格（模块化）9.不同尺寸10.快速验证需求二、单项选择题（共10题，每题2分）1.以下不属于UI设计范畴的是？A.图标设计B.交互逻辑C.页面布局D.前端开发2.Figma中快速复制元素的快捷键是？A.Ctrl+CB.Ctrl+DC.Ctrl+VD.Ctrl+X3.色彩三要素不包括？A.色相B.饱和度C.明度D.色温4.移动端导航栏通常位于？A.顶部/底部B.左侧C.右侧D.中间5.MaterialDesign的特点是？A.拟物化B.扁平化+阴影层次C.极简无层次D.3D立体6.低保真原型常用工具是？A.AxureB.纸和笔C.FigmaD.Sketch7.“留白”在UI中的主要作用是？A.节省空间B.提升可读性C.增加内容D.无实际作用8.iPhone14主屏幕图标尺寸是？A.60×60B.120×120C.180×180D.240×2409.属于UX而非UI的是？A.按钮样式B.页面跳转逻辑C.字体大小D.颜色搭配10.栅格系统常见列数不包括？A.12B.16C.24D.30单项选择题答案1.D2.B3.D4.A5.B6.B7.B8.C9.B10.D三、多项选择题（共10题，每题2分）1.UI设计常用工具包括？A.FigmaB.SketchC.AdobeXDD.Photoshop2.实现“对比”的方式有？A.颜色对比B.大小对比C.字体对比D.间距对比3.响应式设计关键技术包括？A.弹性布局B.媒体查询C.固定宽度D.相对单位4.MaterialDesign核心组件有？A.卡片B.浮动操作按钮C.导航抽屉D.拟物按钮5.UI需考虑的UX要素包括？A.易用性B.效率C.满意度D.美观性6.图标设计注意事项有？A.辨识度高B.风格统一C.细节复杂D.适配尺寸7.移动端适配原则包括？A.分辨率适配B.横竖屏适配C.固定尺寸D.相对单位8.UI输出物包括？A.原型图B.设计规范C.切图D.交互流程图9.色彩搭配方法有？A.单色搭配B.互补色搭配C.类似色搭配D.随机搭配10.栅格系统组成部分包括？A.列B.gutter（间距）C.边距D.模块多项选择题答案1.ABCD2.ABCD3.ABD4.ABC5.ABCD6.ABD7.ABD8.ABC9.ABC10.ABCD四、判断题（共10题，每题2分）1.UI仅关注视觉，不关注交互。（）2.Figma支持离线编辑。（）3.安卓与iOS设计规范完全相同。（）4.按钮点击区域越大越好。（）5.响应式需适配所有设备尺寸。（）6.图标可使用复杂细节。（）7.栅格系统提升设计一致性。（）8.RGB用于印刷。（）9.低保真原型无需考虑细节。（）10.UI字体大小应完全统一。（）判断题答案1.×2.×3.×4.×5.√6.×7.√8.×9.√10.×五、简答题（共4题，每题5分）1.简述UI设计的4个核心原则。答案：①对比原则：通过颜色、大小差异突出重点（如按钮与背景的高对比）；②对齐原则：元素对齐增强秩序感（如文字左对齐、模块居中对齐）；③重复原则：重复使用图标、字体等元素提升一致性；④亲密性原则：相关元素靠近（如输入框与标签），无关元素分离，减少用户认知负担。2.Figma与Sketch的主要区别？答案：①协作：Figma支持实时云端协作，多人同时编辑；Sketch仅本地，需插件协作；②平台：Figma跨Windows/Mac，Sketch仅Mac；③原型：Figma内置原型工具，Sketch需插件（如Principle）；④生态：Sketch插件更成熟，但Figma插件增长快，适合跨团队协作。3.移动端UI适配要点？答案：①尺寸：用dp/rem等相对单位，适配不同分辨率；②布局：弹性布局+栅格，避免固定宽度；③交互：按钮最小48×48px，触控反馈明显；④横竖屏：核心页面支持切换，调整布局；⑤性能：优化图片（WebP格式），减少动画卡顿。4.色彩在UI中的作用？答案：①引导视觉：高对比色突出按钮/重要信息；②传递情感：暖色调（红/橙）显活力，冷色调（蓝/绿）显专业；③品牌识别：统一品牌色增强记忆；④功能区分：错误红、成功绿、警告黄区分状态；⑤可读性：背景与文字对比≥4.5:1（WCAG标准）。六、讨论题（共2题，每题5分）1.如何平衡UI美观性与实用性？答案：以用户需求为核心，避免“为美牺牲功能”。①需求导向：通过用户调研明确核心功能（如电商APP需突出“搜索”“购物车”）；②层级清晰：用对比、留白突出重点，避免过度装饰（如某视频APP曾因动态背景影响播放控制，后简化）；③性能优先：美观设计不拖慢加载（如压缩图片、减少复杂动画）；④测试验证：通过用户测试收集反馈，调整平衡（如某社交APP优化后，美观度提升同时操作效率提高30%）。2.响应式与自适应设计的区别及选择？答案：①区别：响应式用弹性布局+媒体查询，自动适配所有尺寸；自适应针对固定尺寸（手机/平板/PC）做