2026年UI设计师理论知识等级考试模拟考试题及答案

2026年UI设计师理论知识等级考试模拟考试题及答案一、单项选择题（本大题共20小题，每小题2分，共40分。在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填在括号内）1.在色彩理论中，HSL模型中的“L”代表的是（）。A.色相B.饱和度C.亮度D.透明度2.根据尼尔森可用性原则，系统状态的可见性是首要原则。在移动端UI设计中，以下哪种交互反馈方式最能体现这一原则？（）A.点击按钮后页面跳转B.点击提交按钮后，按钮变为灰色并显示加载转圈动画C.鼠标悬停在链接上时链接变色D.页面加载时显示白屏3.在Web设计中，rem单位是相对于（）的字体大小。A.根元素B.父元素C.当前元素D.浏览器默认值4.格式塔心理学中的“接近律”在UI布局中的应用意味着（）。A.相似的元素被视为一组B.封闭的图形容易被感知为一个整体C.距离较近的元素被视为一组D.人的视觉会自动填补缺失的部分5.下列哪种文件格式最适合用于需要支持透明背景且无损压缩的UI图标导出？（）A.JPEGB.PNG-8C.SVGD.GIF6.在MaterialDesign设计规范中，elevation（海拔高度）的主要作用是（）。A.增加界面的视觉重量B.表明元素在Z轴上的层级关系和阴影投射C.增加界面的色彩饱和度D.减少界面的留白7.根据WCAG2.1标准，普通文本的最低对比度要求（AA级）是（）。A.3:1B.4.5:1C.7:1D.2:18.在Figma等设计工具中，使用“AutoLayout”（自动布局）功能的主要目的是（）。A.自动生成配色方案B.让组件能够根据内容长度自动调整大小和位置C.自动绘制矢量网格D.自动切图导出9.菲茨定律常用于UI设计中的按钮尺寸和位置设计，其核心公式为T=a+blog2(1+D/W)A.移动距离B.目标宽度C.设备分辨率D.用户反应时间10.原子设计理论将设计元素分为五个层级，其中处于最底层的是（）。A.分子B.原子C.生物D.模板11.在iOS人机交互指南中，用于引导用户进行主要操作的按钮样式通常被称为（）。A.SecondaryButtonB.TertiaryButtonC.PrimaryButtonD.TextButton12.下列关于响应式设计的断点设置，最符合当前主流设备屏幕尺寸的是（）。A.320px,480px,768px,1024pxB.375px,768px,1024px,1440pxC.360px,640px,960px,1280pxD.400px,800px,1200px,1600px13.在UI动效设计中，“Easing”（缓动曲线）的主要作用是（）。A.控制动画的持续时间B.模拟物理世界的运动惯性，使动画更自然C.控制动画的循环次数D.控制动画的透明度变化14.下列哪项不是设计系统包含的核心内容？（）A.组件库B.设计规范文档C.代码仓库D.用户调研报告15.希克定律指出，一个人做出决定的时间随着选择数量的增加和对数增加。在UI设计中，这通常用于指导（）。A.颜色搭配B.菜单项的数量控制C.字体大小选择D.图片分辨率设置16.在Web无障碍设计（a11y）中，为屏幕阅读器用户提供图片描述信息的HTML属性是（）。A.srcB.titleC.altD.class17.8pt网格系统在UI设计中被广泛采用，其主要优势在于（）。A.能够完美适配所有屏幕分辨率B.提供统一的视觉节奏和对齐标准，减少开发时的像素偏差C.能够自动生成高保真原型D.能够减少设计文件的体积18.在移动端App设计中，底部导航栏通常建议放置的图标数量上限是（）。A.3个B.4个C.5个D.6个19.当设计深色模式界面时，为了避免视觉疲劳和视觉震动，应避免使用（）。A.纯黑色（#000000）作为背景色B.低饱和度的灰色C.高对比度的文字颜色D.半透明的叠加层20.在用户画像中，用于描述用户目标、动机和痛点的部分通常称为（）。A.人口统计学特征B.场景C.心理模型D.用户故事二、多项选择题（本大题共10小题，每小题3分，共30分。在每小题列出的五个备选项中有两个或两个以上是符合题目要求的，请将其代码填在括号内。多选、少选、错选均不得分）21.下列属于用户体验五要素中“战略层”内容的有（）。A.用户需求B.产品目标C.功能规格D.内容需求E.交互设计22.在进行可用性测试时，常见的数据收集方法包括（）。A.出声思维法B.眼动追踪C.问卷调查D.A/B测试E.竞品分析23.优秀的微文案设计应具备哪些特征？（）A.清晰简洁B.一致性C.具有同理心D.使用行业术语E.晦涩难懂24.下列关于SVG格式的描述，正确的有（）。A.是基于矢量的图形格式B.缩放不失真C.可以通过CSS控制样式D.文件体积通常比同等效果的PNG大E.支持动画效果25.在设计表单时，为了减少用户输入错误，可以采取的措施有（）。A.设置明确的输入限制（如字符长度）B.使用实时校验反馈C.提供默认值D.隐藏必填项标记E.使用自动填充功能26.移动端手势交互主要包括哪些类型？（）A.点击B.滑动C.长按D.捏合缩放E.语音输入27.设计走查是UI设计流程中的重要环节，走查的主要关注点包括（）。A.视觉还原度B.交互逻辑一致性C.无障碍访问性D.不同分辨率下的适配情况E.程序代码的运行效率28.下列属于常见的UI设计工具的有（）。A.FigmaB.SketchC.AdobeXDD.PhotoshopE.AxureRP29.在信息架构设计中，常用的组织方法有（）。A.按字母顺序B.按时间顺序C.按类别D.按地理位置E.按用户心理模型30.关于留白在UI设计中的作用，下列说法正确的有（）。A.增加界面的呼吸感B.提高内容的可读性C.通过负空间引导用户视线D.区分不同的内容区块E.留白越多越好，不需要考虑信息密度三、判断题（本大题共10小题，每小题1分，共10分。请判断下列说法的正误，正确的打“√”，错误的打“×”）31.对比度不仅仅是颜色深浅的对比，还包括大小、形状、纹理等方面的对比。（）32.在Web设计中，px（像素）是绝对单位，不会随浏览器设置改变而改变。（）33.面向对象的设计思维在UI中表现为将界面拆解为可复用的组件。（）34.为了保证视觉的一致性，整个App只能使用一种字体。（）35.雅各布定律指出，用户大部分时间花在其他网站上，因此他们希望你的网站运作方式与其他网站相同。（）36.所有的动效都应该设置为无限循环，以吸引用户注意力。（）37.情感化设计只能在视觉层面通过插画和色彩实现。（）38.卡片式设计能够很好地整合不同类型的信息，并适应响应式布局。（）39.在设计暗黑模式时，直接反转亮色模式的颜色值（RGB取反）是最佳实践。（）40.MVP（最小可行性产品）意味着产品可以设计得很简陋，只要功能能用就行。（）四、填空题（本大题共10小题，每小题2分，共20分。请在每小题的空格处填上正确答案）41.在色彩心理学中，________色通常与警告、注意或危险相关联。42.CSS中，Flexbox布局模型的主轴对齐属性是________。43.在移动端设计中，iOS设计规范建议的最小可点击热区尺寸为________pt。44.__________是指用户在使用产品过程中产生的心理预期，如果产品行为符合该预期，用户会觉得产品易用。45.设计原则中的“KISS”是________的缩写。46.在Web设计中，视口单位vw代表________。47.________是一种将大任务分解为一系列小步骤的设计模式，常用于结账流程或设置向导。48.为了确保色盲用户能够区分信息，除了颜色外，还应使用________作为辅助标识。49.在设计系统中，________通常用于定义组件在不同状态下的样式变化（如Hover,Active,Disabled）。50.瀑布流布局最初由________网站普及开来。五、简答题（本大题共4小题，每小题5分，共20分）51.请简述格式塔心理学中的“相似律”及其在UI设计中的具体应用案例。52.什么是“渐进式披露”？在UI设计中如何应用它来降低用户的认知负荷？53.请列举三种常见的移动端导航模式，并分别简述其适用场景。54.在设计一个数据可视化大屏时，应该如何选择合适的图表类型？请列举至少三种图表及其对应的数据关系。六、综合案例分析题（本大题共2小题，每小题15分，共30分）55.案例背景：某在线教育平台正在重新设计其“课程详情页”。目前的页面存在以下问题：(1)信息层级混乱，课程标题、价格、讲师信息、课程大纲、评价等区域视觉权重几乎相同。(2)购买按钮位置不够突出，导致转化率较低。(3)课程大纲部分文字过于密集，用户阅读困难。(4)在移动端，页面过长，关键操作被折叠在第二屏以下。问题：请运用UI设计理论知识（如视觉层次、对比、布局、移动端适配原则等），针对上述问题提出具体的改进方案，并说明设计依据。56.案例背景：你正在负责一款金融理财App的“转账功能”设计。该功能涉及资金安全，对准确性要求极高。用户反馈在输入转账金额和账号时经常出错，且在输入过程中感到紧张，不确定操作是否正确。问题：(1)请结合“防错设计”和“反馈机制”原则，设计该转账表单的交互流程。(2)详细说明你会通过哪些UI元素或交互方式来减少用户输入错误并增强安全感。(3)请给出一个关于输入错误后的“错误提示”文案设计示例，并解释为什么这样设计。参考答案与解析一、单项选择题1.C[解析]HSL分别代表Hue(色相),Saturation(饱和度),Lightness(亮度)。2.B[解析]系统状态可见性要求系统及时告知用户当前状态，加载动画是典型的状态反馈。3.A[解析]rem(rootem)是相对于根元素字体大小的单位。4.C[解析]接近律指出人们倾向于将彼此靠近的物体视为一组。5.C[解析]SVG是矢量格式，支持无损缩放和透明背景，且代码体积小，适合图标。6.B[解析]MaterialDesign使用elevation来构建层级关系，通过阴影大小来表现。7.B[解析]WCAG2.1AA级要求普通文本对比度至少为4.5:1，大文本为3:1。8.B[解析]AutoLayout用于创建响应式的组件，能根据内容动态调整。9.B[解析]菲茨定律公式中，W代表目标的宽度，D代表到目标的距离。10.B[解析]原子设计层级为：Atoms(原子)->Molecules(分子)->Organisms(生物)->Templates(模板)->Pages(页面)。11.C[解析]PrimaryButton用于主要行动号召，视觉权重最高。12.B[解析]375px(iPhoneSE/12mini等逻辑宽度),768px(iPad竖屏),1024px(iPad横屏/桌面),1440px(桌面)是常见断点。13.B[解析]缓动曲线模拟物体运动的加速和减速，避免机械的匀速运动。14.D[解析]用户调研报告属于设计前期的产物，不属于设计系统本身的交付物。15.B[解析]希克定律用于指导减少选项数量以缩短决策时间。16.C[解析]alt属性用于为图像提供替代文本，屏幕阅读器可读取。17.B[解析]8pt网格系统能保证元素间对齐和间距的一致性。18.C[解析]底部导航通常限制在3-5个，5个是上限，过多会导致点击热区过小。19.A[解析]纯黑背景在OLED屏幕上虽有优势，但易产生视觉晕动，通常使用深灰色。20.C[解析]心理模型描述用户对系统如何运作的认知，包含目标和痛点。二、多项选择题21.ABD[解析]战略层包括用户需求和产品目标，内容需求也属于战略层（定义内容需求）。功能规格属于范围层。22.ABCD[解析]竞品分析通常在设计前期进行，不属于可用性测试执行阶段的数据收集方法，尽管它是相关的研究方法。23.ABC[解析]微文案应易懂、一致且具同理心，避免行业术语和晦涩表达。24.ABCE[解析]SVG是矢量、缩放不失真、支持CSS/JS控制、支持动画。通常比同等位图的PNG体积小（复杂图除外），D错误。25.ABCE[解析]隐藏必填项标记会增加错误，不符合防错原则。26.ABCD[解析]语音输入属于输入方式，但在UI手势交互语境下，通常指触屏手势。27.ABCD[解析]代码运行效率属于后端或性能优化，不是UI设计走查的直接关注点（尽管设计会影响性能）。28.ABCDE[解析]全部为常见设计工具，涵盖UI、原型和视觉设计。29.ABCDE[解析]均为信息架构的组织逻辑方式。30.ABCD[解析]留白需适度，E错误。三、判断题31.√[解析]对比在设计中是多维度的。32.√[解析]px是CSS中的绝对长度单位。33.√[解析]组件化设计即面向对象思想的体现。34.×[解析]可以使用字体族，设置主字体和辅助字体以建立层级。35.√[解析]雅各布定律强调利用用户已有的习惯。36.×[解析]动效应有目的，无限循环会分散注意力且浪费资源。37.×[解析]情感化设计包括本能层、行为层和反思层，交互反馈也是重要部分。38.√[解析]卡片是容器，适应性极强。39.×[解析]直接反转会导致对比度极高且颜色怪异，需经过专门的色彩映射调整。40.×[解析]MVP要求具备可用性，设计质量不能过低，否则无法验证核心价值。四、填空题41.橙/黄(或橙色/黄色)42.justify-content43.44(iOSHIG建议最小44pt)44.心理模型45.KeepItSimple,Stupid46.视口宽度的百分比(ViewpointWidth)47.分步引导(或向导式设计Wizard)48.图标(或形状/文字标签)49.变体(或States)50.Pinterest(品趣志)五、简答题51.答案要点：相似律定义：人们倾向于将形状、颜色、大小或其他特征相似的物体视为一组或属于同一类。应用案例：1.列表设计：在新闻列表中，标题使用相同的字体大小和颜色，摘要使用较浅的颜色，用户会自动将标题和对应的摘要视为一条新闻。2.按钮设计：将所有“主要操作”按钮设计为相同的品牌色（如蓝色），将“次要操作”设计为灰色或描边样式，用户通过颜色相似性快速识别按钮功能级别。3.卡片分类：在电商应用中，所有商品卡片具有相同的圆角、阴影和布局结构，用户一眼就能识别出这些都是可点击的商品。52.答案要点：定义：渐进式披露是指在界面中只显示当前用户最需要的信息或操作，将高级选项或次要细节隐藏起来，直到用户主动请求或进入特定流程时才显示。应用方式：1.“更多”链接：在长文本内容中只显示前3行，点击“展开全文”显示剩余内容。2.分步操作：将复杂的表单拆分为多个步骤，每一步只问相关问题，避免一次性展示过多输入框。3.悬停/点击交互：工具栏中只显示图标，鼠标悬停时才显示详细文字标签；或者设置按钮点击后弹出详细配置面板。降低认知负荷原理：遵循了希克定律，减少了用户面前的选项数量，降低了决策难度和界面视觉复杂度，让用户专注于核心任务。53.答案要点：1.底部导航栏：适用场景：适用于拥有3-5个顶级同级入口，且用户需要在它们之间频繁切换的App（如微信、微博）。2.汉堡菜单：适用场景：适用于功能较多、层级较深，或者用户大部分时间只关注主内容区的应用（如一些工具类App、阅读类App）。3.分段控制器：适用场景：适用于同一视图下快速切换不同维度的内容，通常位于页面顶部或内容区上方（如应用商店的分类排行、日历的月/周/日切换）。54.答案要点：选择原则：根据数据的关系（比较、分布、构成、趋势）和要传达的信息来选择。图表类型及数据关系：1.柱状图：用于比较不同类别之间的数值大小（分类数据比较）。2.折线图：用于展示数据随时间变化的趋势（时间序列数据）。3.饼图：用于展示整体中各部分的占比关系（构成比例）。4.散点图：用于展示两个变量之间的相关性和分布情况（相关性分析）。六、综合案例分析题55.参考答案：改进方案：1.重构视觉层次（针对问题1）：设计依据：运用对比原则和字体层级。措施：放大课程标题字号，使用最粗的字重；价格使用醒目的品牌色并置于显眼位置（如标题下方右侧）；讲师信息和课程标签使用较小的字号和较浅的颜色；课程大纲和评价作为次级信息板块。2.突出购买按钮（针对问题2）：设计依据：行为召唤（CTA）原则和菲茨定律。措施：将“立即购买”按钮设计为实心填充的主色调按钮，增大尺寸，并将其固定在页面底部（移动端）或随页面滚动但始终可见（StickyHeader/Bottom），确保用户随时可点击，减少移动距离。3.优化课程大纲排版（针对问题3）：设计依据：格式塔接近律和留白原则。措施：采用手风琴交互模式，默认折叠章节详情，只显示章节标题。点击章节展开具体的小节内容。增加行间距和段落间距，使用列表符号对齐，避免大段文字堆砌。4.移动端适配优化（针对问题4）：设计依据：移动端优先原则和关键信息首屏展示。措施：