After Effects 移动UI动效设计 案例精粹 - (EPUB全文下载)
文件大小:0.09 mb。
文件格式:epub 格式。
书籍内容:
After Effects 移动UI动效设计 案例精粹
PRAT 1 移动UI动态效果与After Effects概述
PRAT 2 制作加载进度动态效果
PRAT 3 制作图标动态效果
PRAT 4 制作动态标志
PRAT 5 质感与特效动态效果
PRAT 6 手机界面动态效果制作
欢迎来到异步社区!
PRAT 1 移动UI动态效果与After Effects概述
1 移动UI动态效果设计概述
1.1 UI和UE的基本概念
UI 即 User Interface(用户界面)的简称,从字面上看,用户界面不但包括“用户的界面”,还包括“用户与界面”的含义,涉及用户与界面的交互体验。但不管是用户的界面还是用户与界面,视觉始终是它们的落脚点。移动 UI 的概念是建立在 UI 之上,移动互联网产品中的 UI 便是移动 UI。
移动 UI 设计是指对移动产品软件的美化与设计,包括人机交互、操作逻辑与界面美观的整体设计。而移动 UI 视觉设计是移动 UI 设计的一部分,是针对移动产品界面美观的设计。移动 UI 视觉设计是移动产品的“门面”,必须考虑产品的物理特性和软件的使用特性。要考虑移动产品的尺寸、重量、屏幕大小等物理特性和考虑什么人群使用,什么人群对此感兴趣,是否满足用户需求,用户使用是否方便等使用特性。这些特性使得移动 UI 视觉设计不仅要对构图、色彩搭配、排列、版式设计等视觉设计方面进行思考,而且还必须对页面层级转换效果、对象动态效果、交互的视觉引导等交互层面进行思考。
用户体验(User Experience,UE 或 UX)是指“产品或服务中,用户所能体验到的各个部分,涉及用户对产品的认知、寻找、分类、购买、安装、服务、支持以及升级的各个方面。在当今的移动互联网产业中,一些产品项目经理没有意识到用户体验的重要性,在项目开发中并不采用以用户为中心的设计理念,对他们而言,用户体验设计仅仅是对产品的美化,甚至一部分项目主管会认为用户体验设计是对项目资金及项目时间的浪费。他们将产品设计交由程序员来完成,程序员由于站在编程技术人员的角度思考,在设计时会优先考虑编程效率,而不是使产品去迎合用户或使用者的需求。并且,程序员在项目组中更多的是主要负责程序代码的编写,几乎没有时间与用户进行交谈,在不能详细了解产品的一般用户时即会将自身假定为产品的一般用户,这就造成了用户模型的偏差,使得产品仅适用于类似程序员自身的具有较高电子设备操作能力的用户,而不是去迎合更广泛的一般用户。
在数字电子科技迅速发展的背景下,各类相关产品之间的竞争激烈。用户在使用中的感想和体验,已成为宣告竞争局势状况的晴雨表,势必能够影响数字电子产品的开发者的发展前景。对于 UI 设计师而言,他们需要对 UI 界面实施不断的更新和优化,使其更能够满足用户的操作习惯和情感倾向,为用户提供呈现能力更为高效、更为精准的界面设计,同时满足其在审美体验和使用体验上的要求。今天,UI设计存在着设计过程形式化,设计理念浅薄化的问题。在当下新科技的发展和互联网信息的膨胀的环境下,滋生出了 UI界面承载能力与互联网环境信息量之间的矛盾和新的科技与当下UI设计理念之间的矛盾。信息传输速度的提升加速了信息量的增长速度,导致了 UI界面中信息混乱的问题。新科技的发展过程中旧的UI设计理念中的弊端逐渐凸显。
移动UI图标设计
1.2 用户体验的5个层级
用户体验要素可以以一个模型图来表现,模型图将用户体验划分了5个层级,从下到上分别是:战略层、范围层、结构层、框架层和表现层。
(1)战略层:战略层是企业寻求自身发展而制定的目标,也是企业根据对自身的一个长期发展的规划与期望而制定的方针政策,为此需要明确用户期望与产品目标。良好的用户体验要求企业能够明确自己的战略,通过分析用户的期望与产品目标来制定自己将要发展的目标方向,并且明确用户期望与产品目标也是企业在用户体验方面的全面方针制定的一个基础出发点。
(2)范围层:明确好目标,下一步就是要做出来。用户体验的范围层也就是明确产品的功能、特性,确定出符合用户期望与目标的产品应该包括哪些内容,且具备什么功能或者特性。范围层是思考应该给用户呈现哪些内容的一个过程,在这个过程中要始终贯穿着一个信念,那就是用户想要什么,我们就呈现什么。
用户体验要素模型
(3)结构层:用户体验的结构层是开始执行实施的阶段,是明确用户期望与产品目标后创建一个结构思路的过程,是对用户期望与产品目标的一个梳理与整合,并且在梳理这些层级关系和交互设计模式时,要站在用户的角度,理解用户的行为习惯、思考方式。
(4)框架层:框架层是对结构层的进一步提取与完善。框架层也可以说是原型层,是将前面的战略层、范围层、结构层的一个原型展现,通过软件绘制出交互模式、界面细节的分布、信息内容等。如果将结构层比喻成骨骼的话,那么框架层就是依附在骨骼上的关节、肌肉。
(5)表现层:表现层也就是最终呈现给用户的视觉层。上述所有的用户期望、产品目标、结构框架等都会通过这层来展现,这一层是用户接触到的第一层,所以表现层的视觉设计是非常重要的,无论是文字排版、配色方案还是整体布局等在这层都需要细细考究,除了完成基本的信息传递外,同时还能满足用户的不同审美需求是表现层的最终目标。
1.3 用户体验的需求层次
全世界大约有70多亿的人口,不同的皮肤、不同的语言、不同的文化形成了各色各异的人,即使是同一个国家,同一个地区的人,也会因为周围的环境或者接受教育的不同形成不一样的性格,每一个人都有不一样的需求,根据马斯洛需求层次理论的研究方法,可以推断出用户体验的需求层次关系。
(1)感觉需求:感觉需求就如同马斯洛需求里的生理需求,是一个最基本的需求。感觉需求通过人的视觉、听觉、触觉、肤觉等去感受外在的物质而产生的一种需求。这种需求必然是好的需求,比如生活中人们会选择精致的外包装、舒适触感的产品等,而不是丑陋的外表、手感粗糙的产品。
用户体验层次理论梯状图
(2)交互需求:交互需求可以理解为我们常说的产品的能用与易 ............
以上为书籍内容预览,如需阅读全文内容请下载EPUB源文件,祝您阅读愉快。
书云 Open E-Library » After Effects 移动UI动效设计 案例精粹 - (EPUB全文下载)