电大网站界面UI设计复习.docx

电大网站界面UI设计复习.docx

《电大网站界面UI设计复习.docx》由会员分享，可在线阅读，更多相关《电大网站界面UI设计复习.docx（17页珍藏版）》请在冰豆网上搜索。

电大网站界面UI设计复习

网站界面（UI）设计1

一、多选题 

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. 饱和黄色在小朋友站点及针对年轻人网站中常用。

二、单选题 

1．下列关于背景层描述哪个是对的？

（ A  ） 

A. 在图层调板上背景层是不能上下移动，只能是最下面一层 

B. 背景层可以设立图层蒙版 

C. 背景层不能转换为其他类型图层 

D. 背景层不可以执行滤镜效果  

2．下列色相环中哪种色有关系对比最强烈，配色能给人饱满、活跃、生动、刺激强烈感     受（ C  ） 

A. 类似色相 B. 临近色相 C. 互补色相 D. 对比色相 

3．切片形状是（ A  ） 

A. 矩形 B. 圆形 C. 多边不规则形 D. 菱形 

4．普通来说网站中使用图片需要进行优化，其辨别率为（ A）。

A．72dpi B．300dpi     C．150dpi   D．200dpi  

5．为保证网页色彩在任何顾客显示设备上显示效果都是相似，可选取（   C  ）。

A．Index色彩模式     B．RGB色彩模式     C．216种网页安全色      D．CMYK色彩模式  

6． 网站为某暂时性活动或者推广宣传某商品或服务而推出特别页面,很强时效性,普通称之为（ B  ）. 

A．引导页    B．专项页   C．暂时页   D．主题页  

7．如下对Web 图像格式论述哪个是错误?

 （ D  ） 

A. JPEG 适合于诸如照片之类具备丰富色彩图像 

B. JPEG 和GIF 都是压缩文献格式 

C. GIF 支持动画，而JPEG 不支持 

D. GIF 是基于索引色表图像格式，它可以支持上千种颜色  

8．（ B  ）是指色彩三属性中除了色相以外明度和彩度复合称谓。

A. 色环 B. 色调 C. 饱和度 D. 色彩风格  

9．下列哪个色彩调节命令可提供最精准调节?

（ C  ） 

A.色阶（Levels） B. 亮度/对比度（Brightness/Contrast） C.曲线（Curves） D.色彩平衡（Color Balance）  

10．下列哪个工具可以以便地选取持续、颜色相似区域？

（ C  ） 

A. 矩形选框工具B. 椭圆选框工具 C. 魔棒工具 D. 磁性套索工具  

11．图像优化是指（  C ） 

A. 把图像解决得更美观某些 

B. 把图像尺寸放大使观看更以便某些 

C. 使图像质量和图像文献大小两者平衡达到最佳，也就是说在保证图象质量状况下使图像文献达到最小 

D. 把本来模糊图像解决得更清晰某些  

12．在制作网页时，如果文献中有大面积相似颜色，最佳存储为哪种格式？

（ A  ） 

A.  GIF B.  EPS C.  BMP D.  TIFF   

三、判断题 

1．网站定位对于网站界面设计起决定性作用。

（ √     ）  

3．F式布局是一种很科学布局办法，是根据了大量网页浏览眼动研究成果得出办法。

 （  √   ） 

6．为了保证网站中图片清晰度，要把所用图片辨别率设为300dpi。

（  ×  ）  

7．顾客注意力会按照一种特定顺序依次被吸引：

第一是颜色，第二是动态，第三是形状。

（  ×   ）  

11．网页色彩组合中有主色、辅助色和强调色，需要强调某些色彩面积越大越好。

（    ×  ）  

13．对于已有了公司形象辨认系统公司，在选取公司站点网页配色时首选形象辨认系统中原则色彩。

（   √   ）  

14．照片、插图等图像与文字比例称为图文率，也被称为视觉度，文字所占比例大，视觉度就高。

（   ×   ）

16．使用图标能减少认知成本，提高顾客体验，有助于形成网站界面个性化风格。

   √   ） 

17．低保真原型目是检查产品功能与顾客体验流程，以便发现基本问题。

   （  √    ）  

19．Photoshop中两个途径合并计算，一共有四种计算方式：

合并、减去、相交、排除相交。

（   √   ）  

21．当使用JPEG 作为优化图像格式时，图像质量比例值越高，文献尺寸越大。

 （   √   ）

网站界面（UI）设计2

一、多项选取题（每小题3分，15题，共45分） 

1．关于网站策划书描述精确有（ABD） 

A、对于建设网站想法、创立流程及有关事宜书写下来，成为建站工作总领。

 B、网站策划书包括了各种方面内容，可以对市场、设计、技术、营销等有关人员下达指引工作指令，帮

助建站团队中不同岗位人互相理解工作重心。

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

D、网站策划书往往包括诸多有效指引设计方向信息。

2．对于顾客导向原则在网站界面设计中详细体现描述精确是（ABCD）

 A、明确体现网站核心功能和服务 

B、符合顾客在使用网站时心智模型和场景中思维状态 

C、尊重人机交互中顾客生理特性 

D、符合顾客认知习惯 

3.保持一致性是提高网站可用性重要手段，它体当前（ABCD）

 A.布局设计 B.导航设计 C.交互操作 D.视觉要素 

4．如下哪些因素会影响文字可读性（ABCD）

 A、行距与行长度 B、文字内外边距 C、字体样式 D、颜色与对比度 

5．加大视觉元素之间层次感办法有（ABCD） 

A、大小对比 B、色彩对比 C、距离对比 D、位置对比 

6.下列关于绿色描述精确有（ABCD） 

A.中性色绿色象征着自然、生命、但愿、和平、健康、安全。

 B.易于和其她颜色搭配。

C.深绿意味稳定、沉着；嫩绿有新鲜、清新、生机勃勃感觉。

 D.与环境、健康、教诲有关网站经常使用。

7．下列可以协助加强色彩对比办法有（abd）

 A、色互相补 B、明度差别大 C、色相临近 D、饱和度差别大 

8．建立有效布局手段有（ABCD） 

A、有选取呈现信息，分清主次 

B、预先对信息进行科学分类，整顿好优先级 

C、遵循顾客习惯，同步予以恰当引导推荐 

D、不同信息找到最适当体现方式 

9信息量巨大网站普通采用布局具备哪些特点（ABC）

 A、采用规则型版式 B、图文率中以文字为主 C、稳定感不不大于自由感 D、图片多为出血 

10．先进网站图标普通具备如下哪些特点（ABCD）

 A、形象定义精确 B、造型完整简要 C、风格统一 D、配色协调 

11．关于扁平化风格图标表述对的有（ABCD）

 A.简约风格 B.有助于提高系统性能 C.不强调质感与细节描摹 D.强调功能性 

12．下列关于Photoshop打开文献操作，哪个是对的？

（ABCD）

 A.选取“文献>打开”命令，在弹出对话框中选取要打开文献

 B.选取“文献>近来打开文献”命令，在子菜单中选取相应文献名

 C.如果图像是Photoshop软件创立，直接双击图像图标

 D.将图像图标拖放到Photoshop软件图标上 

13．当选取“文献>新建”命令，在弹出“新建”对话框中可设定下列哪些选项？

（ABC） 

A.图像高度和宽度 B.图像辨别率 C.图像色彩模式 D.图像标尺单位 

14．文字图层中文字信息哪些可以进行修改和编辑？

（ABC）

 A文字颜色B文字内容，如加字或减字 C文字大小 D将文字图层转换为像素图层后可以变化文字字体 

15．下列哪些办法可以产生新图层？

（BCD）

A.双击图层控制调板空白处，在弹出对话框中进行设定选取新图层命令

 B.单击图层调板下方新图层按钮

C.使用鼠标将将图像从当前窗口中拖动到另一种图像窗口中

 D.使用文字工具在图像中添加文字 

二、单项选取题（每小题2.5分，12题，共30分） 

1.网站为某暂时性活动或者推广宣传某商品或服务而推出特别页面,有很强时效性，普通称之为（B）. 

A．引导页B．专项页C．暂时页D．主题页 

2．普通来说网站中使用图片需要进行优化，其辨别率为（A）。

A．72dpiB．300dpiC．150dpiD．200dpi 

3．为保证网页色彩在任何顾客显示设备上显示效果都是相似，可选取（C）。

A．Index色彩模式B．RGB色彩模式C．216种网页安全色 D．CMYK色彩模式 

4.在Web上使用图像格式有如下哪几种？

（C） 

A.PSD，TIF，GIF B.JPEG，GIF，SWF C.GIF，JPEG，PNG D.EPS，GIF，JPEG  

5.在制作网页时如果是持续调层次丰富图像普通状况下应存储为哪种格式？

（C） 

A.GIF B.EPS C.JPEG D.TIFF 

6.（B）是指色彩三属性中除了色相以外明度和彩度复合称谓。

A.色环 B.色调 C.饱和度 D.色彩风格 

7.下列属于三角调和，也符合对比色相色彩组合有（A） 

A.红色、蓝紫色、黄绿色 

B.橙色、黄色、黄绿色 

C.黄绿色、绿色、蓝绿色 

D.红紫色、红色、橙色 

8.图像优化是指（C） 

A.把图像解决得更美观某些 

B.把图像尺寸放大使观看更以便某些 

C.使图像质量和图像文献大小两者平衡达到最佳，也就是说在保证图象质量状况 

下使图像文献达到最小 

D.把本来模糊图像解决得更清晰某些 

9.选用切片可以用下列哪个工具（A）

 A.切片选用工具 B.直接选用工具 C.移动工具 D.选取工具 

10.单击图层调板上图层左边眼睛图标，成果是（B） 

A.该图层被锁定 B.该图层被隐藏 C.该图层会以线条稿显示 D.该图层被删除 

11.下列哪个色彩调节命令可提供最精准调节?

（C） 

A.色阶（Levels） 

B.亮度/对比度（Brightness/Contrast） 

C.曲线（Curves）

D.色彩平衡（ColorBalance） 

12.如何使用仿制橡皮图章工具在图像上取样？

（B） 

A.按住Shift键同步单击取样位置来选取各种取样像素 

B.按住Option（Mac）/Alt（Win）键同步单击取样位置 

C.按住Command（Mac）/Ctrl（Win）键同步单击取样位置

D.住Tab键同步单击取样位置 

三、判断题（对的打“√”，错误打“×”；每小题2.5分，10题，共25分） 

1．网站定位对于网站界面设计起决定性作用。

（√） 

2．心理学研究表白，人一次性接受信息量是有限，信息量过多会导致心理上承担。

 （√） 

3．顾客注意力会按照一种特定顺序依次被吸引：

第一是颜色，第二是动态，第三是形状。

（×） 

4．网页色彩组合中有主色、辅助色和强调色，需要强调某些色彩面积越大越好。

（×） 

5.从色调、色相两者来看，色调更容易决定着网页整体印象，营造网页氛围。

（√）

6.网站中导航都固定在特定位置上。

（×） 

7.使用图标能减少认知成本，提高顾客体验，有助于形成网站界面个性化风格。

（√） 

8.使用图层组复制可以迅速地制作差别不大重复某些，良好图层组织使别人可以较容易看懂源文献并接手工作。

（√） 

9.Photoshop中两个途径合并计算，一共有四种计算方式：

合并、减去、相交、排除相交。

（√） 

10.使用切片工具将图像划提成不同区域，可以加速图像在网页浏览时速度。

（√）

网站界面（UI）设计3

一、多选题 

1．设计师在开展详细网站界面设计之前需要理解信息涉及（ABCD） 

A.建站目的 B.目的顾客特性 C.商业模式 D.网站特性和优势  

2．在开展设计工作之前，咱们力求做到知己知彼，这里“彼”指（ABCD） 

A.对所服务客户认知，和客户保持良好沟通 

B.对网站目的顾客进一步理解 

C.对竞争对手理解 

D.对网站目的顾客进一步理解  

3．关于网站策划书描述精确有（ABD） 

A.对于建设网站想法、创立流程及有关事宜书写下来，成为建站工作总领。

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

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

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

4. 对于网站界面设计起着决定性作用（BC） 

A.视觉审美 B.建站目 C.网站定位 D.客户意见  

5．对于顾客导向原则在网站界面设计中详细体现描述精确是（ABCD） 

A.明确体现网站核心功能和服务 

B.符合顾客在使用网站时心智模型和场景中思维状态

 C.尊重人机交互中顾客生理特性 

D.符合顾客认知习惯

6．下列关于心智模型表述精确有（ABCD） 

A.依照顾客心智模型来选取信息组织方式是先进网站成功重要因素。

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

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

D.注重情景因素对顾客行为影响。

7．保持一致性是提高网站可用性重要手段，它体当前（ABCD） 

A.布局设计 B.导航设计 C.交互操作 D.视觉要素  

8．图片挑选原则涉及（ABC） 

A.使用可以有效传达信息图片 

B.使用引起观者情绪反映图片 

C.避免使用与网站主题无关图片 

D.都要使用高清大图。

9．如下哪些因素会影响文字可读性（ABCD） 

A.行距与行长度 B.文字内外边距 C.字体样式 D.颜色与对比度  

10．加大视觉元素之间层次感办法有（ABCD） 

A.大小对比 B.色彩对比 C.距离对比 D.位置对比  

11．如何让界面中重要元素变得突出，下列解决手段合理有（ABC） 

A. 使用鲜艳色彩 B. 注意周边留白 C. 放在顾客浏览网页视线中重要位置 D. 越大越好  

12．关于对比色相，下列说法对的有（ABD）

A. 指色相相距120度左右色相之间形成关系 

B. 给人鲜明生动、强烈兴奋感觉 

C. 黄色和绿色是对比色相 

D. 红色和蓝色是对比色相  

13．如下属于互补色相有（ABC） 

A.黄色与紫色 B.红色与绿色 C.橙色与蓝色 D.黑色与白色  

14．下列属于暖色色相有（BC） 

A. 深蓝色 B. 黄棕色 C. 橙色 D. 白色  

15．下列可以协助加强色彩对比办法有（ABD） 

A.色互相补 B.明度差别大 C.色相临近 D.饱和度差别大  

16．下列关于黄色描述精确有（ABCD） 

A. 气质明快生动 

B. 当明度减少时，色彩面貌会发生很大变化 

C. 饱和黄色经常充当强调色 

D. 饱和黄色在小朋友站点及针对年轻人网站中常用。

17．下列关于绿色描述精确有（ABCD） 

A. 中性色绿色象征着自然、生命、但愿、和平、健康、安全 

B. 易于和其她颜色搭配 

C. 深绿意味稳定、沉着，嫩绿有新鲜、清新、生机勃勃感觉 

D. 与环境、健康、教诲有关网站经常使用  

18．建立有效布局手段有（ABCD） 

A.有选取呈现信息，分清主次 

B.预先对信息进行科学分类，整顿好优先级

C.遵循顾客习惯，同步予以恰当引导推荐 

D.不同信息找到最适当体现方式  

19．信息量巨大网站普通采用布局具备哪些特点（ABC） 

A.采用规则型版式 B.图文率中以文字为主 C.稳定感不不大于自由感 D.图片多为出血  

20．感性风格网站普通采用布局具备哪些特点（ABC） 

A.多采用自由式型版式 B.图文率中以图为主 C.自由感不不大于稳定感 D.图片外轮廓都为方形  

21．关于全局导航描述对的有（ACD） 

A.出当前网站所有页面中 

B.位置一定在网页顶部 

C.体现网站最重要内容层次构造 

D.协助顾客在网站中迅速定位  

22．关于网格系统表述对的有（ABC） 

A.使用横向和纵向引导线将版面进行划分 

B.注重比例感、秩序感、精确性

 C.把秩序引入设计中去一种办法

 D.只合用于平面设计  

23．先进网站图标普通具备如下哪些特点（ABCD） 

A.形象定义精确 B.造型完整简要 C.风格统一 D.配色协调  

24．关于扁平化风格图标表述对的有（ABCD） 

A、简约风格 B、有助于提高系统性能 C、不强调质感与细节描摹 D、强调功能性

25．网站界面中越来越多余现高清大图和视频因素在于（ABCD） 

A.带宽流量和服务器性能改进 B.视觉冲击力强 C.顾客体验好 D.视频可负载信息量诸多  

26．下列关于JPEG和PNG格式对的是（ABD） 

A. JPEG属于有损压缩模式，PNG属于无损压缩模式。

B. JPEG不支持透明，PNG支持透明。

C. JPEG不支持动画，PNG支持动画。

D. JPEG支持照相图像或写实图像高档压缩，可运用压缩比例控制图像文献大小。

27．下列关于Photoshop中剪贴蒙版说法对的是（ABC） 

A.Photoshop中剪贴蒙版是由两个图层及以上构成。

B.最下面一层叫基底图层，也叫做遮罩，其他图层叫剪贴图层，剪贴图层可由各种图层构成。

C.修改基底图层会影响整个剪贴蒙版效果。

D.修改某个剪贴图层会影响整个剪贴蒙版效果。

28．下列关于Photoshop 打开文献操作，哪个是对的？

（ABCD） 

A. 选取“文献>打开”命令，在弹出对话框中选取要打开文献 

B. 选取“文献>近来打开文献”命令，在子菜单中选取相应文献名 

C. 如果图像是Photoshop 软件创立，直接双击图像图标 

D. 将图像图标拖放到Photoshop 软件图标上  

29．当选取“文献>新建”命令，在弹出“新建”对话框中可设定下列哪些选项？

（ABC） 

A. 图像高度和宽度 B. 图像辨别率 C. 图像色彩模式 D. 图像标尺单位  

30．下列哪些办法可以产生新图层？

（BCD） 

A. 双击图层控制调板空白处，在弹出对话框中进行设定选取新图层命令 

B. 单击图层调板下方新图层按钮 

C. 使用鼠标将将图像从当前窗口中拖动到另一种图像窗口中 

D. 使用文字工具在图像中添加文字

31．文字图层中文字信息哪些可以进行修改和编辑？

（ABC） 

A. 文字颜色 

B. 文字内容，如加字或减字 

C. 文字大小 

D.将文字图层转换为像素图层后可以变化文字字体 

二.单选题 

1．普通来说网站中使用图片需要进行优化，其辨别率为（A）。

A．72dpi B．300dpi     C．150dpi   D．200dpi  

2．为保证网页色彩在任何顾客显示设备上显示效果都是相似，可选取（C）。

A．Index色彩模式B．RGB色彩模式C．216种网页安全色 D．CMYK色彩模式  

3．网站为某暂时性活动或者推广宣传某商品或服务而推出特别页面，有很强时效性， 普通称之为（B）。

A．引导页    B．专项页   C．暂时页   D．主题页  

4．在Web 上使用图像格式有如下哪几种？

（C） 

A.  PSD，TIF，GIF B.  JPEG，GIF，SWF C.  GIF，JPEG，PNG D.  EPS，GIF，JPEG  

5．如下对Web 图像格式论述哪个是错误?

（D） 

A. JPEG 适合于诸如照片之类具备丰富色彩图像 

B. JPEG 和GIF 都是压缩文献格式 

C. GIF 支持动画，而JPEG 不支持 

D. GIF 是基于索引色表图像格式，它可以支持上千种颜色  

6．下列哪种格式只支持256 种颜色？

（A） 

A.  GIF B.  JPEG C.  TIFF D.  PSD 

7．下列字体中最具可读性.最易浏览是（C）