网站界面(UI)设计课程考试复习题(含答案)

网站界面（UI）设计实训3 完成App项目原型的制作（必做）实训目的通过制作App产品原型，将策划书的内容可视化，将每一个页面中的功能可视化，使设计出的UI符合App功能需求实训内容确定App产品应用的系统，确定UI页面的基本结构和布局，根据策划书和思维导图完成App功能页面的绘制，为相关页面建立超链接。

掌握原型制作软件的使用。

实训要求教师指导2学时，学生课后8学时或以上。

需完成二级页面原型，如下图。

实训过程记录步骤简述：01 框架搭建1. 新建页面底部导航分为5个部分，所以也对应着五个页面。

在制作时先不考虑登录等其他页面，只做主界面。

1. 在页面部分（注意不是概要部分）添加文件夹命名为主界面，放置主界面的页面。

2. 在文件夹下面添加页面，底部导航点击每个图标跳转后对应的页面。

由于该原型底部导航分为5个部分，所以在主界面下是五个子页面。

每个子页面可以继续添加子页面，类似下图中我——个人主页，代表页面内跳转的页面。

2. 页面布局实训日期：成绩：实训5 设计制作App项目图标组(必做)实训目的（1）通过图标组的绘制，确定App项目UI的风格。

（2）在熟练使用软件工具的同时，熟悉不同系统对图标制作的要求。

实训内容（1）完成底部标签栏图标的设计制作。

（2）完成App功能图标的设计制作。

（3）完成App导航栏上功能图标的设计制作。

实训要求教师指导2 学时，学生课后用8 学时或以上。

需给出图标组效果和图标组交互效果，如下图。

实训过程记录步骤简述：1.使用最简单的图形简单的形状可以组合成复杂的图标。

你只需要从不同的角度去观察他们。

将注意力放在每一个图标是如何通过简单元素组合而成的。

2.还有一种纯色的线性风格。

比如我们在阿里巴巴矢量图标库下载的所有图标大部分都是这种纯色的。

3.所谓的icon 图标，不是对照片和实物的重绘，它们带有特定的信息，所以你的工作是将这些信息通过图标的形式清晰的表达出来，图标是将复杂的信息通过小的象形图案展现出来。

网站界面（UI）设计（2020秋期末考试）一、单选题共20题，40分1建立网站目录结构时，不正确的建议是( )。

A最好使用中文目录B按栏目内容建立子目录C目录的层次不要太深D不要将所有的文件都放在根目录下参考答案：A2下列选项中，属于数据库物理设计的是( )。

A定义数据库表的关键字B确定实现数据库表的具体的DBMSC定义表的索引D建立交叉表，消除多对多的连接关系参考答案：C3在网站信息系统和网络中用于传送商贸业务单证的信息形式称为( )。

A报文B记录C单证D文件参考答案：A4在网站维护中，不正确的做法是( )。

A维护网站的基本结构和既定风格B保持网站内容的稳定性C保证链接的有效性D重视用户的意见反馈参考答案：B5邮件服务器使用的协议是( )。

AHTTPBSMTPCRAPDDNS参考答案：B6定量的软件过程管理和产品质量管理两个关键过程属于CMM的( )。

A重复级B定义级C管理级D优化级参考答案：C7Dell计算机公司是全球最著名的( )。

A网络直销商B基础网络运营商C电信业务运营商DInternet服务提供商参考答案：A8基于文件操作模式的数据库产品是( )。

AOracleBDB2CSQL ServerDAccess参考答案：D9不能提高网站在搜索引擎中排名顺序的做法是( )。

A选好关键字B首页最好使用Frame结构C将最常用的关键字放在最前面D将定义关键字的META标记放在定义描述的META标记项之前参考答案：B10将网络用户分成系统管理员、一般用户、审计用户等不同的类别，这种安全策略属于( )。

A入网访问控制B网络权限控制C目录级安全控制D属性安全控制参考答案：B11统一软件开发过程（RUP）中的软件生命周期在时间上被分解为四个顺序阶段。

正确的顺序为( )。

A初始阶段、细化阶段、构造阶段和交付阶段B初始阶段、构造阶段、细化阶段和交付阶段C初始阶段、构造阶段、交付阶段和细化阶段D初始阶段、细化阶段、交付阶段和构造阶段参考答案：A12开发WebSphere 软件的公司是( )。

网站界面（UI）设计复习题一、多选题1．设计师在开展具体网站界面设计之前需要了解的信息包括（）A. 建站目标B. 目标用户特征C. 商业模式D. 网站特征和优势2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（）A. 对所服务的客户的认知，和客户保持良好的沟通B. 对网站目标用户的深入理解C. 对竞争对手的了解D. 对网站目标用户的深入理解3．关于网站策划书描述准确的有（）A. 对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。

B. 网站策划书包含了多个方面的内容，可以对市场、设计、技术、营销等相关人员下达指导工作的指令，帮助建站团队中不同岗位的人相互了解工作的重心。

C. 网站策划书由客户提供。

D. 网站策划书往往包含很多有效的指引设计方向的信息。

4. 对于网站界面设计起着决定性作用（）A. 视觉审美B. 建站目的C. 网站定位D. 客户意见5．对于用户导向原则在网站界面设计中的具体体现描述准确的是（）A. 明确体现网站的核心功能和服务B. 符合用户在使用网站时的心智模型和场景中的思维状态C. 尊重人机交互中用户的生理特征D. 符合用户的认知习惯6．下列关于心智模型表述准确的有（）A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。

B. 人们通常基于自身经验和现有知识来理解新事物。

C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。

D. 重视情景因素对用户行为的影响。

7．保持一致性是提升网站的可用性的重要手段，它体现在（）A. 布局设计B. 导航设计C. 交互操作D. 视觉要素8．图片的挑选原则包括（）A. 使用能够有效传达信息的图片B. 使用引发观者的情绪反应的图片C. 避免使用与网站的主题无关的图片D. 都要使用高清大图。

9．以下哪些因素会影响文字的可读性（）A. 行距与行长度B. 文字的内外边距C. 字体样式D. 颜色与对比度10．加大视觉元素之间层次感的方法有（）A. 大小对比B. 色彩对比C. 距离对比D. 位置对比11．如何让界面中的重要元素变得突出，下列处理手段合理的有（）A. 使用鲜艳的色彩B. 注意周围的留白C. 放在用户浏览网页视线中的重要位置D. 越大越好12．关于对比色相，下列说法正确的有（）A. 指色相相距120度左右的色相之间形成的关系B. 给人鲜明生动、强烈兴奋的感觉C. 黄色和绿色是对比色相D. 红色和蓝色是对比色相13．以下属于互补色相的有（）A. 黄色与紫色B. 红色与绿色C. 橙色与蓝色D. 黑色与白色14．下列属于暖色的色相有（）A. 深蓝色B. 黄棕色C. 橙色D. 白色15．下列可以帮助加强色彩对比的方法有（）A. 色相互补B. 明度差异大C. 色相临近D. 饱和度差异大16．下列关于黄色的描述准确的有（）A. 气质明快生动B. 当明度降低时，色彩面貌会发生很大的变化C. 饱和的黄色经常充当强调色D. 饱和的黄色在儿童站点及针对年轻人的网站中常见。

第一套题多项选择题（共15题，共45分）1. 下列哪些方法可以产生新图层？（）A 双击图层控制调板的空白处，在弹出的对话框中进行设定选择新图层命令B 单击图层调板下方的新图层按钮C 使用鼠标将将图像从当前窗口中拖动到另一个图像窗口中D 使用文字工具在图像中添加文字参考答案：B,C,D；考生答案：B；试题分数：3；考生得分：02. 下列关于Photoshop 打开文件的操作，哪个是正确的？（）A 选择“文件>打开”命令，在弹出的对话框中选择要打开的文件B 选择“文件>最近打开文件”命令，在子菜单中选择相应的文件名C 如果图像是Photoshop 软件创建的，直接双击图像图标D 将图像图标拖放到Photoshop 软件图标上参考答案：A,B,C,D；考生答案：A,B,C,D；试题分数：3；考生得分：33. 以下哪些因素会影响文字的可读性（）A 行距与行长度B 文字的内外边距C 字体样式D 颜色与对比度参考答案：A,B,C,D；考生答案：C,D；试题分数：3；考生得分：0 4. 保持一致性是提升网站的可用性的重要手段，它体现在（）A 布局设计B 导航设计C 交互操作D 视觉要素参考答案：A,B,C,D；考生答案：A,B,C；试题分数：3；考生得分：0 5. 加大视觉元素之间层次感的方法有（）A 大小对比B 色彩对比C 距离对比D 位置对比参考答案：A,B,C,D；考生答案：C；试题分数：3；考生得分：06. 文字图层中的文字信息哪些可以进行修改和编辑？（）A 文字颜色B 文字内容，如加字或减字C 文字大小D 将文字图层转换为像素图层后可以改变文字的字体参考答案：A,B,C；考生答案：A,B,C；试题分数：3；考生得分：37. 下列可以帮助加强色彩对比的方法有（）A 色相互补B 明度差异大C 色相临近D 饱和度差异大参考答案：A,B,D；考生答案：A；试题分数：3；考生得分：08. 关于扁平化风格图标的表述正确的有（）A 简约风格B 有利于提高系统性能C 不强调质感与细节的描摹D 强调功能性参考答案：A,B,C,D；考生答案：D；试题分数：3；考生得分：09. 关于网站策划书描述准确的有（）A 对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。

《界面设计》考试题（附答案）一、单选题（共60题，每题1分，共60分）1、常用的网页图像格式有( )和（）.A、tiff,pngB、gif, tiffC、tiff, jpgD、gif, jpg正确答案：D2、下列哪一项是正确的CSS语法构成 ( )A、body:color=blackB、body (color:black}C、{hody;color:black}D、body (color=blackl正确答案：B3、在网站整体规划时，第一步要做的是( )A、制作网页B、选择合适的制作工具C、搜集材料D、确定网站主题正确答案：D4、下列不属于交互设计方法论的是( )A、Design SprintB、设计实践C、5W2HD、Design thinking正确答案：B5、下列不属于用户属性的是( )A、网络情况B、使用设备C、下载来源D、用户数据正确答案：D6、产品经理和项目经理的区别是( )A、职级不同B、资质不同C、几乎没有不同D、定位职能不同正确答案：D7、关于界面设计理论说法不正确的是( )A、界面设计中有经典的常用理论B、界面设计方法的运用对设计师的知识体系要求较高C、界面设计中只会运用单一固定的理论方法D、格式塔原理属于界面设计理论之一正确答案：C8、下面哪个不属于常用的动效插件( )A、TrapcodeB、BodymovinC、Ease and Wizz FlowD、Particular正确答案：D9、当浏览器不支持图像时，图像<IMG>标记的____属性的文本内容可以替代说明图像( )A、borderB、altC、heightD、align正确答案：B10、从公司角度看，不属于产品定位价值的是( )A、表示战略方向B、体现公司信息化程度C、定义产品范围D、承载商业模式正确答案：C11、Web 安全色所能够显示的颜色种类为( )。

A、256 色B、1500 种色C、216 色D、干万种颜色正确答案：C12、下列不属于控件规范中需要包含的状态样式的是( )A、禁用B、默认C、按下D、误操作正确答案：D13、下列关于流程设计说法不正确的是( )A、流程比原型先行B、流程图不如原型重要C、流程图能完整表述整个功能流程D、流程是设计属于框架设计的一部分正确答案：B14、UI 设计常用软件是( )A、WordB、ExcelC、PhotoshopD、Firefox正确答案：A15、下列不属于通用模块的是( )A、登录B、扫码C、浮层D、搜索正确答案：A16、下列支持位图处理的软件有( )A、PremiereB、AdobeC、SketchD、Photoshop正确答案：D17、故事板一般的表现形式是( )A、纯文本展示B、纯图展示C、复合文本展示D、图文展示正确答案：D18、下列产品与其他三个有显著区别的是( )A、PinterestB、DribbleC、SketchfabD、Behance正确答案：C19、关于 Sketch 工具栏说法不正确的是( )A、第一组主要包含Symbol相关工具B、共分为 5 个不同的组C、第三组主要是高级工具使用D、共有24个工具正确答案：B20、KOL是指( )A、去中心化B、用户生产内容C、专业生产内容D、关键意见领袖正确答案：D21、Sketch中提供了哪种蒙版( )A、普通蒙版B、明度蒙版C、对比度蒙版D、颜色蒙版正确答案：A22、下面哪一条不属于2020年 UI 设计的趋势( )A、使用暗色调主题B、使用鲜亮的色彩模式 .C、打破传统网格的局限，呈现个性化网格布局D、使用适画风格正确答案：B23、用于设置页面标题的标记是___。

精品文档网站界面（UI）设计2016年春考试真题（带答案）一、多选题1．关于扁平化风格图标的表述正确的有（ABCD）A、简约风格B、有利于提高系统性能C、不强调质感与细节的描摹D、强调功能性2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（ABCD ）A. 对所服务的客户的认知，和客户保持良好的沟通B. 对网站目标用户的深入理解C. 对竞争对手的了解D. 对网站目标用户的深入理解3．关于全局导航的描述正确的有（ACD ）A. 出现在网站所有的页面中B. 位置一定在网页的顶部C. 体现网站最重要的内容层次结构D. 帮助用户在网站中迅速定位4．对于用户导向原则在网站界面设计中的具体体现描述准确的是（ABCD ）A. 明确体现网站的核心功能和服务B. 符合用户在使用网站时的心智模型和场景中的思维状态C. 尊重人机交互中用户的生理特征D. 符合用户的认知习惯5．下列关于心智模型表述准确的有（ABCD ）A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。

B. 人们通常基于自身经验和现有知识来理解新事物。

C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。

D. 重视情景因素对用户行为的影响。

精品文档6．文字图层中的文字信息哪些可以进行修改和编辑？( ABC )A. 文字颜色B. 文字内容，如加字或减字C. 文字大小D. 将文字图层转换为像素图层后可以改变文字的字体7．建立有效布局的手段有（ABCD ）A. 有选择的展现信息，分清主次B. 预先对信息进行科学的分类，整理好优先级C. 遵循用户习惯，同时给予适当的引导推荐D. 不同信息找到最合适的表现方式8．下列可以帮助加强色彩对比的方法有（ABD ）A. 色相互补B. 明度差异大C. 色相临近D. 饱和度差异大9．如何让界面中的重要元素变得突出，下列处理手段合理的有（ABC ）A. 使用鲜艳的色彩B. 注意周围的留白C. 放在用户浏览网页视线中的重要位置D. 越大越好10．当选择“文件>新建”命令，在弹出的“新建”对话框中可设定下列哪些选项？（ABC ）A. 图像的高度和宽度B. 图像的分辨率C. 图像的色彩模式D. 图像的标尺单位11．下列哪些方法可以产生新图层？（BCD ）A. 双击图层控制调板的空白处，在弹出的对话框中进行设定选择新图层命令B. 单击图层调板下方的新图层按钮C. 使用鼠标将将图像从当前窗口中拖动到另一个图像窗口中D. 使用文字工具在图像中添加文字精品文档12．网站界面中越来越多出现高清大图和视频的原因在于（ABCD ）A. 带宽流量和服务器性能的改善B. 视觉冲击力强C. 用户体验好D. 视频可负载的信息量很多13．优秀的网站图标一般具备以下哪些特点（ABCD ）A. 形象定义准确B. 造型完整简明C. 风格统一D. 配色协调14．下列关于Photoshop 打开文件的操作，哪个是正确的？（ABCD ）A. 选择“文件>打开”命令，在弹出的对话框中选择要打开的文件B. 选择“文件>最近打开文件”命令，在子菜单中选择相应的文件名C. 如果图像是Photoshop 软件创建的，直接双击图像图标D. 将图像图标拖放到Photoshop 软件图标上15．下列关于黄色的描述准确的有（ABCD ）A. 气质明快生动B. 当明度降低时，色彩面貌会发生很大的变化C. 饱和的黄色经常充当强调色D. 饱和的黄色在儿童站点及针对年轻人的网站中常见。

界面设计模拟考试题（附参考答案）一、单选题（共50题，每题1分，共50分）1、在一个框架的属性面板中，不能设置下面哪一项。

( )A、滚动条B、边框颜色C、边框宽度D、源文件正确答案：A2、如果想要日活用户超过100万，那么周留存应大于( )A、20%B、10%C、25%D、15%正确答案：A3、下列不属于Sketch 的几何工具是( )A、三角工具B、圆形工具C、矩形工具D、其他形状正确答案：A4、在网页中，必须使用( )标记来完成超级链接。

A、<a>...</A.>B、…</p >C、<link>...</link>D、<li>...</li>正确答案：A5、下列不属于交互说明的内容的是( )A、手势说明B、提示文案C、文字说明D、动效说明正确答案：C6、从公司角度看，不属于产品定位价值的是( )A、定义产品范围B、体现公司信息化程度C、表示战略方向D、承载商业模式正确答案：A7、下列属于产品概述的有( )A、运行环境B、详细描述C、需求简述D、参考资料正确答案：D8、状态型进度条及相关信息需要完成以下任务( )A、改变性能B、向用户清晰地展示他可能需要的操作；C、向用户清楚地表明重要的进度节点；D、向用户清楚地表明当前状态；正确答案：B9、下列色相环中哪种色相关系对比最强烈，配色能给人饱满。

活跃、生动、刺激的强烈感受( )A、临近色相B、类似色相C、对比色相D、互补色相正确答案：D10、在H.TML 中，( )不是链接的目标属性。

A、blankB、topC、selfD、new正确答案：D11、下列不属于社交类App的是( )A、instagramB、twitterC、领英D、百度正确答案：D12、40-20-10法则是由( )提出的A、FacebookB、GoogleC、TwitterD、instagram正确答案：A13、在移动应用程序UI界面中，我们常见到( )等设计都广泛应用到进度条，它的呈现形式多种多样，让人眼花缭乱。

UI基础单选题库一、选择题（每题4分）1.下面哪个不是按钮(Button)的状态?A. normalB. highlightedC. disabledD. touchInside参考答案：D2.下面哪一个是其中三个类的父类?A. UIButtonB. UILabelC. UIViewD. UIImageView参考答案：C3.下面哪一个不是确定控件位置的属性?A. frameB. CGRectC. boundsD. center参考答案：B4.在4英寸Retina屏幕的设备上,一个点是一个( )的格子?A. 1像素 * 2像素B. 1像素 * 1像素C. 2像素 * 2像素D. 2像素 * 1像素参考答案：C5.所有可以触发操作方法的iOS控件都是（）的子类。

A. UIViewB. UIControlC. NSResponderD. UIResponder参考答案：B6.在UIKit中，frame与bounds的区别是?A. frame 是 bounds 的别名B. frame 是 bounds 的继承类C. frame 的参考系是父视图坐标，bounds 的参考系是自身的坐标D. frame 的参考系是自身坐标，bounds 的参考系是父视图的坐标参考答案：C7.UIButton 和 UIImageView 的说法正确的是?A. 默认都能显示图片B. 默认都能显示文字C. 默认都能响应事件D. 以上说法都是正确的参考答案：A8.如果UIScrollView无法滚动，以下原因哪个是不正确的?A. 没有取消autolayout功能B. 没有接收到触摸事件:userInteractionEnabled = NOC. scrollEnabled = YESD. 没有设置contentSize参考答案：C9.下面那个不是UITableView数据源方法?A. -(NSInteger)numberOfSectionsInTableView:(UITableView*)tableV iew;B. - (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath;C. -(UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath;D. - (NSInteger)tableView:(UITableView*)tableView numberOfRowsInSection:(NSInteger)section;参考答案：B10.关于字典转模型不正确的是?A. 字典转模型的后,性能会大大提升B. 防止因为字典的 Key 写错导致加载数据出错C. 模型的属性写错编译器会直接报错D. 使用模型访问属性，编译器会给相应的提示，提高开发效率。

网站界面ui设计答案【篇一：ui设计师模拟试题】一、单项选择题，共20题：（60分，每小题3分）1、 gui 是什么意思？（a） gui是google 公司的ui界面设计（b） gui是group ui的简称缩写，是指团队进行ui设计。

（c） gui是galaxy ui的简称缩写，是三星公司推出的智能手机galaxy的界面设计。

2、网页设计中的，网页界面栅格化是指？（a）使用ps设计网页界面过程中，将所有的层都格式化图层。

（b）在页面制作时，将所有的层宽度统一。

（c）栅格系统英文为“grid systems”，是从平面栅格系统中发展而来，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。

通俗点讲是在网页界面设计中，运用固定的格子设计版面布局，使页面风格工整简洁。

（d）网页设计中，使用背景是格子样式的背景图案。

3、以下ab两组色彩中，哪组色彩体现了“安宁、平静”的感觉？a.b4、网页设计web ui中，针对现在主流浏览器的大小设定，最常见的页面宽度为？（a） 960px、970px、980px、990px、1000px（b） 1680px、2400px、3200px（c） 180px、240px、360px、400px（d）无相关具体数值要求。

5、网页界面设计中，一般使用的分辨率的显示密度是多少dpi？（a） 300dpi （b） 200dpi （c）72dpi （d） 600dpi6、下列手机端ui设计分类排列方式中，哪种是类似九宫格的形式？a.c.d.7、下列哪一种不属于ui设计范畴？a. 网页设计b. 手机界面设计c. 户外海报设计d. 软件界面设计8、下列对图像格式的描述哪一个是错误的？a. gif支持动画，而jpeg不支持b. png图片可以很好的支持图片透明c. jpg适用于色彩丰富的图片，适合web页面使用d. bmp适用于色彩丰富的图片，适合web页面使用9、在photoshop中，快捷键 c 选择的是哪个工具？a. 污点修复画笔工具b. 裁剪工具c. 加深工具d. 路径选择工具10、在photoshop中，快捷键ctrl + alt+c 将打开哪个操作面板？a. 图像大小【篇二：最新版2016春国家开放大学《网站界面(ui)设计》复习题满分答案】> 一、多项选择题（每小题3分，15题，共45分）1．关于网站策划书描述准确的有（abd）a、对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。

ui设计考试试题库及答案详解UI设计，即用户界面设计，是现代数字产品设计中不可或缺的一部分。

它涉及到视觉元素、交互设计、用户体验等多个方面。

以下是一份UI设计考试试题库及答案详解，旨在帮助学习者更好地理解UI设计的各个方面。

一、选择题1. 什么是UI设计？A. 用户界面设计B. 用户体验设计C. 统一资源定位器D. 用户接口设计答案：A2. 在UI设计中，以下哪个不是视觉设计的基本要素？A. 颜色B. 图标C. 布局D. 功能答案：D3. 以下哪个原则不是UI设计中的基本原则？A. 一致性B. 可用性C. 可访问性D. 复杂性答案：D4. 哪种布局方式不是UI设计中常见的布局方式？A. 网格布局B. 列表布局C. 瀑布流布局D. 线性布局答案：D5. 在UI设计中，响应式设计是指：A. 设计只适用于一种设备B. 设计能够适应不同屏幕尺寸和设备C. 设计只适用于桌面电脑D. 设计只适用于移动设备答案：B二、简答题1. 简述UI设计中的色彩理论的重要性。

色彩在UI设计中起着至关重要的作用。

它不仅影响用户的第一印象，还能够引导用户的行为，提高界面的可读性和可用性。

合理的色彩搭配可以增强品牌识别度，提升用户体验。

2. 解释UI设计中的“一致性”原则。

一致性原则指的是在UI设计中保持元素的统一性，包括颜色、字体、按钮样式等。

一致性有助于用户更快地熟悉界面，减少学习成本，提高用户的操作效率。

3. 描述UI设计中的“反馈”机制。

反馈机制是UI设计中的一种交互方式，它允许用户在进行操作后立即得到系统的响应。

这种响应可以是视觉的、听觉的或触觉的，目的是告知用户操作已被系统识别并处理，增强用户的交互体验。

三、案例分析题假设你是一名UI设计师，你被要求为一款新的社交媒体应用设计用户界面。

请描述你将如何考虑以下方面：1. 界面布局2. 用户导航3. 色彩方案4. 图标使用答案详解：1. 界面布局：我会采用网格布局，确保内容的组织有序，易于用户浏览。

界面设计习题（含答案）一、单选题（共50题，每题1分，共50分）1、下列不属于5W2H的是( )A、WhyB、HowC、How toD、oD.What正确答案：B2、下列不属于控件规范中需要包含的状态样式的是( )A、禁用B、默认C、误操作D、按下正确答案：C3、下列关于 Sketch 和 Photoshop 说法不正确的是( )A、Sketch 运行速度更快B、Sketch 支持位图处理C、Sketch 属于轻量级软件D、Sketch 文件较小正确答案：B4、如果功能存在，用户并没有特别开心，但是不存在就会不开心呢，那么这个功能属于( )A、矛盾B、不必要C、期待D、必要正确答案：D5、iphone 8 的原型尺寸是( )A、428pt * 667ptB、375pt * 637ptC、375pt * 667ptD、428pt * 367pt正确答案：C6、主页中一般包含的基本元素有( )。

A、超级链接B、声音C、表格D、图像正确答案：A7、token是指( )A、系统生成的一套字符串B、服务端生成的一串字符串C、服务器生成的一串字符串D、用户端生成的一串字符串正确答案：B8、图像优化是指( )A、把医像处理得更美观—些B、使图像质量和图像文件大小两者的平衡达到最佳，也就是说在保证图像质量的情况下使图像文件达到风小C、把原来模糊的图像处理得更清楚一些D、把图像尺寸放大使观看更方便一些正确答案：B9、下列关于 Sketch 中标尺和定位线说法不正确的是( )A、它可以辅助产品经理进行原型设计B、它位于画布的左侧和上方C、它可以看到数字刻度的标记D、在标尺上标记的数字可以简单理解为像素正确答案：A10、常见的图形创意表现形式与手法以下不正确的是( )A、结构图形法B、多维图形法C、双关图形法D、异影图形法正确答案：A11、在网页设计中，( )是所有页面中的重中之重，是一个网站的灵魂所在。

A、引导页B、导航栏C、主页面D、脚本页面正确答案：A12、切片的形状是( )A、圆形B、矩形C、菱形D、多边不规则形正确答案：B13、下列不属于页面设计的步骤的是( )A、添加状态栏和菜单栏B、设计运营C、用户研究D、框架搭建正确答案：C14、用于设置表格背景颜色的属性的是( )A、backgroundB、bgcolorC、BorderColorD、backgroundColor正确答案：B15、下列不属于D.esign Sprint 核心阶段的是( )A、原型B、验证C、决策D、产出正确答案：D16、产品效果等于( )A、使用人数+平均使用率+平均使用时长B、使用人数*平均使用率*平均使用时长C、使用人数+平均使用频率*平均使用时长D、使用人数*平均使用频率+平均使用时长正确答案：B17、作为产品经理的原则是( )A、产品第一B、利益第一C、用户第一D、供应商第一正确答案：C18、HTTP的中文含义是( )A、文件传输协议B、超文本传输协议C、顶级域名网址D、以上都不是正确答案：B19、如果一个功能存在让用户不开心，不存在让用户开心，那么这个功能属于( )A、错误B、无关C、矛盾D、重要正确答案：A20、产品需求文档中不包括( )A、实现技术B、项目评估C、原型图D、项目方案正确答案：C21、关于CSS，以下叙述错误的是( )A、CSS 的中文意思是层叠样式表，简称样式表B、CSS可以精确地控制网页里的每一个元素C、一个 HTML网页文件只能应用一个 CSS 文件D、CSS 文件可以单独保存而不必和 HTML 文件合并在一起 C正确答案：C22、以下哪项不是文字编排方式是( )A、线性排列B、点状排列C、面化排列D、左对齐排列正确答案：B23、下列期个工且可以方便地选择连续的、颜色相似的区域? ( )A、矩形框工具B、椭圆选框工具C、磁性套索工具D、魔棒工具正确答案：D24、下列选项中常常使用动效的场景是( )A、滚动BannerB、导航栏和菜单C、表单D、以上都正确正确答案：D25、在Photoshop中不能直接输出的文件格式( )A、psdB、doc.C、jpgD、ai正确答案：B26、下列关于低保真原型说法不正确的是( )A、它包含字体、控件、块等基本元素B、它是交互设计的主要交互输出物C、它追求视觉层级丰富的表达D、它主要以黑白风格为主正确答案：C27、栅格布局的作用是( )A、利于甲方浏览B、为了视觉设计得美观C、规范展示网页的内容D、便于展现设计风格正确答案：C28、不属于 Sketch 中常见的图像处理方式有( )A、调整大小B、裁剪形状C、蒙版D、转换格式正确答案：C29、关于 Sketch 工具栏说法不正确的是( )A、第一组主要包含Symbol相关工具B、共分为 5 个不同的组C、共有24个工具D、第三组主要是高级工具使用正确答案：B30、以下不属于旅游类App的是( )A、BookingB、SpringC、AgodaD、Airbnb正确答案：B31、Sketch 4.0版本是哪一年发布的( )A、2017B、2015C、2014D、2016正确答案：D32、有效性、有用性、效率属于用户体验的( )原则A、3EB、4EC、6ED、5E正确答案：D33、下列不属于项目背景描述应该包含的内容的是( )A、难题B、原因C、数据D、问题正确答案：A34、当浏览器不支持图像时，图像<IMG>标记的____属性的文本内容可以替代说明图像( )A、borderB、altC、alignD、height正确答案：B35、竞品分析主要分析的是( )A、竞品的目标用户B、竞品的功能C、竞品的定位D、竞品的价值正确答案：B36、下列不属于打车软件的是( )A、神州专车B、UberC、滴滴D、汽车之家正确答案：D37、用于设置页面标题的标记是___。

网站界面ui设计答案网站界面ui设计答案【篇一：ui设计师模拟试题】一、单项选择题，共20题：（60分，每小题3分）1、 gui 是什么意思？（a） gui是google 公司的ui界面设计（b） gui是group ui的简称缩写，是指团队进行ui设计。

（c）gui是galaxy ui的简称缩写，是三星公司推出的智能手机galaxy的界面设计。

2、网页设计中的，网页界面栅格化是指？（a）使用ps设计网页界面过程中，将所有的层都格式化图层。

（b）在页面制作时，将所有的层宽度统一。

（c）栅格系统英文为“grid systems”，是从平面栅格系统中发展而来，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。

通俗点讲是在网页界面设计中，运用固定的格子设计版面布局，使页面风格工整简洁。

（d）网页设计中，使用背景是格子样式的背景图案。

3、以下ab两组色彩中，哪组色彩体现了“安宁、平静”的感觉？a.b4、网页设计web ui中，针对现在主流浏览器的大小设定，最常见的页面宽度为？（a） 960px、970px、980px、990px、1000px（b） 1680px、2400px、3200px（c） 180px、240px、360px、400px（d）无相关具体数值要求。

5、网页界面设计中，一般使用的分辨率的显示密度是多少dpi？（a） 300dpi （b） 200dpi （c）72dpi （d） 600dpi6、下列手机端ui设计分类排列方式中，哪种是类似九宫格的形式？a.c.d.7、下列哪一种不属于ui设计范畴？a. 网页设计b. 手机界面设计c. 户外海报设计d. 软件界面设计8、下列对图像格式的描述哪一个是错误的？a. gif支持动画，而jpeg不支持b. png图片可以很好的支持图片透明c. jpg适用于色彩丰富的图片，适合web页面使用d. bmp适用于色彩丰富的图片，适合web页面使用9、在photoshop中，快捷键 c 选择的是哪个工具？a. 污点修复画笔工具b. 裁剪工具c. 加深工具d. 路径选择工具10、在photoshop中，快捷键ctrl + alt+c 将打开哪个操作面板？a. 图像大小【篇二：最新版2016春国家开放大学《网站界面(ui)设计》复习题满分答案】> 一、多项选择题（每小题3分，15题，共45分）1．关于网站策划书描述准确的有（abd）a、对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。

界面设计复习题及答案一一、单项选择题（每题2分，共40分）1.“HTTP”的中文含义是___B_。

A)文件传输协议B)超文本传输协议C)顶级域名网址D)以上都不是3.在网站整体规划时，第一步要做的是___A___。

A)确定网站主题B)选择合适的制作工具C)搜集材料D)制作网页4．以下关于HTML的叙述中错误的是_A____。

A)网页文件都是由HTML编写而成的B)HTML具有与操作系统和硬件平台无关性C)HTML的中文意思是“超文本标记语言”D)可以通过任何一种文本编辑器编写HTML文件5．______标记标注网页中一个段落的开始。

A)<p>B)<hr>C)<br>D)<b>6．<font>标记控制文字字体类型的属性是______。

A)color B)size C)style D)face7.<TR>表示______。

A)一张表B)一行C)一列D)一个单元格8.用于设置页面标题的标记是______。

A)<title>B)<caption>C)<head>D)<html>9.当浏览器不支持图像时，图像<IMG>标记的______属性的文本内容可以替代说明图像。

A)align B)height C)alt D)border10．关于<table>标记的叙述，错误的是______。

A)使用<table>标记可以控制页面布局B)使用<table>标记可以设置表格的对齐方式C)<table>标记的cellspacing属性可以使单元格更大D)<table>标记的width属性值既可以是百分比，也可以是具体的数值。

11．不适合在网页中使用的图像格式是______。

A)jpeg B)bmp C)png D)gif12．能正确设置页面背景颜色的是______。

国家开放大学《网站界面（UI）设计》课程章节测试4答案解析一、单选题或多选题一、单选题或多选题试题1满分1.00未标记标记试题试题正文关于对比色相，下列说法正确的有（）。

选择一项或多项：a.给人鲜明生动、强烈兴奋的感觉b.指色相相距120度左右的色相之间形成的关系c.红色和蓝色是对比色相d.黄色和绿色是对比色相你的回答正确正确答案是：指色相相距120度左右的色相之间形成的关系, 给人鲜明生动、强烈兴奋的感觉, 红色和蓝色是对比色相试题2满分1.00未标记标记试题试题正文以下属于互补色相的有（）。

选择一项或多项：a.黄色与紫色b.黑色与白色c.红色与绿色d.橙色与蓝色反馈你的回答正确正确答案是：黄色与紫色, 红色与绿色, 橙色与蓝色满分1.00未标记标记试题试题正文下列属于暖色的色相有（）。

选择一项或多项：a.深蓝色b.橙色c.黄棕色d.白色反馈你的回答正确正确答案是：黄棕色, 橙色试题4满分1.00未标记标记试题试题正文下列可以帮助加强色彩对比的方法有（）。

选择一项或多项：a.色相临近b.色调明度差异巨大c.色调饱和度差异巨大d.色相互补反馈你的回答正确正确答案是：色相互补, 色调明度差异巨大, 色调饱和度差异巨大试题5满分1.00未标记标记试题试题正文下列属于三角调和，也符合对比色相的色彩组合有（）。

选择一项：a.红紫色、红色、橙色b.黄绿色、绿色、蓝绿色c.红色、蓝紫色、黄绿色d.橙色、黄色、黄绿色反馈你的回答正确正确答案是：红色、蓝紫色、黄绿色试题6满分1.00未标记标记试题试题正文下列色相环中哪种色相关系对比最强烈，配色能给人饱满、活跃、生动、刺激的强烈感受（）。

选择一项：a.对比色相b.互补色相c.类似色相d.临近色相反馈你的回答正确正确答案是：互补色相试题7满分1.00未标记标记试题试题正文（）是指色彩三属性中除了色相以外的明度和彩度的复合称谓。

选择一项：a.色调b.色彩风格c.饱和度d.色环反馈你的回答正确正确答案是：色调试题8满分1.00未标记标记试题试题正文为保证网页色彩在任何用户显示设备上的显示效果都是相同的，可选择（）。

《网站界面UI设计》试题B答案一、填空题1、图形设计2、交互性3、中心主题4、草图5、对齐6、启动图标装饰图标7、对比色8、橙色9、图片二、单项选择题1.C 2．B 3．B 4．D 5．B 6．A 7.C 8.B9.D 10.B 11.B 12.D 13.D 14.B 15.C三、多项选择题1.ABD 2．ABCD 3．ACD 4．ABCD 5．ABC四、判断题1. √2．√3．X4．X5．√ 6. X7. √8. √9. X 10. X五、简答题界面布局的方式有很多种，如列表式布局、陈列馆式布局、宫格式布局、卡片式布局和旋转木马式布局。

下面几种选择一个简述就可以了。

（1）列表式布局：布局形式的特点在于能够在较小的屏幕中显示多条信息，用户通过上下滑动的手势能获得大量的信息反馈。

优点：列表式布局层次展示清晰明了，视线流从上到下，浏览体验快捷，可展示内容较长的菜单或拥有次级文字内容的标题。

缺点：列表式布局灵活度不高，当同级内容过多时，用户浏览容易产生视觉疲劳，只能通过排列顺序、颜色来区分各个入口的重要程度。

（2）陈列馆式布局：这种布局形式比较灵活，既可以平均分布这些网格，也可以根据内容的重要性做不规则分布。

这种布局方式可以直观地展示产品的各项内容，便于浏览者快速便捷地操作。

优点：在同样高度范围内，陈列馆式布局可放置更多的菜单，流动性强，能够直观地展现各项内容，方便浏览者浏览经常更新的内容。

缺点：陈列馆式布局不适合展示顶层入口框架，而且当界面内容过多时，会显得很杂乱，给浏览者一种眼花缭乱的感觉。

（3）宫格式布局：这种布局方式非常有利于内容区域随手机屏幕分辨率不同而自动伸展宽高，方便适配所有的智能终端设备。

优点：宫格式布局是目前最常见的一种布局方式，也是一种符合用户习惯和黄金比例的设计方式。

这种信息内容展示方式简单明了，能够清晰地展现各入口，方便用户快速查询。

缺点：宫格式布局菜单之间的跳转要回到初始点，容易形成更深的路径，不能显示太多次级内容。

国家开放大学《网站界面（UI）设计》课程章节测试5答案解析一、单选题或多选题多选题试题1满分1.00未标记标记试题试题正文建立有效布局的手段有（）。

选择一项或多项：A.预先对信息进行科学的分类，整理好优先级B.遵循用户习惯，同时给予适当的引导推荐C.不同信息找到最合适的表现方式D.有选择地展现信息，分清主次反馈你的回答正确正确答案是：有选择地展现信息，分清主次, 预先对信息进行科学的分类，整理好优先级, 遵循用户习惯，同时给予适当的引导推荐, 不同信息找到最合适的表现方式试题2满分1.00未标记标记试题试题正文感性风格的网站一般采用的布局具有哪些特点（）。

选择一项或多项：A.自由感大于稳定感B.图片多为方形C.多采用自由型版式D.图文率中以图为主反馈你的回答正确正确答案是：多采用自由型版式, 图文率中以图为主, 自由感大于稳定感试题3满分1.00未标记标记试题试题正文信息量巨大的网站一般采用的布局具有哪些特点（）。

选择一项或多项：A.图片多为出血B.稳定感大于自由感C.采用规则型版式D.图文率中以文字为主反馈你的回答正确正确答案是：采用规则型版式, 图文率中以文字为主, 稳定感大于自由感试题4满分1.00未标记标记试题试题正文关于全局导航的描述正确的有（）。

选择一项或多项：A.体现网站最重要的内容层次结构B.位置一定在网页的顶部C.帮助用户在网站中迅速定位D.出现在网站所有的页面中反馈你的回答正确正确答案是：出现在网站所有的页面中, 体现网站最重要的内容层次结构, 帮助用户在网站中迅速定位试题5满分1.00未标记标记试题试题正文关于网格系统的表述正确的有（）。

选择一项或多项：A.只适用于平面设计B.重视比例感、秩序感、准确性C.使用横向和纵向引导线将版面进行划分D.把秩序引入设计中去的一种方法反馈你的回答正确正确答案是：使用横向和纵向引导线将版面进行划分, 重视比例感、秩序感、准确性, 把秩序引入设计中去的一种方法试题信息未标记标记试题信息文本判断题试题6满分1.00未标记标记试题试题正文照片、插图等图像与文字的比例称为图文率，也被称为视觉度，文字所占比例大，视觉度就高。

界面设计考试题含答案一、单选题（共50题，每题1分，共50分）1、下列不属于图标绘制规范的是( )A、简单B、多层次C、统一D、寓意正确答案：B2、在客户端网页脚本语言中最为通用的是( )A、JavaScriptB、VBC、PerlD、ASP正确答案：A3、关于颜色规范说法正确的是( )A、需要提供视觉风格参考B、需要给出项目的主色、辅助色C、不需要说明色彩的含义D、只需要给出主色正确答案：B4、视觉风格的探索不包括哪一方面的探索( )A、布局B、交互C、风格D、色彩正确答案：B5、css标签中background-color是什么意思。

( )A、灰色模式B、前景颜色C、透明模式D、背景颜色正确答案：D6、下列关于框架设计说法不正确的是( )A、框架设计又称为概念设计B、框架设计应当充分考虑角色场景等C、框架设计更关注细节的把控D、框架设计是将功能需求转化的必经阶段正确答案：C7、下面软件中，哪个是目前行业内最常用的专业动效设计工具( )。

A、PowerPointB、KeynoteC、After EffectsD、Animate正确答案：C8、下列关于 Sketch 中画布的说法错误的是( )A、画布在Sketch的正中央区域B、画布是Sketch创作的核心C、画布可以无限伸展D、画布有规定的大小正确答案：D9、Sketch 中插入直角矩形的快捷键是( )A、DB、RC、AD、Q正确答案：B10、iPhone X 的物理尺寸是( )A、4.7英寸B、6.2英寸C、6.5英寸D、5.8英寸正确答案：D11、Sketch 中新建画板的快捷键是( )A、AB、SC、DD、Q正确答案：A12、以下对 Web 图像格式地叙述哪个是错误的 ? ( )A、JPEG 适合于诸如照片之类的具有丰富色彩的图像B、JPEG 和 GIF 都是压缩文件格式C、GIF 支持动画，而 JPEG 不支持D、GIF 是基于索引色表的图像格式，它可以支持上千种颜色正确答案：D13、下列不属于常见流程图的是( )A、页面流程图B、任务流程图C、异常流程图D、设计流程图正确答案：D14、关于表格的描述正确的一项是。