网络知识 娱乐 界面设计整理

界面设计整理

一、单选题 (每题3分,20题,共60分)
1.在AfterEffects==(AE)== 软件中缩放工具快捷键是 (B)
A.N 
B.Z
C.W
D.G

2.下列不是视觉规范的一项是 (D)
A.字体
B.组件
C.列表
D.接口

  1. (A) 模型将设计过程分为发现.定义.开发.交付四个阶段。
    A.双钻设计
    B.交互设计
    C.需求分析
    D.竞品分析

4.动效参数文档是一种把动效参数 (B) 的文档,它是动效设计师和前端开发人员沟通的重要工具。
A.数据化
B.量化
C.可视化
D.信息化

5.下列色相环中哪种色彩组合关系给人最为和谐、统一的色彩感觉 (C )
A.互补色相
B.邻近色相
C.同类色相
D.对比色相

6.移动UI界面中,淡色调给人的感受是 (A)
A.淡雅柔和
B.生动真切
C.沉稳厚重
D.博大稳健

7.下面选项中不属于静态网页结尾的是 (D)
A…htm
B…shtml
C…xml
D…aspx

8.AfterEffects视频编辑的最小单位是 (D)
A.小时
B.分钟
C.秒
D.帧

9.层级动效:用来反映页面之间或界面元素之间的层级关系,让用户知道当前所处页面的层级,以及页面之间的 (D) 关系。
A.层次
B.前后
C.信息
D.逻辑

10.从网站的逻辑结构来看,网站由 (A) 所组成。
A.首页和子页面
B.首页和导航页
C.导航页和子页面
D.以上都不对

11.通常动效设计师采用表格的方式将动效三大参数 (B) 进行量化。
A.层次.时长.曲线
B.变化.时长.曲线
C.变化.时间.曲线
D.变化.时长.直线

12.产品设计前期阶段需求验证的通用方法包括 (D) ,卡片分类.A/B测试,面对面测试,手绘草图测试。
A.调研分析
B.产品研究
C.营销策略
D.用户问卷

13.帧速也叫 (A) ,指每秒播放的画面数.。
A.帧频
B.帧效
C.帧数
D.帧率

14.网页主要由 (A) 、栏目、及正文内容这三大要素组成。
A.导航栏
B.滑动条
C.按钮
D.附件

  1. (A) 是产品在概念设计阶段,通过对它的同类竞争产品的主观和客观分析,列出竞品或自己的优势与劣势。
    A.竞品分析
    B.产品分析
    C.策略分析
    D.优势分析

16.在Photoshop中将图像进行去色操作命令的快捷键是 (A)
A.Ctrl+Shift+U
B.Shift+D
C.Shift+U
D.Ctrl+Shift+D

17.Axure RP8的中继器具有 (B) 功能,能够让数据按照不同的条件排列。
A.设置面板状态
B.筛选
C.添加动作
D.打开链接

  1. (B) 为位图图像的高度和宽度的像素数量。
    A.像素大小
    B.分辨率
    C.图像大小
    D.色彩模式

19.关键 (B) 的制作,是交互设计师完成产品设计策略后的工作,一般是先绘画出草图,把交互设计的细节都绘画出来,这个过程对交互设计师的绘画要求其实师很低的,需要交互设计师完成的是交互细节的描绘。
A.线框图
B.交互线框图
C.交互模型
D.交互原型

20.对于互联网产品来说,通过 (C ) 有助于提升点击转化率,优化获客成本。
A.产品原型
B.表单组件
C.A/B测试
D.KPI

B.Z
C.W
D.G

2.下列不是视觉规范的一项是 (D)
A.字体
B.组件
C.列表
D.接口

  1. (D) 适用简单的占比比例图,在不要求数据精细的情况适用。
    A.散点图
    B.柱状图
    C.折线图
    D.饼状图

4.为保证网页色彩在任何用户显示设备上的显示效果都是相同的,可选择 (C )
A.Index色彩模式
B.RGB色彩模式
C.216种网页安全色
D.CMYK色彩模式

5.在Illustrator中,建立混合的快捷键是 (B)
A.Alt+Ctrl+C
B.Alt+Ctrl+B
C.Ctrl+B
D.Alt+Shift

6.层级动效:用来反映页面之间或界面元素之间的层级关系,让用户知道当前所处页面的层级,以及页面之间的 (D) 关系。
A.层次
B.前后
C.信息
D.逻辑

7.在Photoshop中,将前景色和背景色恢复为默认颜色的快捷键是 (A)
A.D
B.F
C.R
D.Tab

8.从网站的逻辑结构来看,网站由 (A) 所组成。
A.首页和子页面
B.首页和导航页
C.导航页和子页面
D.以上都不对

  1. (A) 是网页上最活跃的元素。
    A.动画
    B.文字
    C.表格
    D.图片

10.AfterEffects原文件格式是 (A)
A..Aep
B.
.Html
C..Ai
D.
.Psd

  1. © 是一种无显示质量损耗的文件格式,存储形式丰富,兼有GIF和JPEG的色彩模式。
    A.TIFF
    B.SVG
    C.PNG
    D.BMP

12.利用移动工具移动图像时按住 (C ) 可以复制图像。 
A.Shift
B.Ctrl
C.Alt
D.Del

13.在Photoshop中,渐变工具有 (D) 种渐变形式。
A.2种
B.3种
C.4种
D.5种

  1. (A) 通常是在两个页面中间插入的过渡动效,有承上启下的作用。
    A.转场动效
    B.自然动效
    C.音频动效
    D.动画效果

  2. (B) 适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合。A.柱状图
    B.折线图
    C.散点图
    D.饼图

16.以下选项中不属于网页设计的流行趋势的是 (D)
A.动效和短视频
B.AI技术和AR技术
C.3D设计
D.文本应用

  1. (C ) 是整个网站的通道,它是把网页指向另一个目的端的链接。
    A.图像
    B.浏览器
    C.超链接
    D.站点目录

18.母版指的是原型中一些 (A) 出现的元素。
A.重复
B.最多
C.最少
D.不能

19.AARRR模式不包括以下哪点 (C )
A.提高活跃度
B.提高留存率
C.提高转化率
D.获取用户

20.以下 (D) 是网站界面设计应遵循的原则。
A.用户导向原则
B.简洁易操作原则
C.和谐与一致性
D.以上都是

1.在PHOTOSHOP中,快捷键Ctrl+Alt+C将打开哪个操作面版 (B)
A.图像大小B.画布大小C.自动色调D.自动对比度

2.css标签中background-color是什么意思 (A)
A.背景颜色B.前景颜色C.灰色模式D.透明模式

3.在AE中缩放工具快捷键是 (B)
A.NB.ZC.WD.G

4.下面哪个不属于常用的动效插件 (D)
A.EaseandWizz
B.Flow
C.Bodymovin
D.TrapcodeParticular

5.在PHOTOSHOP中,快捷键Shift+Ctrl+Alt+t,多用于什么操作 (A)
A.按圆形,以固定角度复制原始形状
B.横向复制图层
C.纵向复制图层本身
D.无动作

6.在AE中可以改变画笔的像素吗 (A)
A.可以B.不可以C.无所谓D.以上都正确

7.下列选项中常常使用动效的场景是 (D)
A.滚动BannerB.表单C.导航栏和菜单D.以上都正确

8.最常见的加载动效是 (A)
A.进度条B.图形旋转C.颜色变换D.以上都不对

9.适当的UI动效可以提高可用性。界面的UI动效会带来以下好处不正确的是 (D)
A.提高可用性
B.友好的、方便的和容易的交互
C.提供给用户清晰的反馈,满足期望
D.创造时尚感

10.下面选项中不属于同类色特征的是 (D)
A.色相一致B.饱和度不同C.明度不同D.色相不一致

11.在Mac操作系统上,把时间轴往前移动十帧的快捷键是 (A)
A.Shift+fn+上箭头键
B.fn+上箭头键
C.Shift+fn+下箭头键
D.Shift+上箭头键

12.在Mac操作系统上,剪辑静态图层的起点用的快捷键是 (C )
A.Option+]B.Alt+]C.Option+[D.[

13.在Window操作系统上,向下移动图层用的快捷键是 (D)
A.Command+[B.Command+]C.Ctrl+]D.Ctrl+[

14.在Mac操作系统上,把关键帧往前移十帧的快捷键是 (C )

A.Option+右箭头
B.Shift+Alt+左箭头
C.Shift+Option+左箭头
D.Shift+Option+右箭头

15.在Window操作系统上,工作区的结束点快捷键是 (A)
A.NB.BC.RD.T

16.在Window操作系统上,把图层的结束点移到当前时间点快捷键是 (A)
A.]B.[C.Alt+]D.Alt+[

17.移动UI界面中,淡色调给人的感受是 (A)
A.淡雅柔和B.生动真切C.沉稳厚重D.博大稳健

18.下面哪个属于系统状态动效 (B)
A.Logo动效B.进度条动效C.层级动效D.页面转场动效

19.下面哪一条不属于2020年UI设计的趋势 (A)
A.使用鲜亮的色彩模式
B.打破传统网格的局限,呈现个性化网格布局
C.使用插画风格
D.使用暗色调主题

20.下面软件中,哪个是目前行业内最常用的专业动效设计工具 (C )
A.PowerPointB.KeynoteC.AfterEffectsD.Animate

《界面设计职业技能等级证书》试卷
中级 (第三套)
(满分:150分用时:150分钟)

一、单选题 (每题4分,20题,共80分)
1.超链接具有四个状态,其中Active是属于以下哪种状态 (B)
A.超链接未被访问时的状态
B.超链接被点击激活状态
C.超链接被访问以后的状态
D.鼠标放在超链接上时的状态

  1. (B) 为位图图像的高度和宽度的像素数量。 
    A.像素大小
    B.分辨率
    C.图像大小
    D.色彩模式

3.产品定位主要为产品的用户需求及 (B)
A.产品定位
B.市场的定位
C.需求定位
D.用户定位

4.在AfterEffects中, (B) 特效可以对图像进行模糊和柔化。
A.Calculations
B.Gaussian Blue
C.Depth Matte
D.Color Different Key

5.在Photoshop中,使用钢笔工具可以绘制最简单的线条是 (A)
A.直线
B.曲线
C.锚点
D.像素

6.在AfterEffects中,按S键显示或隐藏图层 (D) 属性。
A.旋转
B.位置
C.锚点
D.缩放

7.网页设计WebUI中,针对现在主流浏览器的大小设定,最常见的页面宽度为 (A)
A.960px.970px.980px.990px.1000px
B.1680px.2400px.3200px
C.180px.240px.360px.400px
D.无相关具体数值要求

8.交互设计过程中的常用软件是 (A)
A.Axure
B.Mysql
C.Bridge
D.LightRoom

9.产品的可行性测试方法分为分析法与 (B) 两大类。
A.测试法
B.实验法
C.验证法
D.试错法

10.在Photoshop中,图像最基本的组成单元是 (B)
A.节点
B.像素
C.通道
D.图层

11.下面 (D) 格式是有损的压缩。
A.RLE
B.TIFF
C.LZW
D.JPEG

12.以下选项中不属于AR技术特点的是 (B)
A.虚拟现实
B.视差滚动
C.直观快捷
D.智能交互

13.按 (A) 可以将Photoshop程序退出。
A.Alt+F4
B.Ctrl+F4
C.Ctrl+Q
D.Alt+W

  1. (A) 是最为常用的动效形式。
    A.位移
    B.图形旋转
    C.颜色变换
    D.内容更替

15.网站的 (B) 是引导用户进入不同区域的一个“目录”。
A.图像
B.导航
C.标志
D.图标

16.自由变换的热键是 (D)
A.Ctrl+F
B.Ctrl+R
C.Ctrl+E
D.Ctrl+T

17.在Axure RP8中,当项目完成后,单击工具栏中“预览”按钮或按 (A) 键,即可在浏览器中查看原型效果。
A.F5
B.F10
C.F1
D.Enter

18.在Illustrator中,置入的文件与Illustrator间为 (A) 关系,所以可以得到较小的文件。
A.链接
B.模板
C.替换
D.正常

19.关键帧的运动曲线可以用两种图表形式表示:一种是 (D) ,一种是值图表。
A.进度图表
B.文字图表
C.信息图表
D.速度图表

20.AE中的动画设置,是以 (A) 作为基本单位进行操作的。
A.图层
B.面板
C.像素
D.素材

B.不透明度
C.锚点
D.位置

  1. (B) 是默认的关键帧形式,表示运动物体从开始运动到结束停止都是以同一均匀的速度进行。
    A.缓入关键帧
    B.线性关键帧
    C.缓出关键帧
    D.定格关键帧

1.在AfterEffects==(AE)== 软件中缩放工具快捷键是 (B)
A.N 
B.Z
C.W
D.G

2.下列不是视觉规范的一项是 (D)
A.字体
B.组件
C.列表
D.接口

  1. (D) 适用简单的占比比例图,在不要求数据精细的情况适用。
    A.散点图
    B.柱状图
    C.折线图
    D.饼状图

4.为保证网页色彩在任何用户显示设备上的显示效果都是相同的,可选择 (C )
A.Index色彩模式
B.RGB色彩模式
C.216种网页安全色
D.CMYK色彩模式

5.在Illustrator中,建立混合的快捷键是 (B)
A.Alt+Ctrl+C
B.Alt+Ctrl+B
C.Ctrl+B
D.Alt+Shift

6.层级动效:用来反映页面之间或界面元素之间的层级关系,让用户知道当前所处页面的层级,以及页面之间的 (D) 关系。
A.层次
B.前后
C.信息
D.逻辑

7.在Photoshop中,将前景色和背景色恢复为默认颜色的快捷键是 (A)
A.D
B.F
C.R
D.Tab

8.从网站的逻辑结构来看,网站由 (A) 所组成。
A.首页和子页面
B.首页和导航页
C.导航页和子页面
D.以上都不对

  1. (A) 是网页上最活跃的元素。
    A.动画
    B.文字
    C.表格
    D.图片

10.AfterEffects原文件格式是 (A)
A..Aep
B.
.Html
C..Ai
D.
.Psd

  1. (C ) 是一种无显示质量损耗的文件格式,存储形式丰富,兼有GIF和JPEG的色彩模式。
    A.TIFF
    B.SVG
    C.PNG
    D.BMP

12.利用移动工具移动图像时按住 (C ) 可以复制图像。 
A.Shift
B.Ctrl
C.Alt
D.Del

13.在Photoshop中,渐变工具有 (D) 种渐变形式。
A.2种
B.3种
C.4种
D.5种

  1. (A) 通常是在两个页面中间插入的过渡动效,有承上启下的作用。
    A.转场动效
    B.自然动效
    C.音频动效
    D.动画效果

  2. (B) 适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合。A.柱状图
    B.折线图
    C.散点图
    D.饼图

16.以下选项中不属于网页设计的流行趋势的是 (D)
A.动效和短视频
B.AI技术和AR技术
C.3D设计
D.文本应用

  1. (C ) 是整个网站的通道,它是把网页指向另一个目的端的链接。
    A.图像
    B.浏览器
    C.超链接
    D.站点目录

18.母版指的是原型中一些 (A) 出现的元素。
A.重复
B.最多
C.最少
D.不能

19.AARRR模式不包括以下哪点 (C )
A.提高活跃度
B.提高留存率
C.提高转化率
D.获取用户

20.以下 (D) 是网站界面设计应遵循的原则。
A.用户导向原则
B.简洁易操作原则
C.和谐与一致性
D.以上都是

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、多选题 (每题3分,5题,共15分)
1.用户体验地图有哪几种方式 (AB)
A.讲故事
B.可视化
C.虚拟化
D.程序化

2.UI设计的细分研究方向包含以下哪几项 (ACD) 。 
A.交互设计
B.数据库设计
C.用户研究
D.视觉设计

3.Loading动效通常有B.R.A三种形式,对三种形式说法正确的是 (ABC) 。 
A.BAR从某种角度也可以是说进度条,通常配合百分比指数
B.Rotation旋转代表时间的流逝,不停循环转动的动画
C.Animation如果加载配上一个形象动画,能大大提高产品的亲和力和品牌辨识度
D.BRA指交互界面加载动效

4.APP中使用UI交互设计动效的好处 (ABC)
A.让整个画面充满活力 
B.提高用户使用APP的逻辑性
C.增加一个界面信息的容纳度
D.加载快

5.产品的界面设计规范文档,一般会包括以下 (ABCD) 内容。
A.色彩
B.字体
C.组件
D.按钮

1.用户体验地图有哪几种方式 (AB)
A.讲故事
B.可视化
C.虚拟化
D.程序化

2.加载动效通常有B.R.A三种形式,对三种形式说法正确的是 (ABC)
A.BAR从某种角度也可以是说进度条,通常配合百分比指数
B.Rotation旋转代表时间的流逝,不停循环转动的动画
C.Animation如果加载配上一个形象动画,能大大提高产品的亲和力和品牌辨识度
D.BRA指交互界面加载动效

3.UI设计布局的四大原则是 (ABCD)
A.对齐
B.对比
C.亲密性
D.重复

4.网站优化包括 (ABC)
A.整站优化
B.版站内优化
C.站外优化
D.信息优化

5.在AfterEffects中,Mask可以由下面哪些方法创建 (BCD)
A.使用自由笔工具随意绘制创建Mask
B.使用钢笔工具连接控制点创建Mask
C.从Illustrator或者Photoshop中复制Path,粘贴到AfterEffects中,产生Mask
D.根据指定的图像通道,自动产生Mask

1.用户研究的方法主要有哪些 (ABCD)
A.实地考察

B.用户访谈
C.问卷调查
D.向同行咨询

2.竞品分析是从哪些方面对竞品展开分析 (ABC)
A.用户
B.功能
C.数据
D.需求

3.产品设计包括哪几方面的内容 (ABCD)
A.产品形态
B.产品功能与逻辑架构
C.产品交互设计
D.产品视觉设计

4.超链接具有哪些状态 (ABCD)
A.link
B.visited
C.hover
D.active

5.UI设计布局的四大原则是 (ABCD)
A.对齐
B.对比
C.亲密性
D.重复

1.交互设计研究范围包含以下哪几项 ( ABCD )
A.任务分析 
B.说明实时响应标准 
C.流程设计 
D.易用性评估

2.制作加载动画时的注意事项 (ABC) 。 
A.不论动画多好看,多吸引眼球,如果成本太高或过于复杂都无法落地 
B.要遵循简单实用的原则来进行设计,不要过度设计 
C.需要考虑加载成功的反馈与加载失败的反馈 
D.只要动画效果清晰,无需考虑文件大小

3.Lottie动画的场景有APPLogo动画 (ABCD) 等。 
A.上下拉刷新动画
B.加载动画
C.提示动画
D.按钮动画

4.根据功能用途的不同,可把界面动效划分为不同的类型 (ABCD)
A.系统状态动效
B.视觉反馈动效
C.层级动效
D.进入页面动效

5.App中的界面中常见的元素动效有 (ABCD)
A.Logo动效
B.按钮动效
C.下拉菜单动效
D.进度条动效

1.动效在UI设计中的作用 (AB) 。 
A.表现层级关系 
B.让反馈更高效触达
C.增添安全性
D.降低用户体验

2.AfterEffects (AE) 软件制作加载动画常用的工具有 (AB) 。 
A.蒙版动画
B.修剪路径
C.收缩和膨胀
D.音频频谱

3.交互设计研究范围包含 (ABCD) 。 
A.任务分析
B.说明实时响应标准
C.流程设计
D.易用性评估

4.UI设计常用软件是 (CD)
A.Word
B.Excel
C.Photoshop
D.Sketch

5.手机UI设计中的按钮状态包含 (AB)
A.默认状态
B.点击状态
C.不可用状态
D.滑过状态

1.用户体验地图有哪几种方式 (AB)
A.讲故事
B.可视化
C.虚拟化
D.程序化

2.加载动效通常有B.R.A三种形式,对三种形式说法正确的是 (ABC)
A.BAR从某种角度也可以是说进度条,通常配合百分比指数
B.Rotation旋转代表时间的流逝,不停循环转动的动画
C.Animation如果加载配上一个形象动画,能大大提高产品的亲和力和品牌辨识度
D.BRA指交互界面加载动效

3.UI设计布局的四大原则是 (ABCD)
A.对齐
B.对比
C.亲密性
D.重复

4.网站优化包括 (ABC)
A.整站优化
B.版站内优化
C.站外优化
D.信息优化

5.在AfterEffects中,Mask可以由下面哪些方法创建 (BCD)
A.使用自由笔工具随意绘制创建Mask
B.使用钢笔工具连接控制点创建Mask
C.从Illustrator或者Photoshop中复制Path,粘贴到AfterEffects中,产生Mask
D.根据指定的图像通道,自动产生Mask

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

三、判断题 (每题3分,5题,共15分)
1.用户画像可以提高决策效率,在用户研究阶段参与的用户基数越大,用户画像越准确,越容易消除在设计流程中的分歧。 (√)
2.用户行为研究是分析用户从认知、熟悉、试用、使用、忠诚的过程。 (√)
3.产品结构图是综合展示产品信息和功能逻辑的图表,也可以说是产品原型的细致表达。 (X)
4.Link是指超链接已被访问时的状态。 (X)
5.UI设计就是平面设计。 (X)

1.产品的设计规范基础组件包括按钮、加载、导航、单行文本框、多行文本框、搜索框、下拉框、段落文本等。 (X)
2.高保真原型则极度接近产品的最终形态,除了没有动态数据,几乎呈现了产品视觉表现层的所有可感知的功能。 (√)
3.同类色是指色相一致,但是饱和度和明度不同的颜色。 (√)
4.测试任务中的重要问题是指会影响用户顺利完成任务的问题。 (X)
5.Photoshop中HSB模式中H,S,B分别代表色相,饱和度和明度。 (√)

1.网页布局就是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。 (√)
2.产品的设计规范基础组件包括按钮、加载、导航、单行文本框、多行文本框、搜索框、下拉框、段落文本等。 (×)
3.用户场景主要涉及:何时,何地,什么人,有什么需求,怎么满足需求等五个方面的内容。 (√)
4.5W2H分析法是从Why、When、Where、What、Who、How、Howmuch7个常见维度分析问题。 (√)
5.4P理论认为产品、价格、渠道和促销是影响市场的重要因素。 (√)

1.界面逻辑图是线框图的低保真阶段。 (X)
2.测试任务中的次要问题是指影响用户实际操作,会导致用户求助和不成功率高的问题。 (X)
3.手机界面更多的以文字表现而不是图形表现。 (X)
4.产品原型的形式只能有纸质原型,因为这样可以方便修改。 (X)
5.产品原型帮助设计团队验证产品,最终目的就是为了更好服务用户研究,完成可用性测试。 (√)

1.在消费者领域构建用户画像的主要步骤为:根据角色对访谈对象分组→将访谈主题和行为变量对应起来→找出重要的行为模型→检查完整性和冗余→指定人物模型类型→进一步描述特性和行为。 (X)
2.4P理论认为产品、价格、渠道和促销是影响市场的重要因素。 (√)
3.定格动画属于逐帧动画的一种。 (√)
4.Lottie动画通常用来替代一些用代码实现很复杂的带交互的动效。 (X)
5.在Photoshop中,如果对一个智能对象进行频繁缩放,是不会使图像变得模糊的。 (√)

1.产品的设计规范基础组件包括按钮、加载、导航、单行文本框、多行文本框、搜索框、下拉框、段落文本等。 (X)
2.高保真原型则极度接近产品的最终形态,除了没有动态数据,几乎呈现了产品视觉表现层的所有可感知的功能。 (√)
3.同类色是指色相一致,但是饱和度和明度不同的颜色。 (√)
4.测试任务中的重要问题是指会影响用户顺利完成任务的问题。 (X)
5.Photoshop中HSB模式中H,S,B分别代表色相,饱和度和明度。 (√)