下列播放器App界面包括艺术家、歌曲播放和曲库3个页面。由于播放器的特殊性,界面风格采用极简化设计。页面整体以突出播放对象为主,结构采用通栏和双栏排列,便于用户使用和查找。页面整体色调统一,风格独特,试分析该App界面中的主色、辅色和文本色
答案是:B
生活总离不开吃的,朋友聚会、客户谈生意这些基本上都是在饭桌上解决的,由此可见饮食在生活中的地位。而且“吃”这种行为必须用户亲力亲为,不能被别人所代替。基于目前这种情况,在互联网发达的今天,美食类APP就有了存在的必要了。
下
答案是:A
在设计App界面时,除了要符合系统规范外,对于App的边距也有一定的要求,特别是图文与屏幕边距。通常来说,在图片和和屏幕边距之间保留一定像素边距可以更好的引导用户竖向向下阅读,App界面中都设置了边距,既能保证所有页面的风格一致,又能引导用
答案是:A
下图商城App界面尺寸和组件尺寸都采用XXHDPI分辨率尺寸。界面中将导航栏也作为设计的整体部分,参与整个界面的布局,使得界面顶部与底部的比例更接近黄金比例,页面整体效果更符合大众的审美。
界面中图标
答案是:C
下图为使用Adobe XD设计制作的运行在iOS系统中的外卖APP的页面UI,为了便于最后的输出适配,采用了iPhone X的@1x倍尺寸(375px×812px)设计制作。为了追求神秘感,页面中采用了黑色作为主色,黄色作为辅色,文本色为深
答案是:D
随着生活品质的不断提高,人们对于大自然绿色健康食品的需求越来越旺盛。下图为一款专门打造沙棘果以及沙棘周边的购物类产品,沙棘含有人体所需阿德400多种活性物质,其维生素C含量高,被称为“VC之王”,可以帮助人们在生活工作之余补充所学的活性物质
答案是:A
下图为一款创意家居App的首页面,该App主要销售一些年轻设计师设计的时尚家具,也为个人设计师提供展示和销售个人产品的平台。通过分析该App经营产品和页面风格,找出该App的目标用户为25~35之间的年轻用户,这些用户的居住环境通常为小户型
答案是:A
标注对App界面开发人员来说是没有作用的,开发人员能不能完美的还原设计稿,很大一部分原因取决于自己的编程能力。
T、√
F、×
答案是:F
一般情况下,移动App UI设计只需要标注列表和间距。
T、√
F、×
答案是:F
“点9”是针对Android开发的一种特殊的切图,“点9”这个名称的由来是因为点9切图的命名后缀为“.9.png”。
T、√
F、×
答案是:T
在水平维度上,页面元素的宽度拉伸适配情况较为复杂,比较常见的有等分适配、百分比伸缩适配和固定一边适配。
T、√
F、×
答案是:T
将设计声明写成一篇文档、一份表格或者一张图,然后交给开发人员,就能解决页面中许多问题。
T、√
F、×
答案是:T
由于屏幕规格的多样性,位置与尺寸通常不是固定的值。用户要会剖析自己的设计稿,了解每个模块的构成。
T、√
F、×
答案是:T
设计师对移动UI设计稿进行标注,就是为App项目团队中的UI设计师和开发工程师建立的一种交流载体。
T、√
F、×
答案是:T
所谓的一稿两用,指的是设计师只需要设计iOS系统的移动App设计稿,然后将iOS系统的设计稿适配到Android系统设备中。
T、√
F、×
答案是:T
“点9” 切图是后期拉伸的,因此文件越小越好。
T、√
F、×
答案是:T
“点9”切图不用在技术端进行像素点的拉伸。
T、√
F、×
答案是:F
Android平台包含多种尺寸的屏幕分辨率,“点9”就是为了适配分辨率的多样性而诞生的一种切图方式。
T、√
F、×
答案是:T
切片资源尺寸必须为单数,是为了保证切片资源在程序员开发时高清显示。
T、√
F、×
答案是:F
对于比较复杂的设计稿,可以将其拆分为两份标注页面,一个专门标注位置和尺寸,另一份专门标注色彩与字号。
T、√
F、×
答案是:T
标注所用的文字和线条色彩,要与背景图像有较大反差。
T、√
F、×
答案是:T
如果是多行文本,不需要将行高参数标注出来。
T、√
F、×
答案是:F
文字字号单位使用像素。
T、√
F、×
答案是:T
标注的色彩单位使用像素值。
T、√
F、×
答案是:F
所有标注必须使用偶数,这是为了保证最佳的设计效果,避免出现0.5像素的虚边。
T、√
F、×
答案是:T
元素在垂直方向上通常都是“居顶”。
T、√
F、×
答案是:T
在水平维度上,页面元素的宽度拉伸适配情况较为复杂,比较常见的有等分适配、百分比伸缩适配和垂直适配。
T、√
F、×
答案是:F
含有可变图片的容器。当图片宽度拉伸的时候,为了保持图像比例不变形,高度也会同步拉伸,从而撑高其父级容器的高度。
T、√
F、×
答案是:T
在垂直维度上,图标、文字和栏目容器等大多数页面元素都发生变化,页面总高度的增加会让之前无法看全的内容显示更多。
T、√
F、×
答案是:F
由于屏幕规格的多样性,位置与尺寸通常是固定的值。
T、√
F、×
答案是:F
完美标注的设计稿其实是一张准确的工程图纸,能够让开发人员进行像素级还原,所以源文件本身必须经过规范、标准的操作。
T、√
F、×
答案是:T
在开发工程师按照UI设计稿进行开发的过程中,会遇到元素间距、字体大小和元素颜色等无法确定的问题,此时,工程师可以根据标注设计稿中的距离、尺寸、色值和字体来完成工作内容。
T、√
F、×
答案是:T
设计师对移动UI设计稿进行标注,就是为App项目团队中的UI设计师和产品经理建立的一种交流载体。
T、√
F、×
答案是:F
用户体验是用户在使用产品或服务的过程中建立起来的一种纯主观的心理感受。
T、√
F、×
答案是:T
用户平时在App应用界面中看到的一些最基础的动效,例如移动、旋转和缩放。
T、√
F、×
答案是:T
在为移动UI设计交互时,可以充分发挥个人的想象力,使界面在方便操作的前提下更加美观和易用。不用遵循用户的一些习惯。
T、√
F、×
答案是:F
一个好的交互动效设计应该是自然、舒适和锦上添花,绝对不是仅仅为了吸引目光而生拉硬套。
T、√
F、×
答案是:T
当一个产品需要帮助其用户更好地从大量数据中获取信息时,就需要考虑信息架构了。
T、√
F、×
答案是:T
在现实空间中,物体存在近大远小的原则,运动则会表现为远快近慢。
T、√
F、×
答案是:F
文化体验是一种涉及社会文化层次的体验,强调产品的时尚元素和文化性。
T、√
F、×
答案是:T
信任体验是一种涉及从生理、心理到社会的综合体验,强调其可信任性。
T、√
F、×
答案是:T
用户体验是用户在使用产品或服务的过程中建立起来的一种纯客观的心理感受。
T、√
F、×
答案是:F
信息架构的英文全称为Information Architecture,简称IA,是在信息环境中,影响系统组织、导览及分类标签的组合结构。
T、√
F、×
答案是:T
如果动效想要表现的对象是一个沉甸甸的物体,那么它的起始动画响应的变化会比较慢。反之,对象如果是轻巧的,那么其起始动画响应的变化会比较快。
T、√
F、×
答案是:T
自然界中大部分物体的运动都不是线性的,而是按照物理规律呈面性运动的。
T、√
F、×
答案是:F
属性变化是指元素的透明度、形状和颜色等属性在运动过程中的变化。
T、√
F、×
答案是:T
点击一个App图标,打开该App全屏界面时,就是以缩放的方式来展开的。
T、√
F、×
答案是:T
在页面加载或点击某个按钮触发一个较长时间操作时,使用到的Loading效果或一些菜单图标的变换,都会使用移动动态效果。
T、√
F、×
答案是:F
在产品的交互操作过程中恰当的加入精心设计的图片,能够向用户有效地传达当前的操作状态,增强用户对于直接操纵的感知,通过视觉化的方式向用户呈现操作结果。
T、√
F、×
答案是:F
用户对产品元素的感知顺序为动态>颜色>形状。
T、√
F、×
答案是:T
互动效应该是以提高产品的美观性为前提,并且使用户觉得自然、含蓄的方式提供有效用户反馈的一种机制。
T、√
F、×
答案是:F
16::9指的是图片的宽高比,比较适应人类双眼的视野习惯。
T、√
F、×
答案是:T
ppi指的是每英寸所包含的像素点的数目。5
T、√
F、×
答案是:T
制作App正文标题字号为24~28px。
T、√
F、×
答案是:F
制作App时,Banner的数量不可超过10个。
T、√
F、×
答案是:F
在iOS系统App界面中,很少使用纯黑色作为字体的颜色,大多数情况将使用深灰色和浅灰色、细体和粗体,来区分重要信息和次要信息。
T、√
F、×
答案是:T
英寸指的是屏幕对角线的长度,英寸是一个长度单位,1英寸=2.45厘米。
T、√
F、×
答案是:F
临近性原则指的是对于彼此接近的事物、元素,人们倾向于认为它们是相关的一种认知倾向。
T、√
F、×
答案是:T
App的主界面中,每一个应用名称都远离其他图标,与对应的图标距离较远,让浏览者的浏览变得更直观。
T、√
F、×
答案是:F
在绘制图标时,图标的尺寸尽量设置为偶数,便于对齐图形。
T、√
F、×
答案是:T
在设计界面内容布局时,一定要重视邻近性原则的运用。
T、√
F、×
答案是:T
全局边距是指页面内容到屏幕边缘的距离,整个应用的界面都应该以此为规范,以达到页面整体视觉效果的统一。
T、√
F、×
答案是:T
2:1的图片也是正方形构图,这种构图图片占比比较大,最能突出主题,比较适合变现小件的商品或任务头像。
T、√
F、×
答案是:F
4:3的图片比例最常用,这类图像效果比较紧凑,多用在图片占比较大的App中,也常被用于产品列表和Banner中。
T、√
F、×
答案是:T
4:3的图片比例给人视觉开阔的感受,有一种电影屏幕的感觉,适合表现风光人文,不适合人物全身近景。
T、√
F、×
答案是:F
Android系统中默认的中文字体为宋体。
T、√
F、×
答案是:F
在iOS系统中,需要使用字体本身的字重进行信息层级的划分。不可以使用设计软件中的字体加粗功能进行层级划分。
T、√
F、×
答案是:T
无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者1倍。
T、√
F、×
答案是:F
设计师日常所说的2倍图、3倍图就是指屏幕中一个点有两个像素或3个像素。
T、√
F、×
答案是:T
在一款App UI中,图标的作用主要是提示信息与强调产品的重要特征。
T、√
F、×
答案是:T
在一款App UI中,文字的作用主要是提示信息与强调产品的重要特征。
T、√
F、×
答案是:F
在一款App UI中,图片的作用主要是展示App项目的相关产品。
T、√
F、×
答案是:T
为了统一团队中每一个人的制作规范,避免出现制作效果不一致的现象。在开始制作前往往要通过文本的形式创建一个制作规范文档。
T、√
F、×
答案是:T
Material Design是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和其他平台提供更一致、更广泛的外观和感觉。
T、√
F、×
答案是:T
单字形式通常是提取产品名称中最具代表性的一个文字进行字体设计。
T、√
F、×
答案是:T
在Android系统中,如屏幕大小为1080px×1920px的屏幕分辨率,那么上下文图标的设计尺寸应为48px×48px。
T、√
F、×
答案是:T
在Android系统中,如屏幕大小为1080px×1920px的屏幕分辨率,那么操作栏图标的设计尺寸应为48px×48px。
T、√
F、×
答案是:F
线性风格的图标是通过线条的描边轮廓勾勒出来的,这种样式的图标多使用纯色的闭合轮廓。
T、√
F、×
答案是:T
工具图标是移动UI设计中使用最频繁的图标类型,也是最常见的图标类型。
T、√
F、×
答案是:T
单英文字母形式可以提取产品名称的任意一个字母进行设计。
T、√
F、×
答案是:F
几何图形的运用可以增加应用图标的形式感和趣味性。
T、√
F、×
答案是:T
多字形式不可以将产品名称直接放置在设计中。
T、√
F、×
答案是:F
图标设计可以使产品的功能立体化,更容易被人理解。
T、√
F、×
答案是:F
不同操作系统的App界面中,图标的设计尺寸会发生相应的调整和变化。
T、√
F、×
答案是:T
在设计操作栏和系统通知栏上的图标时,如果图标比较细长,那么要向左或向右旋转45°来填满圆形区域。
T、√
F、×
答案是:T
在iOS系统中,图标被应用到APP Store、应用程序、主屏幕、搜索、标签栏和工具栏/导航栏等位置,不同屏幕尺寸设备中图标的尺寸相同。
T、√
F、×
答案是:F
图标通常由底色块和主视觉组成,其中底色块更为重要,便于用户确定图标的功能。
T、√
F、×
答案是:F
操作栏和系统通知图标的官方推荐设计风格是象形、立体和不要有太多细节的形状。
T、√
F、×
答案是:F
多彩风格图标是通过一系列非常激进的渐变和撞色实现的,有时还会使用彩色的阴影。
T、√
F、×
答案是:T
扁平风格的图标,可以理解成是使用扁平插画的方式绘制出来的图标,除了继承扁平的纯色填充特性以外,相对于普通图标有更丰富的细节与趣味性。
T、√
F、×
答案是:T
图标设计的过于简洁,会提高图标的可识别性。
T、√
F、×
答案是:F
在使用字母组合设计图标时,需要考虑组合字母的可识别性,单排字母1~3个为宜,字母越多则识别性越低。
T、√
F、×
答案是:T
设计师使用英文字母不容易设计出具备美感的应用图标。
T、√
F、×
答案是:F
在iOS系统界面中底部标签栏的系统图标标准大小为48px×48px。
T、√
F、×
答案是:T
.图标设计是视觉设计的重要组成部分,其基本功能在于提示信息与强调产品的重要特征,它以醒目的方式传达信息,从而让用户指导操作的重要性。
T、√
F、×
答案是:T
狭义的图标指的是在现实中有明确指向含义的图形符号。
T、√
F、×
答案是:F
广义的图标主要是指在计算机设备界面中的图形符号。
T、√
F、×
答案是:F
洋红色是一种女性化的色彩,能够表现出女性的甜美感。
T、√
F、×
答案是:T
黄色是女性特有的幻想世界,带有幻想和温柔的感觉,体现优雅、艳丽。
T、√
F、×
答案是:F
红色是最适合表现积极、热情的色彩,常用于综合性电商类移动UI设计中。
T、√
F、×
答案是:T
对比色是指在色相环上位置呈三角对立的颜色。
T、√
F、×
正确答案:T。
答案是:T
版式设计即在有限的版面空间里,将版面的构成要素如文字、图片和控件等内容,根据特定的内容进行组合排列。
T、√
F、×
答案是:T
蓝色代表冷静和理性,蓝色与白色的搭配,能够表现出干净、清爽的印象。
T、√
F、×
答案是:T
紫色能够体现出小孩子毫不掩饰的阳光感,能够表现非常自然、轻松,无拘无束的明快感。
T、√
F、×
答案是:F
绿色是人眼看到的最舒服的颜色,有镇定、安神的功效。
T、√
F、×
答案是:T
在UI配色设计过程中,主色与辅色必须分开确定,主色的作用是确定界面的色彩印象,辅色的作用是为了平衡主色。
T、√
F、×
答案是:F
移动端界面的设计中最常见的分组方式就是卡片,能够为用户选择提供专注而又明确的浏览体验。
T、√
F、×
答案是:T
在UI配色设计过程中,很多时候都是主色与辅色一起确定的,辅色的作用是确定界面的色彩印象。
T、√
F、×
答案是:F
使用互补色搭配的UI能够表现出一种力量、气势与活力,具有非常强烈的视觉冲击力。
T、√
F、×
答案是:T
在UI设计中,可以使用对比色的搭配来突出界面中重要信息的表现,从而使重要信息达到醒目的视觉效果。
T、√
F、×
答案是:T
对比色的配色方法,适用于表现大方、高雅和统一的印象,能够在色彩上营造出协调而连续的感觉。
T、√
F、×
答案是:F
同色系的配色方法,适用于表达简洁、高雅和干练的印象,不主张色彩表现的设计类型,但容易给人呆板单调的感觉,所以在配色过程中要大胆地增加色调上的差异对比。
T、√
F、×
答案是:T
卡片式布局的优点是能够直接展示页面中最重要的内容信息,分类位置固定,清楚当前所在入口位置,减少页面跳转层级,是浏览者轻松在个入口间频繁跳转。
T、√
F、×
答案是:T
宫格式布局的缺点是不适合展示顶层入口框架,而且,当界面内容过多时,会显得很杂乱,给浏览者一种眼花缭乱的感觉。
T、√
F、×
答案是:F
宫格式布局的优点是符合用户习惯和黄金比例的设计方式。
T、√
F、×
答案是:T
宫格式布局的特点是通常采用一行三列的布局方式 。
T、√
F、×
答案是:T
陈列馆式布局的缺点是布局菜单之间的跳转要回到初始点,容易形成更深路径,不能显示太多入口次级内容。
T、√
F、×
答案是:F
陈列馆式布局的优点是在同样高度的范围内可放置更多的菜单,流动性强,能够直观展现各项内容,方便浏览者浏览经常更新的内容。
T、√
F、×
答案是:T
陈列馆式布局的特点是通常采用一行三列的布局方式 。
T、√
F、×
答案是:F
列表式布局的优点是布局层次展示清晰明了,视线流从上到下,浏览体验快捷,可展示内容较长的菜单或拥有次级文字内容的标题。
T、√
F、×
答案是:T
目前为:
3/5
页
首页 上页 下页 尾页