第四单元 界面设计——用户导航设计

导航的概念以及应用范围随堂测验

1、填空题:
‍列举最常见的四种主导航设计模式有哪些?‏
答案: 【 1、列表式 2、陈列馆式 3、 九宫格式 4、选项卡式

2、填空题:
‌例举常见的四种次导航模式有哪些?‌
答案: 【 1、抽屉式2、 超级菜单式3、弹出式 4、 图片轮播式

第四单元单元测试

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: 错误
答案: 【 正确

12、判断题:
‎陈列馆式,直观展示内容,方便浏览更新内容​
选项:
A: 正确
B: 错误
答案: 【 正确

13、判断题:
​九宫馆式,入口不够清晰,不方便快速查找,‍
选项:
A: 正确
B: 错误
答案: 【 错误

14、判断题:
‎ 超级菜单式隐藏内容过多,用户需要记忆成本;对用户入口可见功能性要求高;容易与其他交互模式冲突‏‎‏
选项:
A: 正确
B: 错误
答案: 【 错误

15、判断题:
‎弹出式菜单适合展示较少的内容,   体验连贯,节省空间。‍
选项:
A: 正确
B: 错误
答案: 【 正确

16、填空题:
‎在淘宝的顶层界面中,我们看到不同的分类,其中天猫国际、天猫会员、电器商城等导航位于页面最顶层上,是各类信息的汇总,我们称之为(          )。‌
答案: 【 主导航设计

17、填空题:
‏列举最常见的四种次级导航模式,分别为:(        )、(        )、(        )、(        )、‎
答案: 【 抽屉式、超级菜单式、弹出式菜单、图片轮播放

第1章—初识界面设计(UI)设计

1.2 用户界面设计(UI)与用户体验(UX)测验

1、判断题:
‌用户分析有助于企业定义产品的目标用户群,这其中包括用户行为分析模型、用户心智分析模型与用户视觉分析模型。‌
选项:
A: 正确
B: 错误
答案: 【 正确

2、判断题:
‌用户心智模型分析用来描述用户解决问题时的思维方法和行为习惯。‌
选项:
A: 正确
B: 错误
答案: 【 正确

3、判断题:
‌界面布局设计,引导用户关注界面信息重点,让视觉流决定和引导用户视觉方向。常用的布局模式有古腾堡图表模式、M形布局模式和Z字形布局模式。‏‌‏
选项:
A: 正确
B: 错误
答案: 【 错误

4、填空题:
‍每一个UI产品的目标不仅要能吸引用户,更要让用户在使用软件的过程中产生良好的体验效果,最终能够将产品对用户的吸引力转化为用户对产品的                    。‏
答案: 【 依赖性

5、填空题:
用户体验简称UXD或UED,是指用户在使用某种产品或服务时建立起来的               感受,这种感受是用户通过操作,眼睛观察,大脑思考后得出的。‍‎‍
答案: 【 主观心理

6、填空题:
​   当前,用户体验研究在产品设计、交互设计领域受到越来越多的关注,国内外的专家学者也对用户体验做了大量研究,其中,比较有影响力的有唐纳德诺曼的           理论。​
答案: 【 情感化设计

7、填空题:
‍影响用户体验的三个维度,即:本能层            、反思层.​
答案: 【 行为层

8、填空题:
‎本能层的设计更关注的是            ,也就是视觉效果。‎
答案: 【 产品的外观

9、填空题:
反思层的设计关注的是          、文化或者产品效用的意义,反思层常常决定一个人对一种产品的总体印象。‏‏‏
答案: 【 信息

10、填空题:
‏户体验设计贯穿UI设计周期,          是整个设计流程的第一步。‏
答案: 【 用户分析

11、填空题:
用户分析包括分析并确定目标用户、竞品分析,了解用户            。可以通过访谈、焦点小组、提炼目标用户建立角色模型以及定性和定量的相关数据,‎‍‎
答案: 【 特点和需求

界面设计(UI)设计的概述及相关专业术语(测验)

1、判断题:
界面设计的发展历程经过穿孔纸带时期——命令行用户界面时期——图形用户界面时期。‌‏‌
选项:
A: 正确
B: 错误
答案: 【 正确

2、判断题:
UX与UED是user experience 的英文缩写,意为用户体验,是指用户在使用产品过程中建立的主观感受,影响用户体验的因素很多例如系统,用户自身,使用环境等。‎‎‎
选项:
A: 正确
B: 错误
答案: 【 正确

3、填空题:
界面设计也被称作用户界面设计或者用户界面(UI)设计,它是指对软件交互 、操作逻辑、          的整体设计。‏
答案: 【 图形界面

4、填空题:
用户界面是一个相对而言比较宽泛的概念,它包括物理界面和            。​
答案: 【 虚拟界面

5、填空题:
3、在界面设计中,接触较为广泛的一般是移动端的界面设计,提及移动端,我们会想到当今主流的          和IOS两大移动端操作系统.‎​‎
答案: 【 安卓##%_YZPRLFH_%##Android

6、填空题:
安卓是一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由          公司和开放手机联盟领导及开发。‌‍‌
答案: 【 Google##%_YZPRLFH_%##谷歌

7、填空题:
‏   IOS 是由苹果公司开发的移动操作系统,苹果公司最早于2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给          使用的,后来陆续套用到 iPod touch 、Apple TV 等产品上‍
答案: 【 iPhone

8、填空题:
2019年6月4日凌晨1点,在 2019 年         全球开发者大会上,苹果发布IOS 新版操作系统。‍​‍
答案: 【 wwdc##%_YZPRLFH_%##WWDC

9、填空题:
用户界面(UI)设计在软件开发流程中处于上游的环节,用户界面(UI)设计、           、交互设计对于互联网产品的开发起着决定性作用,并直接影响到用户体验。‌‍‌
答案: 【 用户研究

第1章 初识界面设计单元测验

1、单选题:
界面设计也被称作用户界面设计或者用户界面(UI)设计,它是指对软件交互 、操作逻辑、          的整体设计。‌‏‌
选项:
A:    图形界面
B:    视觉体验
C:    触觉反馈
D:    力学感知
答案: 【    图形界面

2、单选题:
用户界面是一个相对而言比较宽泛的概念,它包括物理界面和            。‍‏‍
选项:
A:    真实世界
B:    虚拟界面
C:    二维界面  
D:    空间世界
答案: 【    虚拟界面

3、单选题:
20世纪80年代,      公司推出了Xerox star的设备,这是一款拥有显示屏,鼠标,键盘的电子计算机,更重要的是它更是第一台采用图形用户界面的电脑。​‍​
选项:
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:   F形布局模式
B:   Z字形布局模式
C: M字形布局模式
D:   X字形布局模式
答案: 【   F形布局模式;
  Z字形布局模式

9、判断题:
‏界面设计的发展历程经过穿孔纸带时期——命令行用户界面时期——图形用户界面时期。‌
选项:
A: 正确
B: 错误
答案: 【 正确

10、判断题:
‎由于用户存在知识水平与文化背景等方面的差异,界面设计不应体现国际化、客观化用来展现界面本身的信息。​
选项:
A: 正确
B: 错误
答案: 【 正确

11、填空题:
‎   在界面设计中,接触较为广泛的一般是移动端的界面设计,提及移动端,我们会想到当今主流的          和IOS两大移动端操作系统‍
答案: 【 安卓##%_YZPRLFH_%##Android

12、填空题:
‌   用户分析有助于企业定义产品的目标用户群,这其中包括用户行为分析模型、用户心智分析模型与             模型。‎
答案: 【 用户视觉分析

13、填空题:
‌   用户分析包括分析并确定目标用户、竞品分析,了解用户            。可以通过访谈、焦点小组、提炼目标用户建立角色模型以及定性和定量的相关数据‏
答案: 【 特点和需求

14、填空题:
用户界面(UI)设计在软件开发流程中处于上游的环节,用户界面(UI)设计、           、交互设计对于互联网产品的开发起着决定性作用,并直接影响到用户体验。‎​‎
答案: 【 用户研究

15、填空题:
‎   IOS 是由苹果公司开发的移动操作系统,苹果公司最早于2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给          使用的‌
答案: 【 苹果手机##%_YZPRLFH_%##iPhone

第2章—初识手机图标设计

2.1 手机图标的设计风格与趋势随堂测验

1、单选题:
       是图标能提升产品体验的方法之一,也是微交互中的一种,它可以增加产品趣味性,Facebook在评论入口的表情动画就运用了此种方式。‎
选项:
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: 错误
答案: 【 错误

7、判断题:
‏  标志是指具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特征,标志的应用范围广泛,在某些情况下图标与标志所表达的功能相似。‍
选项:
A: 正确
B: 错误
答案: 【 正确

8、填空题:
图标设计的风格大致可以分为扁平化图标、拟物化图标和          图标。​​​
答案: 【 半拟物化图标

9、填空题:
‍  图标设计最重要的功能是识别性 和          。‎
答案: 【 引导性

10、填空题:
图标是具有指代意义的具有标识性的图形,它不单单的是一种图形,更是一种标识,能够并快捷传达信息,便于                 的特性。‎​‎
答案: 【 记忆

2.3 图标设计的方法测验

1、单选题:
以下不是图标设计的方法是       。‌
选项:
A: 造型精简
B: 细节丰富
C: 设计饱满
D: 繁琐细致
答案: 【 繁琐细致

2、判断题:
​从设计角度看,负形面积越小越好,这样饱满性就越强‍
选项:
A: 正确
B: 错误
答案: 【 正确

3、判断题:
‎图标设计中所有的倾斜的图标都是保持一个角度。‎
选项:
A: 正确
B: 错误
答案: 【 正确

4、填空题:
图标是      、符号、艺术、照片的结合体。‌‏‌
答案: 【 标志

5、填空题:
‌  在绘制图标的时候需要      ,这就额定了它的大小‍
答案: 【 打方框

6、填空题:
​因为人们在用手机APP的时候,思考图标的时间与观看的时间十分        ,主要观察内容集中在具体信息内容,所以简洁概括是它设计的主要特征。‌​‌
答案: 【 少

2.5 拟物化图标设计随堂测验

1、单选题:
拟物化图标的制作主要是利用PS中的      操作完成。​
选项:
A: 布尔运算 
B: 图层选项 
C: 混合选项
D: 图层蒙版
答案: 【 混合选项

2、单选题:
          就是完全模拟现实生活中的物体对象的图标设计。‏‎‏
选项:
A:   扁平化图标
B:   动态图标
C:   拟物化图标
D:   半拟物化图标
答案: 【   拟物化图标

3、单选题:
‏拟物化图标不具有              特性‍
选项:
A: 高光
B: 阴影
C: 材质
D: 扁平
答案: 【 扁平

4、填空题:
‏  拟物化图标的特点          和          。‎
答案: 【 高识别度质感强烈

5、填空题:
‏混合选项中的      操作适合增加物体的厚度,营造立体感‏
答案: 【 斜面与浮雕

6、填空题:
‌  混合选项中有       个操作选项​
答案: 【 10

手机图标的基本特点及设计的基本原则随堂测验

1、单选题:
‎以下不是图标设计的基本元素的是       。‌
选项:
A: 点
B: 线
C: 面
D: 体
答案: 【 体

2、单选题:
‌图标中的点元素有       作用‍
选项:
A:  聚集视线
B: 模糊视线
C: 视觉统一性
D:  多样性
答案: 【  聚集视线

3、单选题:
‍ 图标一般采用       格式‏
选项:
A:   JPG 
B:   PNG
C: TIFF 
D: PSD
答案: 【   PNG

4、单选题:
‍图标设计一般使用       软件‎
选项:
A: photoshop
B: maya
C: aftereffect
D: premiere
答案: 【 photoshop

5、多选题:
​  以下是图标设计的基本特点为       ​
选项:
A: 可识别性
B:   关联性  
C: 视觉统一性
D:   多样性
答案: 【 可识别性;
视觉统一性

6、判断题:
‏  品牌LOGO决定图标色彩‌
选项:
A: 正确
B: 错误
答案: 【 正确

7、判断题:
‏  图标的风格应当保持多变,颜色丰富‎
选项:
A: 正确
B: 错误
答案: 【 错误

8、填空题:
‍在图标中,线具有     的作用,合理的使用线可以更好的使图标达到预期的效果‏
答案: 【 切割与领导

9、填空题:
手机图标与电脑图标所代表的功能相同,都是一个      的标识‍‍‏‍
答案: 【 程序

10、填空题:
​  图标设计中视觉要统一包含风格统一和       ‍
答案: 【 大小统一

第2章 手机图标设计单元测试

1、单选题:
       是图标能提升产品体验的方法之一,也是微交互中的一种,它可以增加产品趣味性,Facebook在评论入口的表情动画就运用了此种方式。‏  ‏
选项:
A:   静态图标
B:   动态图标
C:   扁平化图标
D: 拟物化图标
答案: 【   动态图标

2、单选题:
​        设计在设计上更多的是考虑色彩的搭配和图形的拼接,不再进行过多的色彩渐变运用、高光的应用、阴影的应用。‍
选项:
A:   扁平化图标
B:   拟物化图标 
C:   半拟物化图标
D: 动态图标
答案: 【   扁平化图标

3、单选题:
‏  图标一般采用       格式。‏
选项:
A:   JPG
B:   PNG 
C:   TIFF
D:   PSD
答案: 【   PNG 

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: 错误
答案: 【 错误

12、判断题:
​  从设计角度看,负形面积越小越好,这样饱满性就越强。‌
选项:
A: 正确
B: 错误
答案: 【 正确

13、判断题:
‎  图标的风格应当保持多变,颜色丰富。‍
选项:
A: 正确
B: 错误
答案: 【 错误

14、填空题:
​  布尔运算可以使图标更为      ,方便修改‌
答案: 【 规范

15、填空题:
‌  图标是      、符号、艺术、照片的结合体‎
答案: 【 标志

16、填空题:
‌  在图标中,线具有     的作用,合理的使用线可以更好的使图标达到预期的效果‌
答案: 【 切割与领导

17、填空题:
‌  图标设计中视觉要统一包含风格统一和      ‍
答案: 【 大小统一

18、填空题:
‏  图标是具有指代意义的具有标识性的图形,它不单单的是一种图形,更是一种标识,能够并快捷传达信息,便于             的特性‏
答案: 【 记忆

剩余75%内容付费后可查看

发表评论

电子邮件地址不会被公开。 必填项已用*标注