2026年UI界面设计师初级工工勤技能考试题库

2026年UI界面设计师初级工工勤技能考试题库一、单项选择题（共50题，每题1分）1.在UI设计中，RGB模式中的“R”代表什么颜色？A.绿色B.红色C.蓝色D.黄色答案：B解析：RGB是光色三原色，R代表Red（红色），G代表Green（绿色），B代表Blue（蓝色）。2.以下哪种文件格式最适合用于需要保留透明背景的UI图标？A.JPGB.PNGC.BMPD.TIFF答案：B解析：PNG-24格式支持Alpha通道透明度，是UI设计中保存透明背景图标的标准格式。JPG不支持透明，BMP和TIFF虽然支持但在UI领域应用较少。3.在Figma或Sketch等设计软件中，用于创建矩形的快捷键通常是？A.MB.RC.OD.T答案：B解析：R通常代表Rectangle（矩形），M通常代表Move（移动）或Pen（钢笔）视软件而定，O代表圆形，T代表文字。4.iOS设计规范中，标准的导航栏高度推荐值是多少？A.44ptB.50ptC.64ptD.88pt答案：C解析：在iOS人机界面指南中，包含状态栏在内的导航栏高度通常为44pt（不含状态栏）或64pt（含状态栏，视具体版本和设计习惯而定，经典标准为64pt）。5.Android设计规范中，常用的屏幕密度单位是？A.ptB.pxC.dpD.rem答案：C解析：Android使用dp（density-independentpixels）作为独立于密度的像素单位，以保证在不同屏幕密度的设备上显示效果一致。6.以下哪个色彩对比度比例符合WCAG2.0AA级标准对于普通文本的要求？A.2.5:1B.3.0:1C.4.5:1D.7.0:1答案：C解析：WCAG2.0AA级要求普通文本的对比度至少为4.5:1，大文本为3:1。7.在Photoshop中，如果想要放大图像而不损失清晰度，最佳做法是？A.直接使用“图像大小”命令放大B.将图层转换为智能对象后放大C.使用“滤镜-锐化”D.重新绘制矢量路径答案：D解析：对于位图，放大通常会模糊。最佳做法是使用矢量图形（如Illustrator或软件内的形状工具）重新绘制，或者在设计之初就使用高倍率画板。智能对象虽然能保持一定质量，但本质上仍是位图插值，不如矢量好。8.UI设计中的“留白”主要作用是？A.节省油墨B.增加视觉层级和呼吸感C.减少文件大小D.增加背景颜色答案：B解析：留白（NegativeSpace）用于分隔内容，建立视觉层级，引导用户视线，提升阅读体验。9.以下哪种字体属于无衬线字体？A.宋体B.楷体C.黑体D.TimesNewRoman答案：C解析：黑体笔画粗细均匀，无装饰性衬线，属于无衬线字体，适合屏幕阅读。10.在移动端UI设计中，点击热区的最小推荐尺寸是多少？A.24x24dpB.44x44dp/ptC.100x100pxD.10x10mm答案：B解析：根据iOS和Android设计规范，为了适应手指触摸，最小点击区域建议不小于44x44点（iOS）或48x48dp（Android），44pt是通用的高频参考值。11.什么是“黄金比例”？A.1:1B.1:1.414C.1:1.618D.1:2答案：C解析：黄金比例约为1.618，常用于构图和布局，被认为能产生最协调美观的视觉效果。12.在设计稿中，通常使用什么网格系统来保证对齐？A.3点网格B.4点网格C.8点网格D.10点网格答案：C解析：8点网格系统是MaterialDesign和现代UI设计中的核心标准，元素尺寸和间距通常是8的倍数。13.以下哪个工具主要用于矢量图形绘制？A.AdobePhotoshopB.AdobeIllustratorC.AdobePremiereD.AdobeAfterEffects答案：B解析：Illustrator是基于矢量的图形设计软件，适合绘制图标、插画等可无限缩放的图形。14.“低保真原型”主要关注的是？A.视觉细节和配色B.交互逻辑和功能结构C.最终代码实现D.高质量图片素材答案：B解析：低保真原型通常只是线框图，用于梳理结构和流程，不涉及具体的视觉样式。15.在色彩心理学中，蓝色通常代表什么？A.热情、危险B.生长、健康C.专业、信任、冷静D.奢华、神秘答案：C解析：蓝色常用于科技、金融类产品，传达信任、安全和专业的感受。16.导出开发切图时，@2x图是指？A.原始尺寸的0.5倍B.原始尺寸的1倍C.原始尺寸的2倍D.原始尺寸的3倍答案：C解析：@2x即为两倍图，用于视网膜屏幕，物理像素是逻辑像素的2倍。17.以下哪种对齐方式在UI列表中最为常见？A.居中对齐B.左对齐C.右对齐D.分散对齐答案：B解析：左对齐符合人眼从左到右的阅读习惯，能减少视线跳跃，提高阅读效率。18.MaterialDesign中，标准卡片（Card）的阴影有几个层级？A.1个B.2个C.3个D.5个答案：B解析：MaterialDesign定义了restingelevation（静止海拔）和pressedelevation（按下海拔），通常为2个主要状态。19.下列哪个不是UI设计师的主要职责？A.界面视觉设计B.交互逻辑设计C.后端数据库搭建D.设计规范维护答案：C解析：后端数据库搭建是开发工程师的职责，UI设计师专注于前端视觉表现和交互体验。20.在Figma中，按住什么键可以绘制正方形或正圆？A.ShiftB.AltC.CtrlD.Tab答案：A解析：Shift键用于约束比例，绘制正多边形。21.移动端设计稿的宽度通常设定为多少？A.320pxB.375pxC.750pxD.1920px答案：B解析：iOS主流机型（如iPhoneX/11/12/13）的逻辑宽度为375pt，因此设计稿通常以此为基准。Android对应为360dp或375dp。22.什么是“模态窗口”？A.可以随意拖动的窗口B.强制用户操作才能关闭的弹窗C.自动消失的提示框D.侧边栏菜单答案：B解析：模态窗口会打断用户当前流程，要求用户必须做出响应（确认或取消）才能继续。23.以下哪种格式是SVG的特点？A.位图格式B.矢量格式C.视频格式D.音频格式答案：B解析：SVG（ScalableVectorGraphics）是基于XML的矢量图形格式，可无限缩放不失真。24.字体行高通常设置为字体大小的多少倍比较舒适？A.1.0-1.2B.1.2-1.5C.2.0-3.0D.0.5-0.8答案：B解析：行高为字体大小的1.2至1.5倍时，文本的可读性和透气感最佳。25.在Photoshop中，“投影”图层样式属于哪种效果？A.内部效果B.外部效果C.复合效果D.混合模式答案：B解析：投影、外发光等效果投射在图层对象之外，属于外部效果。26.下列哪个软件主要用于构建高保真交互原型？A.AxureRPB.AdobeXDC.SketchD.以上都是答案：D解析：Axure、XD、Sketch、Figma等现代设计工具都具备强大的交互原型制作功能。27.“Toast”提示的特点是？A.长时间停留在屏幕中央B.需要用户点击关闭C.短暂显示后自动消失D.占据整个屏幕答案：C解析：Toast是一种轻量级反馈，通常在屏幕底部或中下方显示数秒后自动消失，不打断用户操作。28.在Web设计中，响应式布局主要使用的技术是？A.HTML5B.CSS3MediaQueriesC.JavaScriptD.Flash答案：B解析：CSS3的媒体查询是实现响应式设计、根据不同屏幕宽度应用不同样式的核心技术。29.下列哪种颜色模式用于印刷？A.RGBB.CMYKC.HSBD.Lab答案：B解析：CMYK（青、品红、黄、黑）是减色模式，专为四色印刷设计。30.在UI设计交付中，Zeplin主要用于？A.绘制图标B.代码标注与协作C.编写HTMLD.拍摄屏幕截图答案：B解析：Zeplin是连接设计与开发的协作工具，用于生成样式代码、标注尺寸和导出资源。31.世界上最大的UI设计社区网站是？A.FacebookB.DribbbleC.GoogleD.YouTube答案：B解析：Dribbble是全球顶级的UI/UX设计师作品展示和社区平台。32.设计原则中的“一致性”不包括？A.视觉风格一致B.交互逻辑一致C.所有页面使用完全相同的布局D.术语和文案一致答案：C解析：一致性指风格、交互、反馈机制等的统一，但不同功能页面应根据内容使用不同的布局，不能完全照搬。33.在移动端，底部导航栏通常最多放置几个图标？A.3个B.5个C.7个D.10个答案：B解析：底部导航栏空间有限，为了保证点击热区和视觉平衡，通常建议放置3-5个主要功能入口。34.下列哪个是微交互的目的？A.增加页面装饰B.提供操作反馈，增强愉悦感C.延长用户停留时间D.增加文件体积答案：B解析：微交互如按钮点击效果、加载动画等，旨在向用户提供即时的系统状态反馈，提升用户体验。35.在Figma中，组件的快捷键是？A.Cmd/Ctrl+KB.Cmd/Ctrl+DC.Option/Alt+Cmd/Ctrl+KD.Shift+O答案：C解析：在Figma中，Option/Alt+Command+K(Mac)或Ctrl+Alt+K(Win)是创建组件的默认快捷键。36.下列哪个属于移动端常见的导航模式？A.面包屑导航B.汉堡菜单C.选项卡导航D.B和C都是答案：D解析：汉堡菜单（抽屉导航）和选项卡导航（TabBar）都是移动端极其常见的导航模式。37.在设计中，“Hierarchy”指的是？A.文件夹结构B.视觉层级C.网络协议D.代码结构答案：B解析：视觉层级是指通过大小、颜色、位置等手段，引导用户按照重要性顺序浏览信息。38.16进制颜色代码#FFFFFF代表什么颜色？A.黑色B.白色C.红色D.蓝色答案：B解析：FFFFFF表示RGB三色光全满，即为白色。黑色为#000000。39.下列哪种工具更适合做设计系统的管理？A.PhotoshopB.FigmaC.MSPaintD.Notepad答案：B解析：Figma的组件、样式和自动布局功能非常适合构建和维护大型设计系统。40.什么是“可访问性”（Accessibility）？A.网页加载速度B.产品是否残障人士友好C.搜索引擎优化D.网络安全性答案：B解析：可访问性指产品是否能够被视障、听障等障碍用户以及老年人顺利使用。41.在UI设计中，CardView（卡片视图）的优势是？A.节省空间B.将相关信息整合在一个容器内，易于在不同屏幕尺寸下流动排列C.增加操作步骤D.只能用于图片展示答案：B解析：卡片式设计能将内容模块化，适应流式布局，提升信息组织的灵活性。42.字体的字重（FontWeight）中，“Bold”对应的数值通常是？A.400B.500C.700D.900答案：C解析：Normal通常为400，Bold为700。43.在Sketch中，页面（Pages）和画板（Artboards）的关系是？A.画板包含页面B.页面包含画板C.它们是平级的D.互不相干答案：B解析：Sketch的结构是：文档->页面->画板->图层。一个页面可以包含多个画板。44.下列哪个操作可以快速复制并水平移动对象？A.Copy+PasteB.按住Alt+拖动C.按住Shift+拖动D.按住Space+拖动答案：B解析：在大多数设计软件中，按住Alt（Win）或Option（Mac）拖动对象可以复制该对象。45.移动端屏幕的安全区域（SafeArea）是指？A.整个屏幕B.去除状态栏、导航栏、底部指示条后的可操作内容区域C.仅指状态栏D.仅指底部Home条答案：B解析：安全区域是指不被系统UI（如刘海、圆角、Home指示条）遮挡的内容显示区域。46.下列哪种颜色对比度最低？A.黑色vs白色B.深灰vs浅灰C.红色vs绿色D.蓝色vs黄色答案：B解析：深灰与浅灰属于同色相不同明度，如果明度差异小，对比度极低。47.在Web设计中，Rem单位相对于什么？A.根元素字体大小B.父元素字体大小C.视口宽度D.视口高度答案：A解析：Rem是相对于根元素（html）字体大小的单位，常用于响应式排版。48.设计稿中的“切图”是指？A.切割照片B.导出可供开发使用的图片资源C.删除图层D.裁剪画布答案：B解析：切图是将设计稿中的图标、背景图等元素导出为独立图片文件（如PNG,JPG）供开发调用的过程。49.下列哪个不是常见的移动端手势操作？A.点击B.双击C.长按D.右键单击答案：D解析：右键单击是PC端鼠标操作，移动端通常使用长按或双指点击来呼出菜单。50.一个优秀的UI设计师需要具备的核心能力是？A.精通编程B.美术功底+工具熟练度+逻辑思维C.擅长营销D.演讲能力答案：B解析：UI设计师需要审美能力（美术）、软件操作能力（工具）以及对用户体验的理解（逻辑）。二、多项选择题（共30题，每题2分）51.UI设计中的栅格系统主要包括哪些部分？A.列B.水槽C.边距D.阴影答案：ABC解析：栅格系统由列、水槽（列间距）和边距组成，用于规范布局。阴影不属于栅格结构。52.以下哪些属于移动端操作系统？A.iOSB.AndroidC.WindowsD.macOS答案：AB解析：iOS和Android是移动端操作系统；Windows和macOS是桌面端操作系统。53.在Photoshop中，哪些操作可以选中图层？A.点击图层面板中的图层B.在画布上按住Ctrl点击图层内容（Windows）C.使用移动工具自动选择D.使用“选择-所有图层”答案：ABC解析：前三种均为常规选图层的操作方式。54.优秀的App启动页通常包含哪些元素？A.品牌LogoB.产品SloganC.背景图或品牌色D.复杂的功能菜单答案：ABC解析：启动页用于展示品牌形象和加载应用，不应包含复杂功能菜单以免让用户感到焦虑。55.设计师在交付设计稿时，通常需要提供什么？A.设计源文件B.标注图C.切图资源D.设计说明文档答案：ABCD解析：完整的交付应包含源文件、尺寸标注、图片资源以及必要的交互说明。56.以下哪些是无衬线字体？A.ArialB.HelveticaC.RobotoD.Georgia答案：ABC解析：Arial,Helvetica,Roboto均为无衬线字体；Georgia是衬线字体。57.在Figma中，自动布局的主要功能包括？A.元素排列方向的自动调整B.间距的自动控制C.画板自适应D.自动生成代码答案：ABC解析：自动布局用于动态调整容器内元素的位置和大小，不能直接生成代码，但能模拟Flex布局效果。58.常见的UI设计文件格式包括？A..figB..sketchC..psdD..ai答案：ABCD解析：分别是Figma,Sketch,Photoshop,Illustrator的源文件格式。59.以下哪些属于UI设计中的色彩属性？A.色相B.饱和度C.明度D.不透明度答案：ABCD解析：HSB模型包含色相、饱和度、明度；不透明度也是图层或色彩的重要属性。60.移动端常见的页面转场动画有哪些？A.推入B.淡入淡出C.模态弹出D.翻转答案：ABCD解析：这些都是移动端常见的页面切换动画效果。61.以下哪些工具可以用于查看UI设计的配色方案？A.AdobeColorB.CoolorsC.EyeDropper(系统自带吸管)D.Excel答案：ABC解析：AdobeColor,Coolors是专业配色工具，吸管用于取色。Excel不是设计工具。62.表单设计中，为了提高用户体验，可以采取哪些措施？A.实时验证输入格式B.明确的错误提示C.自动填充D.隐藏所有输入内容答案：ABC解析：隐藏所有输入内容会降低可读性（除了密码框），其他措施均有助于体验。63.下列哪些属于MaterialDesign的核心原则？A.材质隐喻B.大胆的图形化设计C.有意义的动画D.仅使用黑白两色答案：ABC解析：MaterialDesign强调拟物化的扁平、大胆的色彩和有意义的动效，并非只用黑白。64.设计师在做竞品分析时，主要关注哪些方面？A.视觉风格B.交互流程C.核心功能D.市场占有率答案：ABCD解析：竞品分析涵盖视觉、交互、功能及商业数据等多个维度。65.以下哪些场景适合使用列表视图？A.展示设置选项B.展示新闻流C.展示图片为主的商品D.展示层级结构清晰的数据答案：ABD解析：图片为主的商品通常更适合网格视图，其他适合列表视图。66.在Photoshop中，图层混合模式中“变亮”组包括？A.滤色B.颜色减淡C.线性减淡D.正片叠底答案：ABC解析：正片叠底属于“变暗”组。67.UI设计师需要了解哪些前端基础知识？A.HTML结构B.CSS盒模型C.Flex布局D.SQL数据库答案：ABC解析：SQL属于后端范畴，UI设计师主要关注前端实现逻辑。68.以下哪些是Figma的插件功能？A.自动填充图片B.移除描边C.调色板管理D.直接修改服务器代码答案：ABC解析：插件可以辅助设计操作，但不能直接修改服务器代码。69.移动端底部导航栏的设计禁忌包括？A.放置超过5个图标B.图标含义模糊C.点击无反馈D.使用高对比度颜色答案：ABC解析：使用高对比度颜色不是禁忌，反而是建议。其他选项会严重影响可用性。70.下列哪些属于矢量绘图软件？A.AdobeIllustratorB.CorelDRAWC.InkscapeD.AdobePhotoshop答案：ABC解析：Photoshop主要是位图软件。71.在设计系统中，通常包含哪些内容？A.色板B.字体规范C.组件库D.间距与栅格答案：ABCD解析：设计系统包含所有保证产品一致性的基础元素和组件。72.以下哪些属于Web端的设计限制？A.屏幕尺寸差异大B.浏览器兼容性C.鼠标交互vs触摸交互D.必须使用刘海屏答案：ABC解析：刘海屏主要是移动端全面屏的特征，Web端无此强制限制。73.优化UI图片资源加载速度的方法有？A.使用WebP格式B.压缩图片质量C.使用矢量图（SVG）D.增加图片分辨率答案：ABC解析：增加分辨率会增加文件大小，导致加载变慢。74.设计师在绘制图标时，应注意哪些规范？A.视觉大小平衡B.风格统一C.像素对齐D.颜色随机答案：ABC解析：颜色应遵循设计规范，不能随机。75.下列哪些属于常见的状态反馈设计？A.加载中B.空状态C.错误状态D.成功状态答案：ABCD解析：这些都是系统在不同阶段应给予用户的状态反馈。76.字体排版中，影响阅读体验的因素有？A.字号B.行高C.段间距D.字间距答案：ABCD解析：所有微观排版元素都会影响阅读体验。77.在使用Figma进行团队协作时，可以做什么？A.多人同时编辑C.给设计添加评论B.建立团队库D.视频会议答案：ABC解析：Figma支持实时协作、评论和组件库共享，视频会议不是其核心设计功能。78.以下哪些是iOS人机界面指南建议的导航栏元素？A.标题B.返回按钮C.操作按钮D.底部Tab栏答案：ABC解析：底部Tab栏是独立的导航组件，不属于导航栏内部元素。79.设计Dashboard界面时，常用的数据可视化图表有？A.柱状图B.折线图C.饼图D.雷达图答案：ABCD解析：这些都是常见的数据可视化图表。80.下列哪些行为可能涉及版权问题？A.使用未授权的字体B.直接使用他人摄影作品C.下载Dribbble上的源文件用于商业项目D.参考开源设计规范答案：ABC解析：参考开源规范是允许的，直接盗用字体、图片和源文件涉及侵权。三、判断题（共20题，每题1分）81.UI设计仅仅是画图，不需要考虑逻辑。答案：错误解析：UI设计是逻辑与美学的结合，需要考虑信息架构和用户操作流程。82.位图放大后会模糊，矢量图放大后不会失真。答案：正确解析：这是位图和矢量图最本质的区别。83.在移动端设计，所有的按钮都必须是圆角的。答案：错误解析：圆角是现代风格，但并非强制要求，具体视产品风格而定。84.Hex颜色代码#FF0000代表绿色。答案：错误解析：#FF0000代表红色。85.1px在所有设备上显示的物理长度都是一样的。答案：错误解析：在不同PPI（像素密度）的设备上，1px对应的物理尺寸不同。86.Figma是基于浏览器的设计工具，也有客户端版本。答案：正确解析：Figma的核心特性是基于云端协作，同时提供桌面客户端。87.为了保证设计还原度，设计师应该直接用CSS写代码而不是用设计软件。答案：错误解析：设计师的专长是视觉表现，虽然懂代码有帮助，但直接写代码并非主要工作方式，且效率可能不如专业设计工具。88.空状态不需要设计，直接留白即可。答案：错误解析：空状态需要引导用户进行操作或解释当前情况，是重要的设计细节。89.优秀的UI设计可以弥补糟糕的UX设计。答案：错误解析：视觉美无法解决根本的易用性问题，UI和UX相辅相成，但不能互相替代。90.在Android开发中，dp和px在代码中是可以互换使用的。答案：错误解析：dp需要转换为px才能在屏幕上渲染，单位意义不同。91.所有的App都必须遵守MaterialDesign规范。答案：错误解析：只有Android原生App通常遵循，iOS和自定义风格的App有各自的规范。92.分辨率越高，图片越清晰，因此设计时应无限提高分辨率。答案：错误解析：分辨率应适配目标设备，过高会增加文件体积和加载负担，且肉眼看不出差异。93.对比度不仅指颜色对比，还包括大小、形状的对比。答案：正确解析：对比是设计四大基本原则之一，形式多样。94.切图命名中的@2x是给开发人员看的，文件名本身不影响程序运行。答案：错误解析：文件名通常会被构建工具或代码识别，以匹配不同倍率的屏幕，命名规范很重要。95.模态弹窗比非模态弹窗对用户的打扰更大。答案：正确解析：模态弹窗强制阻断用户流程，打扰性更强。96.在设计深色模式时，可以直接把纯黑(#000000)作为背景色。答案：错误解析：纯黑背景在OLED屏幕上虽有优势，但容易产生视觉晕影，通常建议使用深灰。97.UI设计师不需要了解产品经理的需求文档。答案：错误解析：设计必须基于需求，理解需求文档是设计的前提。98.加载动画的时间越快越好，最好0.1秒内完成。答案：错误解析：如果实际加载需要时间，动画过快会导致闪烁，应配合真实加载时间或设置最小显示时间。99.世界上第一套图形用户界面（GUI）是由苹果公司发明的。答案：错误解析：GUI的雏形最早由施乐（Xerox）帕洛阿尔托研究中心开发，苹果和微软后续进行了推广和改良。100.设计稿中的文字最好使用描边效果来增加清晰度。答案：错误解析：文字描边会严重影响可读性，通常通过调整字重和背景对比度来增强清晰度。四、填空题（共20题，每题1分）101.在UI设计中，CRAP原则是指对比、重复、__________和亲密性。答案：对齐解析：RobinWilliams提出的四大设计基本原则。102.Android的设计规范名称是__________。答案：MaterialDesign解析：Google推出的设计语言。103.在Photoshop中，用于放大缩小画布的快捷键是__________（配合鼠标滚轮或拖拽，或填具体工具键Z）。答案：Z解析：Z代表Zoom工具。104.移动端iOS设计稿的标准宽度通常为__________pt。答案：375解析：基于iPhone6/7/8/X/11/12/13/14等标准版逻辑宽度。105.Web端设计稿常用的基准宽度是__________px。答案：1920解析：基于主流桌面显示器分辨率。106.格式用于网页动画，具有体积小、无损的特点。答案：SVG或GIF(SVG更优)解析：SVG动画现代且高效。107.在色彩模型中，H代表Hue（色相），S代表Saturation（饱和度），L代表__________。答案：亮度或明度解析：HSL色彩模型。108.UI界面的三大构成要素是色彩、__________和版式。答案：图形/图像/图标解析：通常指色彩、图形/图像、文字/版式。109.为了适应视障用户，UI中不仅要使用颜色区分信息，还应配合__________。答案：图标或文字说明解析：色盲用户无法区分颜色，需辅助标识。110.在Figma中，按住__________键可以以中心点缩放对象。答案：Alt+Cmd(Mac)或Alt+Ctrl(Win)(或者仅回答Alt)解析：通常按住Alt键可以从中心缩放。111.1英寸等于__________像素（在标准72ppi下）。答案：72解析：但在屏幕设计中通常指1物理英寸对应的物理像素PPI。112.设计交付文档中，__________用于标注元素之间的距离。答案：标注或标尺解析：即Measurement/Marking。113.常见的移动端屏幕长宽比有16:9和__________。答案：19.5:9或18:9解析：全面屏时代的常见比例。114.在排版中，为了区分段落，通常使用__________来增加间隔。答案：段间距解析：而不是单纯增加行高。115.UI设计中的“微交互”持续时间通常在__________毫秒以内。答案：300解析：通常在0.2s-0.4s之间，300ms为常见参考值。116.Sketch软件是__________公司开发的。答案：Apple解析：Sketch原生运行于macOS。117.导出WebP格式图片是为了__________。答案：优化加载速度/减小文件体积解析：WebP在同质量下比JPG/PNG更小。118.在栅格系统中，列与列之间的空白区域称为__________。答案：水槽或Gutter解析：Gutter。119.设计师使用__________工具可以检查页面加载性能。答案：Lighthouse或ChromeDevTools解析：前端性能测试工具。120.人眼识别色彩的最小区域直径约为__________。答案：1mm(或相关视觉极限数值)解析：此题较偏，主要考察对视觉极限的理解，通常填“极小”或具体数值，此处意在考察对细节的把控，填“微小”也可，标准答案通常指1角分视角对应的区域，但在UI常识中常指1mm左右。五、简答题（共5题，每题5分）121.请简述UI设计与UX设计的主要区别。答案：UI（UserInterface）侧重于“视觉”和“表象”，关注产品的外观、色彩、排版、图标和整体视觉风格，旨在创造美观的界面。UX（UserExperience）侧重于“体验”和“逻辑”，关注用户在使用产品过程中的感受、交互流程的顺畅度、信息架构的合理性以及用户需求的满足，旨在让产品好用、易用。两者相辅相成，UI是UX的外在表现，UX是UI的内在逻辑。122.在移动端UI设计中，为什么要设置“安全区域”？请举例说明。答案：安全区域是指屏幕内不被系统UI元素（如刘海屏、顶部状态栏、底部Home指示条）遮挡的区域。设置安全区域是为了确保重要的内容（如标题、按钮文字）不会被系统硬件或软件遮挡，导致用户无法看清或无法点击。例如，在iPhoneX及以上机型中，顶部有“刘海”，如果将标题直接放在顶部，就会被遮挡；底部有黑色横条，内容必须上移以免被遮挡。123.请列举至少5种常见的导航模式，并简述其适用场景。答案：1.底部选项卡：适用于一级导航较少（3-5个）、需要频繁切换主要功能模块的App。2.侧边栏/汉堡菜单：适用于功能较多、不需要频繁切换，或作为二级导航的场景。3.顶部导航栏：适用于Web端或iPad等大屏设备，或者作为层级返回导航。4.卡片式导航：适用于内容流展示，点击卡片进入详情。5.浮动操作按钮（FAB）：适用于主要操作（如新建、发布）的快捷入口。124.什么是“响应式设计”？它在Web端UI中是如何实现的？答案：响应式设计是一种网页设计方法，使网页能够根据用户使用的设备屏幕大小（桌面、平板、手机）自动调整布局、图片大小和字体样式，以提供最佳的浏览体验。实现方式主要依靠：1.流式网格布局：使用百分比而非固定像素定义宽度。2.弹性图片：设置max-width:100%。3.CSS媒体查询：通过检测屏幕宽度，应用不同的CSS样式规则。125.作为一名UI设计师，在进行设计交付时，切图命名有哪些规范？答案：切图命名应遵循“见名知意”和“开发友好”的原则，通常包含：1.模块名：表明图片属于哪个功能模块。2.功能名：表明图片的具体用途（如icon_bg,btn_login）。3.状态：表明图片的状态（如normal,pressed,disabled）。4.倍率：表明适配的屏幕密度（如@2x,@3x）。例如：`home_icon_search_normal@2x.png`。避免使用中文、空格或特殊字符。六、计算题与案例分析题（共5题，每题10分）126.计算题：假设设计师需要为Android设计一张全屏背景图。设计稿基于xxhdpi（XHDPI是基准，xxhdpi通常是@3x）设备，逻辑分辨率为360x640dp。已知转换关系：1d请计算该背景图在xxhdpi设备上导出的物理