UI设计专业测试题及详细答案

UI设计专业测试题及详细答案适用人群：初级UI设计师、UI设计求职面试、岗位技能考核考试时长：60分钟满分：100分考试说明：试题涵盖UI基础规范、视觉设计、交互常识、落地适配、设计原则等职场核心内容，题型贴合实际工作场景，无偏题、怪题。一、单项选择题（共15题，每题2分，共30分）1、移动端UI设计中，国内主流手机设计适配基准尺寸是？（）A、320×480pxB、375×667pxC、750×1334pxD、1080×1920px2、以下不属于UI设计核心三要素的是？（）A、色彩B、字体C、交互逻辑D、版式3、移动端页面安全边距，主流规范数值为？（）A、10pxB、16pxC、20pxD、24px4、设计中“留白”的主要作用不包括？（）A、提升页面通透度B、突出核心内容C、增加页面信息量D、降低视觉疲劳5、APP导航栏中，底部标签栏常规图标数量范围是？（）A、1-2个B、3-5个C、6-8个D、无限制6、网页设计中，常用的标准字体行高范围是？（）A、1.0-1.2倍B、1.5-1.8倍C、2.0-2.2倍D、2.5倍以上7、以下哪种色彩搭配最符合电商促销、吸引用户注意力的需求？（）A、低饱和莫兰迪色系B、高对比冷暖撞色C、同色系渐变D、黑白灰纯色搭配8、移动端按钮的最小可点击尺寸，行业通用规范是？（）A、44×44pxB、32×32pxC、50×50pxD、60×60px9、以下哪项属于不良交互设计？（）A、操作后给出明确反馈B、关键操作需要三步以上点击C、界面层级清晰D、错误操作可撤回10、UI设计中“亲密性原则”的核心含义是？（）A、相似元素统一样式B、相关内容就近排布、分组展示C、页面元素对称对齐D、界面留白均匀统一11、APP弹窗设计中，错误的设计方式是？（）A、主次按钮区分样式B、弹窗标题简洁明确C、多个操作按钮无视觉区分D、点击空白处可关闭普通弹窗12、适配不同屏幕时，以下哪项内容不建议做等比缩放？（）A、图标尺寸B、文字字号C、页面留白D、弹窗圆角13、品牌主色的使用原则，正确的是？（）A、大面积铺满整个界面B、仅用于核心按钮、重点文案、关键标识C、随意搭配辅助色使用D、一个界面使用3种以上主色14、以下哪种图标类型最适合功能导航、工具类入口？（）A、写实图标B、线性图标C、渐变插画图标D、立体拟物图标15、用户下拉刷新、上拉加载更多，属于哪种交互反馈？（）A、状态反馈B、操作引导C、错误提示D、弹窗反馈二、判断题（共10题，每题1分，共10分，对的打√，错的打×）1、UI设计只需要做好视觉美观，不需要考虑开发落地实现难度。（）2、移动端所有页面的字体字号必须统一，不允许有大小区分。（）3、界面中对齐方式统一，能有效提升页面整洁度和专业度。（）4、颜色越多，界面视觉效果越丰富、越优质。（）5、按钮禁用状态需要单独设计灰度、低透明度样式，区别于可点击状态。（）6、长文本页面可以通过分段、留白、行高调整，提升阅读舒适度。（）7、底部导航栏可以放置高频次要功能，核心功能放在页面顶部。（）8、设计标注时，只需要标注尺寸，不需要标注色值、字体参数。（）9、相似功能的按钮、图标，需要保持视觉样式统一，避免用户认知混乱。（）10、夜间模式只需要把页面底色改成黑色，无需调整文字和图标颜色。（）三、简答题（共4题，每题8分，共32分）1、简述UI设计中「对比原则」的作用，以及常用的对比设计手法。2、移动端APP设计中，常规的文字层级体系包含哪几级？各自的使用场景是什么？3、简述弹窗设计的核心规范和注意事项。4、UI设计完成后，交付给开发的完整文件包含哪些内容？四、场景实操题（共2题，每题14分，共28分）1、场景：设计一款日常工具类APP（如备忘录、计算器）首页界面，简述你的设计思路、视觉风格、层级布局和交互细节。2、场景：同一页面出现主按钮、次按钮、文字按钮三种按钮，说明三者的视觉区分方式和使用场景差异。——————详细参考答案——————一、单项选择题答案及解析1、答案：C解析：750×1334px是国内UI设计师通用的移动端设计稿基准尺寸，适配绝大多数手机机型，375px为逻辑像素，1080P为设备实际像素。2、答案：C解析：UI视觉设计核心三要素为色彩、字体、版式，交互逻辑属于交互设计范畴，不属于视觉三要素。3、答案：B解析：移动端通用安全边距为16px，可避免页面内容被手机刘海、边框遮挡，保证全机型适配美观。4、答案：C解析：留白的作用是分区、透气、突出重点、降低视觉疲劳，无法增加页面信息量，过多留白反而会减少内容展示。5、答案：B解析：底部标签栏常规为3-5个，过少功能覆盖不足，过多会导致图标拥挤、用户选择困难。6、答案：B解析：网页常规正文行高1.5-1.8倍，阅读体验最佳；行高过小文字拥挤，过大显得松散、割裂阅读逻辑。7、答案：B解析：高对比撞色视觉冲击力强，适合电商促销、活动引流场景；低饱和色系适合简约、办公、治愈类产品。8、答案：A解析：移动端通用可点击最小尺寸44×44px，符合人体触控习惯，避免用户点击失误。9、答案：B解析：核心操作步骤过多会提升用户操作成本，属于不合理交互；其余选项均为优质交互设计。10、答案：B解析：亲密性原则核心是“物以类聚”，相关联的信息近距离分组展示，让用户快速识别内容层级关系。11、答案：C解析：弹窗操作按钮必须区分主次，引导用户优先完成核心操作，无区分设计会造成用户决策困难。12、答案：B解析：文字字号为固定规范数值，不能随屏幕等比缩放，否则会出现小屏文字过小、大屏文字过大的问题；图标、留白、圆角可适度适配缩放。13、答案：B解析：品牌主色是产品视觉识别核心，只用于重点模块，大面积使用会造成视觉疲劳，弱化重点。14、答案：B解析：线性图标简洁轻盈、识别性强、适配性高，是功能导航、工具入口的首选图标样式。15、答案：A解析：下拉刷新、上拉加载是页面状态的实时反馈，告知用户页面正在加载、数据更新中，属于状态反馈交互。二、判断题答案及解析1、×解析：UI设计必须兼顾视觉美观与开发落地性，需考虑适配难度、实现成本、系统兼容性，避免设计效果无法落地。2、×解析：页面需要建立文字层级，标题、副标题、正文、辅助文案、备注文案字号、字重需区分，保证层级清晰。3、√解析：统一对齐是UI基础规范，能让界面规整有序，提升视觉舒适度和专业度。4、×解析：界面配色遵循少而精原则，常规产品主色+辅助色+中性色即可，颜色过多会杂乱无章、缺乏品牌调性。5、√解析：按钮禁用状态需做视觉弱化处理，明确告知用户当前按钮不可操作，避免用户无效点击。6、√解析：长文本通过分段、调整行高和留白，可有效降低阅读压力，提升用户阅读体验。7、×解析：底部导航栏放置用户高频核心功能，次要功能收纳在页面内部或更多入口中。8、×解析：完整标注需包含尺寸、色值、字体、行高、间距、圆角、阴影等所有视觉参数，保证开发精准还原。9、√解析：同类元素样式统一，能降低用户认知成本，形成产品统一的视觉规范。10、×解析：夜间模式需整体适配，文字、图标需调整为浅色系，降低亮度和对比度，避免强光刺眼，保证暗光环境阅读舒适。三、简答题参考答案1、对比原则作用及手法作用：快速区分页面主次层级，突出核心信息，引导用户视觉焦点，打破页面单调感，提升界面层次感和可读性。常用手法：字号大小对比、字体粗细对比、色彩明暗/饱和度对比、留白间距对比、虚实透明度对比、形状样式对比。2、移动端文字层级及场景常规分为5个核心层级：①大标题：页面核心标题、模块主标题，字号最大、字重最高；②副标题：模块辅助标题、分类标题，字号略小于大标题；③正文文案：页面核心内容、说明文字，字号适中、可读性最强；④辅助文案：标签、简介、补充说明，字号偏小、颜色偏浅；⑤备注文案：版权信息、小字提示、底部备注，字号最小，仅作信息展示。3、弹窗设计核心规范和注意事项①层级优先级：弹窗悬浮于页面最上层，添加半透明遮罩，隔绝底层内容，聚焦用户视线；②内容简洁：标题清晰说明弹窗用途，文案简短易懂，不堆砌冗余信息；③按钮区分：主次按钮视觉差异化，主按钮突出、次按钮弱化，操作逻辑清晰；④交互合理：普通弹窗支持点击空白处关闭，重要确认弹窗仅支持按钮操作，防止误触；⑤尺寸适配：弹窗宽度适配主流机型，不贴边、不拥挤，圆角统一规范。4、UI设计交付完整内容①高清设计源文件（Figma/PSD），分层清晰、命名规范；②完整标注文件，包含尺寸、色值、字体、行高、间距、圆角等全部参数；③切图资源，包含所有图标、按钮、素材，适配2x、3x倍率，分类整理；④设计规范文档，包含色彩规范、字体规范、组件规范、交互状态规范；⑤页面原型逻辑说明、特殊交互落地说明、适配兼容说明。四、场景实操题参考答案1、工具类APP首页设计思路工具类产品核心需求：简洁、高效、易用、无冗余，用户核心诉求是快速完成操作。①视觉风格：采用简约轻量化设计，低饱和纯色背景，极简线条图标，无复杂渐变、装饰元素，色调干净统一，符合工具类产品的实用属性；②层级布局：顶部放置状态栏、标题栏及核心功能入口（搜索、设置），中部为核心功能操作区（备忘录输入、计算面板），底部为基础功能导航，页面留白充足，分区清晰；③交互细节：按钮点击有缩放、透明度反馈，操作即时生效；空状态设计专属提示文案和引导按钮；页面支持基础下拉刷新、滑动切换功能；关键操作有简易提示，无多余弹窗干扰；④适配细节：统一安全边距、组件圆角、字体层级，保证全机型视觉统一。2、三种按钮视觉区分及使用场景①主按钮：实心填充品牌主色，白色文字，圆角规范，视觉权重最高。用于页面核心、唯一、高频正向操作，如“确认、提交、保存、立即创建”；②次按钮：空心描边样式，透明底色，文字为常规正文色，视觉权重中等。用于次要