2017 Material design 第二章第六节《富有创造性的定制方案》

2024-05-10 08:02:17

六、富有创造性的定制方案（Creative customization）

动效可以应用于不同的对象尺寸和不同的环境，这有助于设计美感和功能的统一。

icon的类型
系统icons可以有双重功能。

产品icons应该设计得精致、美观。

Icons

系统icons
一个系统icon也许存在双重功能。举个例子，一个菜单icon可以平滑地变化到一个返回icon，反之亦然。这种双重功能间的变化动效有利于告诉用户当前按钮的功能。

如图，菜单icon和返回icon间相互变化说明两个icon间相互联系。当一个icon被触发，就会使另一个icon出现。

跟上图一样，开始icon和暂退icon间相互变化说明两个icon间相互联系。当一个icon被触发，就会使另一个icon出现。

如图，当按下浮动按钮（FAB），加号标志变化成了铅笔标志。这表明当前铅笔是主要的创建方法。

产品icon
当用户打开应用时看到的应该是设计精致、活泼的产品icon动效。

如图，当用户第一次打开收件箱应用的时候会展示其icon动效，展示完成后会提示用户登陆。

如图，当日历应用的用户日历数据第一次被加载的时候会展示其icon动效。

如图，当用户第一次打开照片应用的时候会展示其icon动效。

如图，当用户第一次打开Gmail应用的时候会展示其icon动效，展示完成后会提示用户登陆。

插图

一些图像和插画的小动画能够给用户带来愉悦的视觉体验。

如图，当应用出现意外错误的时候，可以使用这些小动画，它能够取悦用户并以此减缓用户的焦虑。

如图，该应用正在为用户规划目标。在等待规划的页面上有个自行车的小动画，这个动画不仅能够愉悦用户还能减轻用户因等待而产生的焦虑感。

如图，当用户完成个人目标的时候出现动画奖励。这样做能为产品带来更深层次的用户体验。

如图，动画作为一种令人印象深刻的教育方式，能够帮助用户去学习产品的新功能。

2017 Material design 第二章第六节《富有创造性的定制方案》相关推荐

初级会计实务--第二章第六节、无形资产
第六节.无形资产 1.无形资产概述定义:无形资产是指企业拥有或者控制的没有实物形态的可辨认非货币性资产特征: ①不具有实物形态 ②具有可辨认性(指可以脱离企业能有价值,商誉不是无形资产,因为脱离了 ...
【Dive into Deep Learning / 动手学深度学习】第二章 - 第六节：概率
目录前言 2.6. 概率 2.6.1. 模拟扔骰子 2.6.2. 处理多个随机变量 2.6.2.1. 联合概率 2.6.2.2. 条件概率 2.6.2.3. 贝叶斯定理 2.6.2.4. 边际化 2 ...
NHibernate.3.0.Cookbook第一章第六节Handling versioning and concurrency的翻译
NHibernate.3.0.Cookbook第一章第六节Handling versioning and concurrency的翻译第一章第二节Mapping a class with XML第一 ...
谈谈在计算机系统中引入操作系统,初中信息技术第一册第二章第1节《操作系统简介》教学设计...
广州市初中信息技术第一册第二章第1节<操作系统简介>教学设计一.学习者分析学生通过第一章的学习,对计算机的软.硬件知识有了初步的了解,同时对操作系统的作用也有了简单的认识.但由于学生普 ...
传热学环肋肋效率matlab程序,传热学第二章第四节通过肋片的导热.pdf
传热学第二章第四节通过肋片的导热第四节通过肋片的导热第二章导热基本定律及稳态导热传热学第一节导热基本定律 (Heat Transfer ) 第二节导热微分方程式 (Heat Tr ...
第四章第六节数据资产盘点-系统现状调研情况
第四章第六节数据资产盘点-系统现状调研情况在进行系统数据资产盘点之前,首先需要了解企业内部采集.生产沉淀下来的有哪些数据,筛选数据产生的源头系统,制定数据资源的采集模板,针对关键源头系统的数据字典进 ...
第二章第四节：替换和切割
Python基础入门(全套保姆级教程) 第二章第四节:替换和切割 strip() 去掉字符串左右两端的空白符(空格, \t, \n) s = " 你好, 我叫周杰伦 " s1 ...
2017 Material design 第三章第一节《颜色》
第三章节<样式> 一.颜色(Color) Material Design的色彩受大胆活泼的色调启发,并配合柔和的环境,阴影和高光组成. 颜色工具(Color Tool) 颜色工具可以帮助你 ...
2017 Material design 第四章第三节《度量和参考线》
三.度量和参考线(Metrics & keylines) 基线网格(Baseline grids) 无论是移动端.平板端还是桌面端上,所有的应用组件都对齐至8dp单位的方形基线网格上.但工具栏 ...

最新文章

热门文章