网站界面(UI)设计考试复习资料

网站界面（UI）设计复习题一、多选题1．设计师在开展具体网站界面设计之前需要了解的信息包括（ ）A.建站目标目标用户特征C.商业模式D.网站特征和优势2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（ ）对所服务的客户的认知，和客户保持良好的沟通对网站目标用户的深入理解对竞争对手的了解对网站目标用户的深入理解3．关于网站策划书描述准确的有（ ）对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。网站策划书包含了多个方面的内容，可以对市场、设计、技术、营销等相关人员下达指导工作的指令，帮助建站团队中不同岗位的人相互了解工作的重心。网站策划书由客户提供。网站策划书往往包含很多有效的指引设计方向的信息。对于网站界面设计起着决定性作用（）A.视觉审美B.建站目的C.网站定位D.客户意见5．对于用户导向原则在网站界面设计中的具体体现描述准确的是（ ）明确体现网站的核心功能和服务符合用户在使用网站时的心智模型和场景中的思维状态尊重人机交互中用户的生理特征符合用户的认知习惯6．下列关于心智模型表述准确的有（ ）根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素人们通常基于自身经验和现有知识来理解新事物。有助于用户理解如何使用网站的设计属于符合心智模型的设计。重视情景因素对用户行为的影响。7．保持一致性是提升网站的可用性的重要手段，它体现在（ ）A.布局设计B.导航设计C.交互操作D.视觉要素8．图片的挑选原则包括（ ）使用能够有效传达信息的图片使用引发观者的情绪反应的图片避免使用与网站的主题无关的图片都要使用高清大图。9．以下哪些因素会影响文字的可读性（ ）行距与行长度文字的内外边距C.字体样式D.颜色与对比度10．加大视觉元素之间层次感的方法有（ ）A.大小对比B.色彩对比C.距离对比D.位置对比11．如何让界面中的重要元素变得突出，下列处理手段合理的有（ ）使用鲜艳的色彩注意周围的留白放在用户浏览网页视线中的重要位置D.越大越好12．关于对比色相，下列说法正确的有（）指色相相距120度左右的色相之间形成的关系给人鲜明生动、强烈兴奋的感觉黄色和绿色是对比色相红色和蓝色是对比色相13．以下属于互补色相的有（ ）A.黄色与紫色B.红色与绿色C.橙色与蓝色D.黑色与白色14．下列属于暖色的色相有（）深蓝色黄棕色橙色白色15．下列可以帮助加强色彩对比的方法有（ ）A.色相互补B.明度差异大C.色相临近饱和度差异大16．下列关于黄色的描述准确的有（）气质明快生动当明度降低时，色彩面貌会发生很大的变化饱和的黄色经常充当强调色饱和的黄色在儿童站点及针对年轻人的网站中常见。17．下列关于绿色的描述准确的有（）中性色的绿色象征着自然、生命、希望、和平、健康、安全易于和其他颜色搭配深绿意味稳定、沉着，嫩绿有新鲜、清新、生机勃勃的感觉与环境、健康、教育相关的网站经常使用18．建立有效布局的手段有（ ）有选择的展现信息，分清主次预先对信息进行科学的分类，整理好优先级遵循用户习惯，同时给予适当的引导推荐不同信息找到最合适的表现方式19．信息量巨大的网站一般采用的布局具有哪些特点（ ）采用规则型版式图文率中以文字为主稳定感大于自由感图片多为出血20．感性风格的网站一般采用的布局具有哪些特点（ ）多采用自由式型版式图文率中以图为主自由感大于稳定感图片外轮廓都为方形21．关于全局导航的描述正确的有（ ）出现在网站所有的页面中位置一定在网页的顶部体现网站最重要的内容层次结构帮助用户在网站中迅速定位22．关于网格系统的表述正确的有（ ）使用横向和纵向引导线将版面进行划分重视比例感、秩序感、准确性把秩序引入设计中去的一种方法只适用于平面设计23．优秀的网站图标一般具备以下哪些特点（ ）形象定义准确造型完整简明C.风格统一D.配色协调24．关于扁平化风格图标的表述正确的有（ ）A、 简约风格B、 有利于提高系统性能C、 不强调质感与细节的描摹D、 强调功能性25．网站界面中越来越多出现高清大图和视频的原因在于（带宽流量和服务器性能的改善视觉冲击力强C.用户体验好D.视频可负载的信息量很多26.下列关于JPEG和PNG格式正确的是（ ）JPEG属于有损压缩模式，PNG属于无损压缩模式。JPEG不支持透明，PNG支持透明。JPEG不支持动画，PNG支持动画。JPEG支持摄影图像或写实图像的高级压缩，可利用压缩比例控制图像文件大小。27•下列关于Photoshop中剪贴蒙版说法正确的是（ ）Photoshop中剪贴蒙版是由两个图层及以上组成。最下面一层叫基底图层，也叫做遮罩，其它图层叫剪贴图层，剪贴图层可由多个图层组成。修改基底图层会影响整个剪贴蒙版的效果。修改某个剪贴图层会影响整个剪贴蒙版的效果。下列关于Photoshop打开文件的操作，哪个是正确的？（ ）选择“文件＞打开”命令，在弹出的对话框中选择要打开的文件选择“文件＞最近打开文件”命令，在子菜单中选择相应的文件名如果图像是Photoshop软件创建的，直接双击图像图标将图像图标拖放到Photoshop软件图标上当选择“文件＞新建”命令，在弹出的“新建”对话框中可设定下列哪些选项？（ ）图像的高度和宽度图像的分辨率图像的色彩模式图像的标尺单位下列哪些方法可以产生新图层？（ ）双击图层控制调板的空白处，在弹出的对话框中进行设定选择新图层命令单击图层调板下方的新图层按钮使用鼠标将将图像从当前窗口中拖动到另一个图像窗口中使用文字工具在图像中添加文字文字图层中的文字信息哪些可以进行修改和编辑？A.文字颜色文字内容，如加字或减字C.文字大小D.将文字图层转换为像素图层后可以改变文字的字体二、单选题1．一般来说网站中使用的图片需要进行优化，其分辨率为（）。A．72dpi B．300dpi C．150dpiD．200dpi2．为保证网页色彩在任何用户显示设备上的显示效果都是相同的，可选择（ ）。A.Index色彩模式 B.RGB色彩模式C.216种网页安全色D.CMYK色彩模式网站为某临时性的活动或者推广宣传某商品或服务而推出的特别页面，有很强的时效性通常称之为（）。引导页B.专题页C.临时页D.主题页在Web上使用的图像格式有以下哪几种？（）PSD，TIF，GIFJPEG，GIF，SWFGIF，JPEG，PNGEPS，GIF，JPEG以下对Web图像格式的叙述哪个是错误的？（）JPEG适合于诸如照片之类的具有丰富色彩的图像JPEG和GIF都是压缩文件格式GIF支持动画，而JPEG不支持GIF是基于索引色表的图像格式，它可以支持上千种颜色下列哪种格式只支持256种颜色？（ ）GIFJPEGTIFFPSD7．下列字体中最具可读性、最易浏览的是（ ）。衬线体B.手写体C.无衬线体D.书法体8．下列色相环中哪种色相关系对比最强烈，配色能给人饱满、活跃、生动、刺激的强烈感受（）类似色相临近色相互补色相对比色相（ ）是指色彩三属性中除了色相以外的明度和彩度的复合称谓。色环色调饱和度色彩风格下列属于三角调和，也符合邻近色相的色彩组合有（）紫色、绿色、橙色橙色、黄色、黄绿色红色、橙色、蓝色蓝色、绿色、红色下列属于三角调和，也符合对比色相的色彩组合有（ ）红色、蓝紫色、黄绿色橙色、黄色、黄绿色黄绿色、绿色、蓝绿色红紫色、红色、橙色下列哪个色彩调整命令可提供最精确的调整 ）A.色阶（Levels）B-亮度/对比度（Brightness/Contrast）曲线（Curves）色彩平衡ColorBalance）下列关于背景层的描述哪个是正确的？（）在图层调板上背景层是不能上下移动的，只能是最下面一层背景层可以设置图层蒙版背景层不能转换为其它类型的图层背景层不可以执行滤镜效果14．单击图层调板上图层左边的眼睛图标，结果是单击图层调板上图层左边的眼睛图标，结果是()A.该图层被锁定该图层被隐藏该图层会以线条稿显示该图层被删除15．如何使用仿制橡皮图章工具在图像上取样？()A.按住Shift键的同时单击取样位置来选择多个取样像素按住Option(Mac)/Alt(Win)键的同时单击取样位置按住Command(Mac)/Ctrl(Win)键的同时单击取样位置住Tab键的同时单击取样位置16．使用钢笔工具创建直线点的方法是( )用钢笔工具直接单击用钢笔工具单击并按住鼠标键拖动用钢笔工具单击并按住鼠标键拖动使之出现两个把手，然后按住Alt(Win)/Option(Mac)键单击按住Alt(Win)/Option(Mac)键的同时用钢笔工具单击17．当编辑图像时使用减淡工具可以达到何种目的？( )使图像中某些区域变暗删除图像中的某些像素使图像中某些区域变亮使图像中某些区域的饱和度增加18．下面哪个工具可以减少图像的饱和度?( )加深工具锐化工具(正常模式)海绵工具模糊工具(正常模式)19．下列哪个工具可以方便地选择连续的、颜色相似的区域？( )矩形选框工具椭圆选框工具魔棒工具磁性套索工具20．图像优化是指（）A.把图像处理得更美观一些B.把图像尺寸放大使观看更方便一些使图像质量和图像文件大小两者的平衡达到最佳，也就是说在保证图象质量的情况下使图像文件达到最小把原来模糊的图像处理得更清楚一些21．切片的形状是（）A.矩形B.圆形多边不规则形菱形22．选取切片可以用下列哪个工具（）A.切片选取工具B.直接选取工具C.移动工具D.选择工具23．在制作网页时，如果是连续调的层次丰富的图像，通常情况下应存储为哪种格式？（）A.GIFB.EPSC.JPEGD.TIFF24．在制作网页时，如果文件中有大面积相同的颜色，最好存储为哪种格式？（）A.GIFB.EPSC.BMPD.TIFF三、判断题1．网站定位对于网站界面设计起决定性作用。 （）2．心理学研究表明，人一次性接受的信息量是有限的，信息量过多会造成心理上的负担。3．F式布局是一种很科学的布局方法，是依据了大量网页浏览眼动研究成果得出的方法。()4．扁平化设计是去繁从简的设计美学，去掉所有装饰性的设计，是对之前所推崇的拟物化TOC\o"1-5"\h\z设计的颠覆，但它仅仅是提供了新的外观，与提升设备的性能无关。 ( )5．网页中主要的图片格式包括GIF、JPG、PNG、AI。 ( )6.为了保证网站中图片的清晰度,要把所用图片的分辨率设为300dpi。 (X)7．用户的注意力会按照一个特定的顺序依次被吸引：第一是颜色，第二是动态，第三是形状。()一般来说,色彩的彩度差异越大,注目度就大,它是决定注目度的最主要因素。( )Index色彩模式又被称为索引模式，该模式把图像限制成不超过256种颜色，主要是为了可以有效地缩减图像文件的大小,同时可以适度保持图像文件的色彩品质。 ( )色相的象征意义是固定的，是由人类的视觉生理反应决定的。 ( )网页色彩组合中有主色、辅助色和强调色，需要强调部分的色彩面积越大越好。( )从色调、色相两者来看，色调更容易决定着网页的整体印象，营造网页氛围。 ( )对于已经有了企业形象识别系统的企业，在选择公司站点的网页配色时首选形象识别系统中的标准色彩。 ( )照片、插图等图像与文字的比例称为图文率，也被称为视觉度，文字所占比例大，视觉度就高。 ( )网站中的导航都固定在特定的位置上。 ( )使用图标能降低认知成本，提高用户体验，有利于形成网站界面的个性化风格。( )低保真原型目的是检验产品的功能与用户体验流程，以便发现基本的问题。( )网页设计者可以指定网页字体的样式，无论用户浏览器中是否有这种字体，都能准确显示。 ( )19．Photoshop中两个路径的合并计算，一共有四种计算方式：合并、减去、相交、排除相交。（ ）使用图层组复制可以快速地制作差别不大的重复部分，良好的图层组织使别人可以较容易看懂源文件并接手工作。 （ ）当使用JPEG作为优化图像的格式时，图像质量百分比值越高，文件尺寸越小。（ ）使用切片工具将图像划分成不同的区域，可以加速图像在网页浏览时的速度。（ ）切片可以是任意形状的。（ ）参考答案：一、 多选题1.ABCD2.ABCD3.ABD4.BC5.ABCD6.ABCD7.ABCD8.ABC9.ABCD10.ABCD11.ABC12.ABD13.ABC14.BC15.ABD16.ABCD17.ABCD18.ABCD19.ABC20.ABC21.ACD22.ABC23.ABCD24.ABCD25.ABCD26.ABD27.ABC28.ABCD