出自:国家开放大学网站界面(UI)设计

用户平时在App应用界面中看到的一些最基础的动效,例如移动、旋转和缩放。
T、√
F、×
用户体验是用户在使用产品或服务的过程中建立起来的一种纯主观的心理感受。
T、√
F、×
设计师对移动UI设计稿进行标注,就是为App项目团队中的UI设计师和产品经理建立的一种交流载体。
T、√
F、×
在开发工程师按照UI设计稿进行开发的过程中,会遇到元素间距、字体大小和元素颜色等无法确定的问题,此时,工程师可以根据标注设计稿中的距离、尺寸、色值和字体来完成工作内容。
T、√
F、×
完美标注的设计稿其实是一张准确的工程图纸,能够让开发人员进行像素级还原,所以源文件本身必须经过规范、标准的操作。
T、√
F、×
由于屏幕规格的多样性,位置与尺寸通常是固定的值。
T、√
F、×
在垂直维度上,图标、文字和栏目容器等大多数页面元素都发生变化,页面总高度的增加会让之前无法看全的内容显示更多。
T、√
F、×
含有可变图片的容器。当图片宽度拉伸的时候,为了保持图像比例不变形,高度也会同步拉伸,从而撑高其父级容器的高度。
T、√
F、×
在水平维度上,页面元素的宽度拉伸适配情况较为复杂,比较常见的有等分适配、百分比伸缩适配和垂直适配。
T、√
F、×
元素在垂直方向上通常都是“居顶”。
T、√
F、×
所有标注必须使用偶数,这是为了保证最佳的设计效果,避免出现0.5像素的虚边。
T、√
F、×
标注的色彩单位使用像素值。
T、√
F、×
文字字号单位使用像素。
T、√
F、×
如果是多行文本,不需要将行高参数标注出来。
T、√
F、×
标注所用的文字和线条色彩,要与背景图像有较大反差。
T、√
F、×
对于比较复杂的设计稿,可以将其拆分为两份标注页面,一个专门标注位置和尺寸,另一份专门标注色彩与字号。
T、√
F、×
切片资源尺寸必须为单数,是为了保证切片资源在程序员开发时高清显示。
T、√
F、×
Android平台包含多种尺寸的屏幕分辨率,“点9”就是为了适配分辨率的多样性而诞生的一种切图方式。
T、√
F、×
“点9”切图不用在技术端进行像素点的拉伸。
T、√
F、×
“点9” 切图是后期拉伸的,因此文件越小越好。
T、√
F、×
所谓的一稿两用,指的是设计师只需要设计iOS系统的移动App设计稿,然后将iOS系统的设计稿适配到Android系统设备中。
T、√
F、×
设计师对移动UI设计稿进行标注,就是为App项目团队中的UI设计师和开发工程师建立的一种交流载体。
T、√
F、×
由于屏幕规格的多样性,位置与尺寸通常不是固定的值。用户要会剖析自己的设计稿,了解每个模块的构成。
T、√
F、×
将设计声明写成一篇文档、一份表格或者一张图,然后交给开发人员,就能解决页面中许多问题。
T、√
F、×
在水平维度上,页面元素的宽度拉伸适配情况较为复杂,比较常见的有等分适配、百分比伸缩适配和固定一边适配。
T、√
F、×
“点9”是针对Android开发的一种特殊的切图,“点9”这个名称的由来是因为点9切图的命名后缀为“.9.png”。
T、√
F、×
一般情况下,移动App UI设计只需要标注列表和间距。
T、√
F、×
标注对App界面开发人员来说是没有作用的,开发人员能不能完美的还原设计稿,很大一部分原因取决于自己的编程能力。
T、√
F、×
下图为一款创意家居App的首页面,该App主要销售一些年轻设计师设计的时尚家具,也为个人设计师提供展示和销售个人产品的平台。通过分析该App经营产品和页面风格,找出该App的目标用户为25~35之间的年轻用户,这些用户的居住环境通常为小户型;且购买这种类型产品的用户大多数是女性或者家庭用户。
    该App隐藏关键词是小资和品质,用户希望在小户型中包含个性和品质的家具,潜意识里有对小资和品质的追求。试分析该App目标用户的从消费能力、购买频次为(  )

A、不高、高频
B、不高、低频
C、高、低频
D、高、高频
随着生活品质的不断提高,人们对于大自然绿色健康食品的需求越来越旺盛。下图为一款专门打造沙棘果以及沙棘周边的购物类产品,沙棘含有人体所需阿德400多种活性物质,其维生素C含量高,被称为“VC之王”,可以帮助人们在生活工作之余补充所学的活性物质。这款App产品不仅可以满足年轻人对于购物的需求,还可以通过浇水、收能量、收果子、喂养小鸡来获得对应的物品来兑换相关的失误商品。
  根据以上内容分析得出该App项目UI的配色方案,即主色、辅色和字体颜色为(  )

A、绿色、橙色、灰色
B、绿色、黄色、黑色
C、橙色、绿色、白色
D、黄色、青色、灰色
下图为使用Adobe XD设计制作的运行在iOS系统中的外卖APP的页面UI,为了便于最后的输出适配,采用了iPhone X的@1x倍尺寸(375px×812px)设计制作。为了追求神秘感,页面中采用了黑色作为主色,黄色作为辅色,文本色为深灰色。
    案例中应用了很多图片和文字,每一个标题名称都远离其他标题,与对应的文本和图标距离较近,保持亲密的关系,让用户的浏览变得更直观。试分析在布局页面时遵循了(  )原则。

A、层层分级原则
B、风格统一原则
C、主题突出原则
D、临近性原则
下图商城App界面尺寸和组件尺寸都采用XXHDPI分辨率尺寸。界面中将导航栏也作为设计的整体部分,参与整个界面的布局,使得界面顶部与底部的比例更接近黄金比例,页面整体效果更符合大众的审美。
    界面中图标采用宫格布局方式,图标风格采用线性风格。该界面中产品图片较少,作为图标的图片教过,需要注意文字与图片的共性。试分析,文字与图片的距离对页面效果的影响(  )。

A、太近页面清新,太远页面具有一致性
B、太近页面臃肿,太远页面整洁
C、太近页面臃肿,太远不能体现一致性。
D、太近页面清新,太远页面规整
在设计App界面时,除了要符合系统规范外,对于App的边距也有一定的要求,特别是图文与屏幕边距。通常来说,在图片和和屏幕边距之间保留一定像素边距可以更好的引导用户竖向向下阅读,App界面中都设置了边距,既能保证所有页面的风格一致,又能引导用户向下浏览。
试分析当图片留边距时,对用户浏览起到什么作用?
A、更加聚焦在每个图文本身,而非被留白引导往下翻阅;
B、用户更容易将注意力集中在每个图文内容本身;
C、图片直接割裂,造成在图片上的停留时间更长
D、以上都正确
生活总离不开吃的,朋友聚会、客户谈生意这些基本上都是在饭桌上解决的,由此可见饮食在生活中的地位。而且“吃”这种行为必须用户亲力亲为,不能被别人所代替。基于目前这种情况,在互联网发达的今天,美食类APP就有了存在的必要了。
  下图为一款美食App界面,不但为用户提供了便捷,更是将分享、优惠的功能融合在一起。用户可以对餐厅装潢、用餐环境、用餐服务及菜品进行评价。经营者可以通过美食APP不定时的将餐厅的优惠信息及最新菜单通过智能终端传播给更多的用户。试分析该款App的用户画像(  )。

A、女性居多,20~29岁,追求快速、便捷,高购买频率
B、男性居多,30岁以上,追求品质,偶尔购买
C、女性居多,60岁以上,追求健康,偶尔购买
D、男性居多,20~29岁,追求快速,低购买频率
下列播放器App界面包括艺术家、歌曲播放和曲库3个页面。由于播放器的特殊性,界面风格采用极简化设计。页面整体以突出播放对象为主,结构采用通栏和双栏排列,便于用户使用和查找。页面整体色调统一,风格独特,试分析该App界面中的主色、辅色和文本色。
 

 
A、黑色、深灰色、洋红色
B、黑色、洋红色、深灰色
C、洋红色、黑色、深灰色
D、洋红色、深灰色、黑色
下图为一款茶文化App界面,囊括茶类、茶器和茶道等知识体系;每一天有超过30万茶友来这里学习、分享生活美学;是学茶、品茶和玩茶首选平台;平台中包括上百名非遗传承人及茶界大咖,上万名资深茶人的茶文及好茶分享;10000+篇关于茶类原创文章及教学视频,帮助用户一站式精通中式生活美学。
  根据界面的配色和设计风格,试分析得出该款App产品目标用户的性别、年龄段、类型和购买能力(  )。

A、女性、青年、时尚、购买力有限
B、男性、中年、养生、购买能力强
C、女性、老年、美容、购买能力强
D、男性、老年、保健、购买能力弱
图标设计是UI视觉设计的重要组成部分,其基本功能在于提示信息与强调产品的重要特征,它以醒目的方式传达信息,从而让用户知道操作的重要性。在App UI项目中,按照属性和摆放位置的不同进行划分,可以将图标分为工具图标、装饰图标和启动图标3类。
  工具图标是移动UI设计中使用最频繁的图标类型,也是最常见的图标类型。每个工具图标都有明确的功能。常见的设计风格有线性风格、面性风格和线面结合风格,试分析下图图标组采用了那种风格

A、线性风格
B、面性风格
C、线面结合风格
D、以上都不是
下图为一款旗袍文化App项目的商店,页面功能齐全,分类清晰,全方位满足客户的需求。该App的目标用户为年轻女性,对美和传统文化有追求。整体页面主色使用了中国传统色,十样锦、朱砂和中国红。符合App主题的同时,也与婚庆旗袍图片很好的呼应。
    虽然页面中文字不多,但层级分明,便于用户阅读。试分析在当前界面中采用了几种级别的文字。

A、3
B、4
C、5
D、6
位图也叫图像,它的基本元素是像素。
A.正确
B.错误
黄金比是其矩形比的长与宽为1:1.678
A.正确
B.错误
TIFF格式又被称为标记图像文件格式,常用于存储()信息。
A.图层
B.注释
C.透明
D.变换
使用鼠标拖动的方式来擦除图像像素
A.橡皮擦工具
B.背景橡皮擦工具
C.魔术橡皮擦工具
D.艺术橡皮擦工具
网站界面中越来越多出现高清大图和视频的原因在于( )
A.带宽流量和服务器性能的改善
B.视觉冲击力强
C.用户体验好
D.视频可负载的信息量很多
在Photoshop中,无法保存在psd格式中的信息是( )
A.参考线
B.通道
C.图层
D.快照
在CorelDRAW软件中,导入一张图形的快捷键是( )
A.Ctrl+I
B.Alt+I
C."Shift+I
D."
E.Enter+I
海报设计、广告设计、多媒体视频设计都属于( )
A.机能设计
B.视觉传媒设计
C.装饰设计
D.环境设计
以下对Web 图像格式的叙述哪个是错误的? ( )
A. JPEG 适合于诸如照片之类的具有丰富色彩的图像
B.JPEG 和GIF 都是压缩文件格式
C. GIF 支持动画,而JPEG 不支持
D.GIF 是基于索引色表的图像格式,它可以支持上千种颜色
在Web 上使用的图像格式有以下哪几种?( )
A.PSD,TIF,GIF
B.JPEG,GIF,SWF
C.GIF,JPEG,PNG
D.EPS,GIF,JPEG
网站为某临时性的活动或者推广宣传某商品或服务而推出的特别页面,有很强的时效性, 通常称之为( )。
A.引导页
B.专题页
C.临时页
D.主题页
为保证网页色彩在任何用户显示设备上的显示效果都是相同的,可选择( )。
A.Index色彩模式
B.RGB色彩模式
C.216种网页安全色
D.CMYK色彩模式