2023年UI设计期末测试题及答案

2023年UI设计期末测试题及答案考试时间：120分钟满分：100分一、单项选择题（每题2分，共30分）下列颜色模式中，专为电子屏幕显示设计的是（）A.CMYKB.RGBC.LABD.HSB移动UI设计中，常用于保证拉伸后不失真的特殊切图格式是（）A..pngB..jpgC..9.pngD..svg下列不属于UI设计基本原则的是（）A.复杂性原则B.一致性原则C.反馈性原则D.可访问性原则网页设计中主流的栅格系统列数是（）A.8列B.10列C.12列D.16列下列工具中以云端协作功能为核心优势的UI设计软件是（）A.SketchB.FigmaC.AdobeXDD.Photoshop图标设计中，兼具线条的简洁性与面的层次感的风格是（）A.线性风格B.面性风格C.线面结合风格D.3D风格移动端界面中，图片与屏幕边距保留一定像素的主要作用是（）A.减少设计工作量B.引导用户竖向阅读C.节省屏幕空间D.降低开发难度下列属于交互设计中微交互范畴的是（）A.页面跳转逻辑B.按钮点击状态变化C.导航栏布局D.色彩搭配方案设计稿标注中，文字字号的标准单位是（）A.毫米B.厘米C.像素D.英寸响应式设计中，页面元素宽度适配的常见方式不包括（）A.等分适配B.百分比伸缩适配C.固定一边适配D.垂直适配UI与UX的核心区别在于（）A.UI关注视觉呈现，UX关注用户体验流程B.UI关注功能实现，UX关注视觉美感C.UI面向移动端，UX面向网页端D.UI需要代码能力，UX不需要下列关于标注的说法正确的是（）A.标注对开发人员无实际作用B.复杂设计稿可拆分标注页面C.多行文本无需标注行高D.标注尺寸必须使用单数针对小户型年轻用户的创意家居APP，其主色调选择应侧重（）A.高饱和度对比色B.低饱和度莫兰迪色C.单一黑白配色D.荧光色组合电商APP中商品标题与对应图片距离较近，体现的设计原则是（）A.对比原则B.亲密性原则C.重复原则D.对齐原则下列不属于工具图标的设计要求的是（）A.功能明确B.风格统一C.装饰性优先D.识别性强二、判断题（每题1分，共15分）UI设计只需关注界面美观，无需考虑用户操作体验。（）图标设计应遵循简洁、易懂的核心原则。（）“点9”切图是Android平台特有的适配解决方案。（）移动UI设计稿标注只需包含列表和间距信息。（）响应式设计可确保界面在不同设备上均有良好显示效果。（）设计声明文档可有效解决UI与开发的沟通问题。（）切片资源尺寸使用偶数可避免出现0.5像素虚边。（）标注色彩应使用像素值作为单位。（）一个优秀的UI设计应实现“零学习成本”操作。（）线上线下用户数据割裂不影响UI设计精准度。（）微交互设计可提升用户操作的反馈感知。（）SVG格式图标放大后会出现失真现象。（）栅格系统可保证页面布局的一致性与秩序感。（）标注线条颜色应与背景保持高反差以确保清晰可见。（）iOS与Android系统的UI设计规范可完全通用。（）三、简答题（每题10分，共25分）请简述UI设计中色彩搭配的基本原则及应用场景。说明交互设计在UI中的核心作用，并列举3种常见的移动端交互模式。简述高保真原型设计的核心要素，及Figma相较于传统设计工具的优势。四、案例分析题（15分）下图为某运动品牌（如安踏）电商APP商品详情页界面，存在多处设计缺陷。请结合UI设计原则与用户体验需求，分析该页面的3项主要问题，并提出针对性改进建议。（注：假设界面存在以下特征：①商品标题与参数信息混淆排列；②加入购物车按钮颜色与背景对比度低；③尺码选择区无库存状态提示；④评论区图片排版杂乱。）五、设计应用题（15分）请设计一款运动健身类APP的“我的课程”页面UI，要求包含以下核心元素：课程列表（含已购/待上标签）、课程封面图、课程名称、教练信息、上课时间、预约状态按钮。请说明：页面配色方案（主色、辅色、文本色）及选择依据；布局结构设计思路（结合栅格系统与信息层级）；关键交互细节（如状态切换、按钮反馈）。参考答案及解析一、单项选择题B解析：RGB基于光的三原色，适用于电子屏幕；CMYK用于印刷，LAB为理论色彩空间，HSB用于色彩调整。C解析：.9.png是Android专属切图格式，可实现拉伸不失真。A解析：UI设计遵循简洁性而非复杂性原则，核心原则包括一致、反馈、可访问性等。C解析：12列栅格系统灵活性强，为网页与移动端设计的主流选择。B解析：Figma以云端实时协作、跨平台使用为核心优势，适配团队协作场景。C解析：线面结合风格融合线性的简洁与面性的层次，兼顾识别性与美感。B解析：边距设置可引导用户竖向阅读流线，提升信息获取效率。B解析：微交互聚焦细节反馈，如按钮的常态/悬停/按下状态变化。C解析：UI设计中文字字号统一以像素（px）为单位。D解析：垂直适配不属于宽度拉伸适配方式，常见为等分、百分比、固定一边适配。A解析：UI侧重视觉呈现，UX关注用户全流程体验，二者相辅相成。B解析：复杂设计稿可拆分尺寸标注与色彩标注页面，提升沟通效率。B解析：小户型用户偏好简约质感，低饱和度莫兰迪色符合小资品质定位。B解析：亲密性原则要求相关元素靠近排列，增强信息关联性。C解析：工具图标以功能明确、识别性强为核心，装饰性为次要需求。二、判断题×解析：UI设计需兼顾美观与用户体验，二者缺一不可。√解析：简洁易懂是图标设计的核心原则，确保用户快速识别功能。√解析：“点9”切图专为解决Android设备分辨率多样性问题而生。×解析：标注需包含尺寸、色彩、字号、行高、间距等全量信息。√解析：响应式设计通过自适应布局适配不同设备屏幕尺寸。√解析：设计声明文档可标准化UI需求，减少设计与开发的沟通误差。√解析：偶数尺寸可避免0.5像素虚边，保证显示清晰度。×解析：标注色彩单位应为十六进制（#XXXXXX）或RGB值，非像素值。√解析：优秀UI设计应实现“零学习成本”，让用户无需说明即可操作。×解析：数据割裂会导致用户画像不完整，降低设计精准度。√解析：微交互（如加载动画、按钮反馈）可增强操作感知，提升体验。×解析：SVG为矢量格式，放大后不会失真，适用于图标设计。√解析：栅格系统可规范元素排列，保证布局一致性与秩序感。√解析：高反差可确保标注信息清晰可见，避免开发误读。×解析：iOS与Android有独立设计规范（如按钮风格、导航逻辑），不可通用。三、简答题色彩搭配基本原则及应用场景基本原则：①品牌一致性（贴合品牌调性，如运动品牌用活力橙）；②对比与和谐（主辅色对比鲜明，同色系和谐过渡）；③情感适配（冷色显专业，暖色显活力）；④可访问性（确保色盲用户可识别）。应用场景：电商APP主色用高饱和色激发购买欲，阅读类APP用低饱和色降低视觉疲劳。交互设计作用及移动端交互模式核心作用：连接用户与功能，通过合理交互逻辑提升操作效率与体验满意度，减少用户认知负荷。常见模式：下拉刷新（刷新列表数据）、滑动删除（管理待办/订单）、标签页切换（切换内容分类）、模态弹窗（确认操作）等。高保真原型核心要素及Figma优势核心要素：①精准视觉还原（色彩、字体、间距匹配最终效果）；②完整交互逻辑（页面跳转、状态变化）；③可交互组件（按钮、输入框等）；④注释说明（开发指引）。Figma优势：①云端协作，多人实时编辑；②跨平台兼容（Windows/macOS/网页端）；③组件库与样式库同步更新；④直接生成标注与切图，衔接开发流程。四、案例分析题问题1：商品标题与参数信息混淆→改进建议：基于亲密性原则，将标题单独设置为大字号粗体，参数信息（材质、尺码）用列表式排列，通过间距分隔形成视觉区块。问题2：加入购物车按钮对比度低→改进建议：将按钮主色调整为品牌标志性高饱和色（如安踏红），搭配白色文字，确保对比度符合可访问性标准，同时放大按钮尺寸至触控友好规格（≥48px）。问题3：尺码选择区无库存提示→改进建议：在无库存尺码上添加“已售罄”灰色蒙层与图标，点击时弹出“暂时缺货”提示，同时推荐相近尺码，减少用户操作失误。补充问题：评论区排版杂乱→改进建议：采用2列栅格布局统一图片尺寸，添加“热门评价”标签筛选优质内容，按时间倒序排列评论，提升浏览效率。五、设计应用题配色方案：主色：活力蓝（#1E88E5）→契合运动健康的积极调性，传递专业感；辅色：活力橙（#FF9800）→用于按钮与状态标签，形成对比吸引注意；文本色：深灰（#333333）、中灰（#666666）、浅灰（#999999）→按信息层级区分，提升可读性。布局设计：采用12列栅格系统，左右边距16px；顶部