2026年UI设计基础考核试卷（附答案）

2026年UI设计基础考核试卷（附答案）一、单项选择题（每题2分，共40分）1.UI是哪个专业术语的英文缩写？A.UserExperienceB.UserInterfaceC.UserResearchD.InteractionDesign答案B2.苹果公司官方发布的移动端设计规范名称是？A.MaterialDesignB.HumanInterfaceGuidelines（HIG）C.AntDesignD.CarbonDesignSystem答案B解析MaterialDesign是谷歌安卓系统的设计规范，AntDesign是阿里开源的企业级设计体系，Carbon是IBM的设计系统。3.面向屏幕端的UI设计工作，通用的色彩模式是？A.CMYKB.RGBC.LabD.灰度模式答案B解析CMYK是印刷场景使用的色彩模式，RGB是屏幕发光显示的原生色彩模式，适用于所有电子屏幕界面设计。4.根据格式塔视觉原理，视觉上距离相近的元素会被用户自动感知为同一组别，这一原则被称为？A.接近性原则B.相似性原则C.闭合性原则D.连续性原则答案A解析相似性原则指外观特征（颜色、形状、大小）相近的元素会被归为一组；闭合性原则指用户会自动补全不完整图形的轮廓；连续性原则指用户会将沿连续路径排列的元素感知为整体。5.按照iOS官方设计规范，移动端正文内容的默认推荐字号为？A.12ptB.14ptC.17ptD.24pt答案C6.UI设计中，能够直接传递功能含义、引导用户操作，无需额外文字解释即可被理解的图标类型是？A.装饰性图标B.功能性图标C.启动图标D.品牌标识图标答案B7.当前针对主流iOS设备进行UI切图输出时，需要提供的标准倍率素材为？A.@1x、@2xB.@2x、@3xC.@1x、@3xD.@1x、@2x、@3x答案B解析当前苹果在售iOS设备已全面淘汰@1x分辨率屏幕，仅需输出@2x、@3x两档素材即可覆盖所有机型。8.UI无障碍设计中，Web内容无障碍指南的通用英文缩写是？A.WCAGB.W3CC.ARIAD.GUI答案A解析W3C是万维网联盟，是制定Web标准的组织；ARIA是无障碍富互联网应用规范集；GUI是图形用户界面。9.按钮组件的常见状态中，代表用户点击按钮瞬间反馈的状态是？A.默认状态（Default）B.悬停状态（Hover）C.按下状态（Pressed）D.禁用状态（Disabled）答案C10.以下工具中，不属于主流UI界面设计工具的是？A.FigmaB.SketchC.AdobeXDD.AutoCAD答案D解析AutoCAD是工程制图领域的专业工具，不用于UI界面设计。11.色彩三要素指的是色相、饱和度与？A.对比度B.明度C.色温D.透明度答案B12.当前UI行业通用的8点栅格系统，指的是所有组件尺寸、间距的取值都以多少单位为基础整数倍？A.4pxB.8pxC.16pxD.32px答案B13.移动端APP中，位于页面顶部、用于展示当前页面标题、返回入口、核心操作按钮的栏位名称是？A.状态栏（StatusBar）B.导航栏（NavigationBar）C.标签栏（TabBar）D.操作菜单（ActionSheet）答案B解析状态栏用于展示时间、电量、信号等系统状态；标签栏位于页面底部，用于切换一级功能模块；操作菜单是触发操作后弹出的选项面板。14.UI设计中，通过调整字号、字重、色彩对比度、间距来区分信息的重要程度，核心目的是构建清晰的？A.视觉层级B.品牌调性C.动效节奏D.代码结构答案A15.谷歌MaterialDesign规范中，控件被点击时出现的水波纹扩散效果属于？A.装饰元素B.交互反馈C.品牌logo展示D.加载动效答案B16.以下图片格式中，支持透明背景、采用无损压缩、是UI切图常用格式的是？A.JPEGB.PNGC.BMPD.GIF答案B解析JPEG不支持透明通道，采用有损压缩；BMP为无压缩位图格式，文件体积过大；GIF仅支持256色，多用于简单动图。17.UI设计中合理使用留白的核心作用是？A.尽可能堆砌更多信息，提升页面信息密度B.突出核心内容，提升内容可读性，降低视觉疲劳C.提升页面加载速度D.减少前端开发的工作量答案B18.以下设计做法中，符合UI设计一致性原则的是？A.相同功能的按钮在不同页面使用不同的颜色、圆角与尺寸B.弹窗的关闭按钮位置在不同页面随意变动C.全局使用统一的圆角规则、组件样式、交互逻辑D.同层级标题的字号、字重在不同页面随意调整答案C19.用户操作后在页面中层级出现、一段时间后自动消失的轻量提示消息，行业内通用名称是？A.ToastB.AlertC.DialogD.BottomSheet答案A解析Alert与Dialog为强阻断式弹窗，需要用户主动操作才能关闭；BottomSheet是从底部弹出的功能面板，不会自动消失。20.2025-2026年行业内主流的iPhone端UI设计稿基准画布逻辑尺寸为？A.320*480ptB.375*667ptC.390*844ptD.414*736pt答案C解析320480pt是iPhone4时代的尺寸，375667pt是iPhone8系列的尺寸，390*844pt是iPhone12到iPhone16标准版的通用逻辑尺寸，为当前主流设计基准。二、多项选择题（每题2分，共20分。每题有2个及以上正确答案，多选、少选、错选均不得分）1.以下设计场景属于UI设计工作范畴的有？A.移动端APP界面设计B.网页端产品界面设计C.智能手表、车机系统的交互屏幕设计D.电脑端桌面软件的操作界面设计答案ABCD解析UI（用户界面）设计覆盖所有带有电子屏幕的人机交互界面，上述场景均属于UI设计范畴。2.UI设计的核心通用原则包括？A.一致性原则B.易用性原则C.可读性原则D.即时反馈原则答案ABCD3.下列属于格式塔视觉组织原则的有？A.接近性原则B.相似性原则C.闭合性原则D.边际效用原则答案ABC解析边际效用原则是经济学概念，不属于视觉设计原理。4.以下属于UI通用基础组件的有？A.按钮B.输入框C.进度条D.下拉选择菜单答案ABCD5.下列关于UI文字排版的正确做法有？A.同层级内容使用统一的字号、字重与颜色规则B.正文行高设置为字号的1.2-1.8倍，保证长文本可读性C.正文文字与背景的对比度满足WCAG无障碍最低标准D.单个界面内使用5种以上不同字体，提升视觉丰富度答案ABC解析单个界面内字体数量建议控制在1-2种，过多字体会破坏视觉统一性，提升阅读负担。6.UI设计交付给开发环节的标准输出物通常包括？A.带尺寸、颜色、字号标注的设计稿B.适配多倍率的切图资源C.交互逻辑与特殊状态说明D.组件与样式设计规范答案ABCD7.以下属于移动端APP常见导航模式的有？A.底部标签导航B.抽屉式侧边导航C.顶部分段Tab导航D.舵式导航答案ABCD8.下列关于UI色彩应用的说法，正确的有？A.品牌主色通常用于主要操作按钮、关键行动点，强化品牌认知B.状态色使用有通用语义：绿色代表成功，黄色代表警告，红色代表错误C.大面积使用高饱和度纯色可以提升页面高级感，不会造成视觉疲劳D.辅助色用于点缀局部信息、区分次要功能，避免与主色冲突答案ABD解析大面积高饱和色彩会对人眼造成强烈刺激，长时间浏览易引发视觉疲劳，同时会干扰核心信息的识别。9.按钮组件需要覆盖的常见交互状态包括？A.默认可点击状态B.PC端鼠标悬停状态C.用户按下点击状态D.不可点击禁用状态答案ABCD10.下列做法中，符合“以用户为中心”的UI设计理念的有？A.设计前开展用户调研，明确目标用户的使用习惯与真实需求B.为了追求视觉效果刻意隐藏常用功能入口，提升设计“高级感”C.设计迭代过程中开展可用性测试，根据用户反馈优化方案D.设计时考虑视障、色弱等特殊用户的使用需求，适配无障碍功能答案ACD解析刻意隐藏常用功能会大幅提升用户操作成本，违背易用性原则，是以设计师自我为中心的错误做法。三、判断题（每题1分，共10分。请判断题目表述是否正确）1.UI设计只需要关注视觉效果的美观度，无需考虑用户操作逻辑与使用体验。答案错误解析UI设计的核心是服务用户使用，美观是基础要求，易用性、体验流畅度是更核心的设计目标。2.RGB色彩模式中，每个颜色通道的取值范围是0-255。答案正确3.移动端界面中，可点击元素的触控热区尺寸建议不小于48*48px，降低用户误触概率。答案正确4.JPEG格式图片支持透明背景通道，适合作为带透明效果的切图格式输出。答案错误解析JPEG格式不支持透明通道，带透明效果的切图通常使用PNG或WebP格式。5.UI设计的一致性原则仅要求视觉样式统一，不需要考虑交互逻辑的一致性。答案错误解析一致性原则包含视觉一致、交互一致、结构一致三个层面，交互逻辑一致是降低用户学习成本的核心。6.8点栅格系统的核心规则是所有尺寸、间距取值为8px的整数倍，保证多端适配的统一性与开发效率。答案正确7.Figma是一款支持云端存储、多人实时协作的主流UI设计工具。答案正确8.界面中的文字字号越大，对应的视觉层级一定越高。答案错误解析视觉层级由字号、字重、颜色对比度、位置等多因素共同决定，浅灰色的大字号文字层级通常低于高对比度的加粗小字号文字。9.为了提升页面视觉质感，可以随意降低正文文字与背景的对比度，无需考虑可读性要求。答案错误解析正文文字与背景的对比度需要满足WCAG标准，保证普通用户与视障用户都可以清晰阅读。10.Toast轻提示是强阻断式组件，弹出后必须用户手动点击确认才能关闭。答案错误解析Toast为非阻断式轻提示，通常显示2-3秒后自动消失，无需用户操作；Alert/Dialog才是需要用户确认的强阻断组件。四、简答题（每题6分，共18分）1.请简述UI设计中一致性原则的核心内涵与应用价值。答案核心内涵包含三个层面：（1）视觉一致性：全局统一色彩、字体、组件样式、圆角、间距等视觉规则（2分）；（2）交互一致性：相同功能的操作逻辑、反馈规则保持统一（1分）；（3）结构一致性：全局导航结构、页面布局逻辑保持统一（1分）。应用价值：降低用户学习成本，减少用户操作认知负担；建立统一的品牌认知；提升组件复用率，降低开发与设计的迭代成本（2分）。2.请列举UI设计中按钮组件的4种常见状态，并分别说明其应用场景。答案（1）默认状态：页面正常加载后按钮的可点击基础样式，提示用户该元素可交互（1.5分）；（2）悬停状态：PC端鼠标悬浮在按钮上时的样式变化，提示用户当前已定位到可点击元素（1.5分）；（3）按下状态：用户点击按钮瞬间的样式反馈，告知用户操作已被系统识别（1.5分）；（4）禁用状态：当操作条件不满足时的按钮样式（如未填写完表单时的提交按钮），提示用户当前无法触发该操作（1.5分）。3.请简述UI设计中合理留白的主要作用（至少列举3点）。答案（1）划分内容模块，构建清晰的视觉层级，降低用户信息接收的认知负担（2分）；（2）突出核心内容，将用户视觉注意力引导到关键信息与操作按钮上，提升信息传递效率（2分）；（3）提升页面呼吸感与视觉品质，避免信息堆砌造成的视觉疲劳；保证可点击元素有足够的触控热区，降低误触概率（2分）。五、综合应用题（共12分）某团队计划开发一款面向普通大众用户的移动端个人记账APP，核心功能包含收支记录、账单统计、预算设置、个人中心。请结合UI设计基础原则，回答以下问题：1.该产品的主色调适合选用什么色系？请说明设计理由。2.该产品的底部标签导航适合设置几个核心功能入口？请说明设计理由。3.用户成功提交一笔收支记录后，应该采用哪种反馈形式告知用户操作结果？请说明设计理由。答案1.主色调选择：适合选用低饱和度的蓝色系或绿色系（2分）。理由：蓝色传递理性、可靠、安全的心理感受，契合记账类工具需要传递的专业、可信赖的产品调性；绿色传递积极、安全、增长的感受，契合财务场景下资产积累、收支平衡的正向心理预期；应避免使用高饱和度的红色、紫色等易引发焦虑、冲动情绪的色彩作