界面设计复习题及参考答案

界面设计复习题及参考答案一、单选题（共50题，每题1分，共50分）1.题目：若要是设计网页的背景图形为bg.jpg，以下标记中，正确的是()选项A.<bodyimage="bg.jpg">选项B.<bodybgcolor="bg.jpg">选项C.<bodybackground="bg.jpg">选项D.<bodybground="bg.jpg">2.题目：交互设计需要以()为中心选项A.设计师选项B.用户选项C.甲方选项D.客户3.题目：以下哪项不是文字编排方式是()选项A.线性排列选项B.面化排列选项C.左对齐排列选项D.点状排列4.题目：下列不属于打车软件的是()选项A.Uber选项B.汽车之家选项C.滴滴选项D.神州专车5.题目：如果想要日活用户超过100万，那么周留存应大于()选项A.10%选项B.15%选项C.20%选项D.25%6.题目：下列不属于界面设计应该注意的是()选项A.原型不要埋没设计师的创意选项B.原型需要注意视觉层次的丰富选项C.明确原型需要达到什么样的目标选项D.原型一定要足够真实7.题目：在H.TML中，标记的作用是()选项A.转行标记选项B.文字效果标记选项C.标题标记选项D.预排版标记8.题目：下列不属于图标绘制规范的是()选项A.统一选项B.寓意选项C.简单选项D.多层次9.题目：如果一个功能存在让用户不开心，不存在让用户开心，那么这个功能属于()选项A.错误选项B.重要选项C.无关选项D.矛盾10.题目：不属于web2.0时代的产品的是()选项A.人人网选项B.豆瓣选项C.优酷选项D.yahoo11.题目：关于文本对齐，源代码设置不正确的一项是∶()选项A.居右对齐∶…选项B.居中对齐∶...选项C.居左对齐∶选项D.两端对齐∶...12.题目：Sketch4.0版本是哪一年发布的()选项A.2016选项B.2015选项C.2017选项D.201413.题目：关于界面设计理论说法不正确的是()选项A.界面设计方法的运用对设计师的知识体系要求较高选项B.格式塔原理属于界面设计理论之一选项C.界面设计中有经典的常用理论选项D.界面设计中只会运用单一固定的理论方法14.题目：CSS样式表不可能实现()功能选项A.控制图片的精确位置选项B.将格式和结构分离选项C.一个CSS文件控制多个网页选项D.兼容所有的浏览器15.题目：下列不是网页常见宽度的是()选项A.920px选项B.1368px选项C.1280px选项D.1440px16.题目：针对场景，不属于重点考虑的因素有()选项A.空间因素选项B.地点因素选项C.人物因素选项D.时间因素17.题目：我们常用()工具来绘制路径选项A.画笔选项B.铅笔选项C.钢笔选项D.毛笔18.题目：从产品本身角度看，不属于产品定位价值的是()选项A.确定产品价值选项B.指导产品方向选项C.体现信息化程度选项D.定义产品范围19.题目：在H.TML中，()不是链接的目标属性。选项A.self选项B.blank选项C.new选项D.top20.题目：Sketch中新建画板的快捷键是()选项A.S选项B.Q选项C.A选项D.D21.题目：iphone8的原型尺寸是()选项A.375pt*667pt选项B.428pt*367pt选项C.375pt*637pt选项D.428pt*667pt22.题目：Sketch中提供了哪种蒙版()选项A.普通蒙版选项B.对比度蒙版选项C.颜色蒙版选项D.明度蒙版23.题目：表格是网页中的()，框架是由数个（）组成的。选项A.帧，元素选项B.结构，帧选项C.元素，元素选项D.元素，帧24.题目：关于图标和Logo说法正确的是()选项A.图标是品牌的标识选项B.图标代表着一种企业理念选项C.Logo也可以当作图标来使用选项D.图标和Logo可以归为一类25.题目：下列属于产品概述的有()选项A.需求简述选项B.参考资料选项C.运行环境选项D.详细描述26.题目：Sketch中插入文本的快捷键是()选项A.U选项B.W选项C.T选项D.P27.题目：下列不属于控件规范中需要包含的状态样式的是()选项A.误操作选项B.按下选项C.禁用选项D.默认28.题目：如果想要日活用户超过100万，那么日留存应大于()选项A.30%选项B.10%选项C.20%选项D.40%29.题目：下列不属于格式塔原理的是()选项A.相似选项B.简单选项C.间隔选项D.连续30.题目：在移动应用程序UI界面中，我们常见到()等设计都广泛应用到进度条，它的呈现形式多种多样，让人眼花缭乱。选项A.Loading页选项B.购买页选项C.音乐进度条选项D.游戏进程杆31.题目：通用模块是指()选项A.大量页面都复用的模块选项B.各个模块都可能调用的公共流程选项C.把所有可复用的交互说明都集中选项D.应用发生某种情况或异常应采取的方法32.题目：内容提供商是()的中文名称选项A.VP选项B.CP选项C.DP选项D.AP33.题目：下列关于框架设计说法不正确的是()选项A.框架设计更关注细节的把控选项B.框架设计应当充分考虑角色场景等选项C.框架设计是将功能需求转化的必经阶段选项D.框架设计又称为概念设计34.题目：下列不属于社交类App的是()选项A.instagram选项B.领英选项C.百度选项D.twitter35.题目：确定设计目标时，需要重要参考的因素是()选项A.价值选项B.客户选项C.体验选项D.场景36.题目：下列不属于视觉规范内容的是()选项A.布局选项B.图片选项C.图标选项D.控件37.题目：界面设计通常也采用()的方法选项A.结构化生命周期法选项B.面向服务的方法选项C.原型法选项D.模型驱动防范38.题目：主页中一般包含的基本元素有()。选项A.图像选项B.表格选项C.声音选项D.超级链接39.题目：字体的自然属性不包括()选项A.字间距选项B.字体单位选项C.字体结构D字体样式40.题目：下列属于视觉规范的是()选项A.产品文档选项B.交互设计说明选项C.产品架构图选项D.视觉标注稿41.题目：以下对Web图像格式地叙述哪个是错误的?()选项A.GIF支持动画，而JPEG不支持选项B.JPEG适合于诸如照片之类的具有丰富色彩的图像选项C.GIF是基于索引色表的图像格式，它可以支持上千种颜色选项D.JPEG和GIF都是压缩文件格式42.题目：[魔棒工具]和[磁性套索工具]的工作原理都是()选项A.根据取样点的颜色像表来选择图像选项B.设定取样点，一次性选取与取样点颜色相同的图像选项C.根据|容差]值来控制选取范围，取值范围为0~255”之间选项D.根据取样点的生成频率来选择图像43.题目：下面哪一条不属于2020年UI设计的趋势()选项A.使用鲜亮的色彩模式.选项B.打破传统网格的局限，呈现个性化网格布局选项C.使用暗色调主题选项D.使用适画风格44.题目：Sketch中，属于辅助类工具的是()选项A.画布选项B.调色选项C.图像大小选项D.云端45.题目：表单的内容作为信息查看、信息入口、信息操作以及内容输入，表单的内容分()选项A.图片选项B.音频选项C.主要信息文字选项D.辅助信息文字46.题目：当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。()选项A.HTML选项B.CGI选项C.ZIP选项D.ASP47.题目：下列关于SVG图形说法不正确的是()选项A.SVG是一种图形格式选项B.SVG是一种可缩放的矢量图形选项C.SVG格式不能调整颜色、大小选项D.SVG由W3C制定，是一个开放的标准48.题目：下列不属于Sketch的几何工具是()选项A.圆形工具选项B.其他形状选项C.矩形工具选项D.三角工具49.题目：状态型进度条及相关信息需要完成以下任务()选项A.向用户清楚地表明当前状态；选项B.向用户清晰地展示他可能需要的操作；选项C.向用户清楚地表明重要的进度节点；选项D.改变性能50.题目：如果功能存在，用户并没有特别开心，但是不存在就会不开心呢，那么这个功能属于()选项A.必要选项B.不必要选项C.期待选项D.矛盾二、多选题（共10题，每题1分，共10分）1.题目：下列属于界面设计元素组织方法的是()选项A.转移选项B.隐藏选项C.组织选项D.删除2.题目：下列属于网页常见宽度的是()选项A.1280px选项B.1368px选项C.1200px选项D.1000px3.题目：产品价值一般分为()选项A.客户价值选项B.商业价值选项C.企业价值选项D.用户价值4.题目：常见的通用流程有()选项A.分享流程选项B.发信息流程选项C.支付流程选项D.登录流程5.题目：基于视觉特征来划分图标类型，可以分为()选项A.线性图标选项B.拟物化图标选项C.SVG图标第六部分设计目标选项D.扁平和半扁平图标6.题目：建立有效布局的手段有()选项A.不同信息找到显合适的表现方式选项B.遵循用户习惯，同时给予适当的引导推荐选项C.预先对信息进行科学的分类，整理好优先级选项D.有选择地展现信息，分清主次7.题目：交互说明的主要手段有()选项A.框架设计选项B.交互注释选项C.文字注释选项D.图例展示8.题目：UI(UserInterface，用户界面）设计，是指对软件的()整体设计。选项A.操作逻辑选项B.价格实惠选项C.界面美观的选项D.人机交互9.题目："开展设计工作之前，我们力求做到知己知彼，这里的"彼"指()"选项A.对所服务的客户的认知，和客户保持良好的沟通选项B.对竞争对手的了解选项C.对网站目标用户的深入理解选项D.对网站目标用户的深入理解10.题目：下列属于交互设计师常用的工具的是()选项A.交互说明文档选项B.设计稿选项C.线框图选项D.思维导图三、判断题（共30题，每题1分，共30分）1.题目：Sktetch无法输出H.tml格式。()选项A.正确选项B.错误2.题目：交互原型可以传达所有的交互细节。()选项A.正确选项B.错误3.题目：SWOT分析属于竞品分析方法的一种。()选项A.正确选项B.错误4.题目：Skecth和A.xure基本上没有区别。()选项A.正确选项B.错误5.题目：一般选取7个竞品进行分析较好。()选项A.正确选项B.错误6.题目：SKetch适用对象仅限于产品经理()选项A.正确选项B.错误7.题目：设计目标需要包含产品价值、战略评估等()选项A.正确选项B.错误8.题目：提示文案应该包括关于动效的特殊说明()选项A.正确选项B.错误9.题目：交互设计师应该专注于用同一软件进行表达()选项A.正确选项B.错误10.题目：竞品分析一开始就需要加入个人的判断。()选项A.正确选项B.错误11.题目：在分析用户情况时，主要注意从用户角度出发，关注用户群区别，用户群特点，用户群规模以及用户对不同竞品的评价。()选项A.正确选项B.错误12.题目：一般功能分析包含以下几个要素：主要功能、次要功能、功能对比。()选项A.正确选项B.错误13.题目：产品文档是交互设计师与项目上下游沟通的有力语言。()选项A.正确选项B.错误14.题目：Photoshop与Sketch是同一公司开发()选项A.正确选项B.错误15.题目：框架设计是一个具象化的过程()选项A.正确选项B.错误16.题目：交互设计师需要全程参与产品的讨论()选项A.正确选项B.错误17.题目：好的交互设计输出物能够体现交互设计师的设计思路、专业能力。()选项A.正确选项B.错误18.题目：“用户希望用产品达成什么样的目标”是设计目标需要回答的()选项A.正确选项B.错误19.题目：Sketch比Photoshop文件小()选项A.正确选项B.错误20.题目：SKetch的优势之一是简单易上手()选项A.正确选项B.错误21.题目：用户研究在交互设计流程中的中后阶段()选项A.正确选项B.错误22.题目：Axure是以页面为最小单位进行输出的。()选项A.正确选项B.错误23.题目：交互设计比视觉设计更拼细节()选项A.正确选项B.错误24.题目：Photoshop是一款轻量级软件()选项A.正确选项B.错误25.题目：交互说明的全称是交互设计说明文档（DRD）。()选项A.正确选项B.错误26.题目：竞品分析就是为了研究复制竞品的功能设计()选项A.正确选项B.错误27.题目：Visio和ProcessOn是用于制作流程图的平台()选项A.正确选项B.错误28.题目：交互样式包括默认状态、悬浮状态、选中状态等()选项A.正确选项B.错误29.题目：交互设计的三要素是目标、任务、行为()选项A.正确选项B.错误30.题目：逻辑思考能力对于交互设计来说并没有那么重要()选项A.正确选项B.错误答案与解析一、单选题答案1.正确答案：【C】详解：选项A中<bodybackground="bg.jpg">是正确设置网页背景图形为bg.jpg的方式。选项B中bground拼写错误；选项C中image属性不是用于设置背景图形的；选项D中bgcolor是用于设置背景颜色的，而不是背景图形。2.正确答案：【B】详解：交互设计的核心目标是提升用户体验，所以交互设计需要以用户为中心，围绕用户的需求、行为、习惯等进行设计，以确保产品能为用户提供便捷、高效、舒适且符合其期望的交互体验。客户更侧重于商业层面的需求，设计师自身的想法不能作为交互设计的核心导向，甲方需求可能比较宽泛，不一定能直接聚焦到交互设计最关键的用户体验上，只有用户才是交互设计真正要服务的对象。3.正确答案：【D】详解：点状排列并不是常见的文字编排方式，常见的文字编排方式有线性排列、左对齐排列、面化排列等。线性排列是文字按一定的线性顺序排列；左对齐排列是将文字统一靠左排列；面化排列是使文字形成类似面的视觉效果等，而点状排列一般不是用于文字编排。4.正确答案：【B】详解：汽车之家是一个汽车资讯平台，主要提供汽车相关的新闻、评测、报价、论坛等信息，不属于打车软件。而滴滴、神州专车、Uber均为常见的打车软件，用户可以通过这些软件预约出租车或专车服务。5.正确答案：【C】详解：通常来说，当产品想要有较好的用户活跃度和规模增长时，较高的周留存率是很关键的指标。如果日活用户要超过100万，周留存率大于20%是比较合理且常见的一个参考标准。较低的周留存率难以支撑起持续增长的日活用户数，而20%及以上的周留存率意味着大部分用户在一周后还会回来使用产品，为日活用户数的稳定增长提供了基础。6.正确答案：【B】7.正确答案：【D】详解：在HTML中，<pre>标签是预排版标记，它可以保留文本中的空格和换行符，使文本呈现出预定义的格式。而标题标记是<h1>-<h6>；转行标记一般是<br>；文字效果标记有多种，比如设置字体、颜色等样式的相关标签，但不是某个特定的单一标记来统称文字效果标记。8.正确答案：【D】详解：图标绘制规范通常强调简单易懂，以便用户快速识别；要有明确的寓意，传达特定信息；风格要统一，保持视觉一致性。而多层次一般不是图标绘制规范所重点关注的内容。9.正确答案：【A】10.正确答案：【C】11.正确答案：【B】12.正确答案：【A】详解：Sketch4.0版本是在2016年发布的，所以满足条件的是选项A，即大于2016年。13.正确答案：【D】详解：界面设计不会只运用单一固定的理论方法，而是会综合运用多种理论和方法来进行设计，以达到更好的用户体验和设计效果。选项A，界面设计中有经典的常用理论如格式塔原理等，该说法正确；选项C，格式塔原理确实属于界面设计理论之一，说法正确；选项D，界面设计方法的运用需要设计师具备多方面知识，对知识体系要求较高，说法正确。14.正确答案：【D】详解：CSS样式表能将格式和结构分离，可通过链接一个CSS文件控制多个网页，也能利用定位属性等控制图片精确位置。但不同浏览器对CSS的支持存在差异，无法完全兼容所有浏览器，比如一些旧版本浏览器对某些CSS新特性支持不好。15.正确答案：【A】详解：常见的网页宽度有960px、1000px、1024px、1200px、1280px、1366px、1440px等，920px不属于常见的网页宽度，所以答案选B。16.正确答案：【A】17.正确答案：【C】详解：钢笔工具是专门用于绘制路径的工具。毛笔工具主要用于模拟毛笔绘画效果；铅笔工具绘制的线条较为随意但不是专门绘制路径；画笔工具主要用于绘制具有一定笔触样式的图形，并非以绘制路径为主要功能。18.正确答案：【C】详解：产品定位价值包括确定产品价值、指导产品方向、定义产品范围等，而体现信息化程度不属于产品定位价值本身角度的内容。19.正确答案：【C】详解：在HTML中，链接的目标属性主要有_self（在当前窗口打开）、_blank（在新窗口打开）、_top（在顶层窗口打开）等，并没有_new这个目标属性。20.正确答案：【C】21.正确答案：【A】22.正确答案：【A】23.正确答案：【D】详解：表格是网页中的<table>元素，框架是由数个帧组成的。<table>标签用于创建HTML表格，框架则是由<frame>元素组成，一个框架网页中可以包含多个<frame>元素来划分不同的区域显示不同的页面内容。所以表格对应的是<table>元素，框架是由帧组成，选项A正确。表格和框架是网页布局的重要组成部分，理解它们的基本概念和使用方式对于构建功能丰富、布局合理的网页至关重要。表格通过<table>标签构建行列结构来展示数据等信息，而框架则利用<frame>元素将浏览器窗口划分为多个独立的子窗口来分别显示不同的网页内容，方便实现多页面的组合展示效果。24.正确答案：【C】详解：图标是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性；Logo是品牌的标志，是品牌视觉识别系统的核心。Logo在特定场景下可以当作图标来使用，比如在一些简洁的界面设计中，用Logo来快速传达品牌信息。图标不一定代表企业理念，也并非所有图标都能当作品牌标识。所以A选项图标和Logo不能简单归为一类；B选项图标不是品牌的标识，品牌标识是Logo；D选项图标不一定代表企业理念。25.正确答案：【B】26.正确答案：【C】详解：在Sketch中插入文本的快捷键是([A、]>T)，([B、]>P)是钢笔工具快捷键，([C、]>U)是形状生成器工具快捷键，([D、]>W)是魔术棒工具快捷键。Sketch软件中不同工具都有其对应的快捷键来方便操作，插入文本的这个快捷键是比较常用的基础操作快捷键之一。27.正确答案：【A】详解：在控件规范中，常见的状态样式包括默认、按下、禁用等。误操作并不属于常规的控件状态样式范畴。28.正确答案：【D】29.正确答案：【C】详解：格式塔原理包括接近性、相似性、连续性、封闭性等。简单可理解为接近性，即空间或时间上接近的元素易被视为整体。相似性指相似的元素易被归为一组。连续性是视觉倾向于将连续的线条或图案视为一个整体。而间隔不属于格式塔原理的典型内容。30.正确答案：【B】31.正确答案：【A】32.正确答案：【B】详解：内容提供商的英文是ContentProvider，通常缩写为CP。33.正确答案：【A】详解：框架设计主要关注整体架构和概念层面，而非更关注细节的把控。框架设计是将功能需求转化的必经阶段，又称为概念设计，应当充分考虑角色场景等因素。34.正确答案：【C】详解：百度是一个综合性的搜索引擎，提供多种信息搜索服务，不属于专注于社交功能的App。而instagram是知名的社交照片分享平台，用户可以分享照片和短视频等内容并与他人互动；twitter是社交网络及微博客服务平台，用于信息传播和交流；领英是全球知名的职业社交平台，主要用于职场人脉拓展和职业交流等社交活动。35.正确答案：【D】36.正确答案：【B】37.正确答案：【C】详解：原型法强调快速构建一个可以运行的系统原型，让用户能够直观地体验系统的功能和界面，从而更有效地进行需求分析和界面设计等工作，符合界面设计通常采用的方法特点。结构化生命周期法更侧重于按照严格的阶段和流程进行系统开发；模型驱动方法主要基于特定的模型来驱动开发过程；面向服务的方法主要关注服务的构建和交互等，均不太符合界面设计的主要方法。38.正确答案：【D】39.正确答案：【C】40.正确答案：【D】详解：视觉标注稿是关于视觉设计方面的规范说明，明确颜色、尺寸、间距等视觉元素的标准，属于视觉规范；交互设计说明侧重于交互流程和逻辑，产品文档包含产品各方面详细信息，产品架构图展示产品的整体结构关系，它们都不属于视觉规范。41.正确答案：【C】详解：GIF是基于索引色表的图像格式，最多只能支持256种颜色，所以选项D叙述错误。选项A，JPEG适合有丰富色彩的照片类图像，正确；选项B，JPEG和GIF都是压缩文件格式，正确；选项C，GIF支持动画，JPEG不支持，正确。42.正确答案：【A】43.正确答案：【A】详解：2020年UI设计趋势包括打破传统网格局限呈现个性化网格布局、使用适画风格、使用暗色调主题等。而使用鲜亮的色彩模式不属于2020年典型的UI设计趋势，更多的是强调简洁、低饱和度等色彩风格。44.正确答案：【D】45.正确答案：【C】46.正确答案：【C】详解：当链接指向ZIP文件时，浏览器通常会将其视为可下载的文件而不是直接打开。ASP文件是动态网页文件，会被服务器处理后生成HTML内容发送给浏览器解析显示；HTML文件会直接在浏览器中渲染显示；CGI脚本文件也是在服务器端运行后返回内容让浏览器显示，它们都不是用于直接下载的文件类型。47.正确答案：【C】详解：SVG图形是一种可缩放的矢量图形，由W3C制定，是一个开放标准，属于一种图形格式。它可以方便地调整颜色、大小等属性，所以选项C中说SVG格式不能调整颜色、大小是不正确的。48.正确答案：【D】49.正确答案：【B】50.正确答案：【A】详解：这种功能对于用户来说是必不可少的，虽然有它时用户不会特别开心，但没有它就会不开心，说明它满足了用户的基本需求，属于必要功能。二、多选题答案1.正确答案：【ABCD】详解：界面设计元素