Meterial Design参考手册使用Meterial Design规范来开发Android U

文件名称: Meterial Design参考手册

所属分类: Android

开发工具:

文件大小: 35mb

下载次数: 0

上传时间: 2019-03-17

提供者: qq_39******

下载 (35mb)

不能下载？报告错误

详细说明：使用Meterial Design规范来开发Android UI界面，会使App具有质感，界面更美观。《Material design非官方中文指导手册》是官方的Material Design手册的中文简化版。第一章 Material Design 概述我们挑战自我,为用户创造了崭新的视觉设计语言。与此同时,新的设计语言除了遵循经典设计定则,还汲取了最新的科技,秉承了创新的设计理念。这就是原质化设计( Material Design)。这份文档是动态更新的,将会随着我们对 Material Design的探索而不断迭代、升级目标我们希翼创造一种新的视觉设计语言,能够遵循优秀设计的经典定则, 同时还伴有创新理念和新的科技。材料设计- MATERIAL DES|GN 2 我们希望创造一种独一无二的底层系统在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则,同时支持触摸、语音、鼠标、键盘等输入方式设计原则实体感就是(通过设计方式来表达)隐喻通过构建系统化的动效和空间合理化利用并将两个理念合二为一,构成了实体隐喻。与众不同的触感是实体的基础,这一灵感来自我们对纸墨的研究,但是我们相信,随着科技的进步,应用前景将不可估量。实体的表面和边缘提供基于真实效果的视觉体验,熟悉的触感让用户可以快速地理解和认知。实体的多样性可以让我们呈现出更多反映真实世界的设计效果,但同时又绝不会脱离客观的物理规律光效、表面质感、运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系,以及单个物体的运动材料设计- MATERIAL DES|GN 鲜明、形象、深思熟虑新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计——排版、网格、空间比例、配色、图像使用——这些基础的平面设计规范。在这些设计基础上下功夫,不但可以愉悦用户,而且能够构建出视觉层级视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建 + 出鲜明、形象的用户界面,让用户沉浸其中 Material Design设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。有意义的动效动画效果(简称动效)可以有效地暗示、指引用户。动效的设计要根据用户行为而定,能够改变整体设计的触感。动效应当在独立的场景呈现。通过动效,让物体的变化以更连续、更平滑的方式呈现给用户,让用户能够充分知晓所发生的变化。动效应该是有意义的、合理的,动效的目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰材料设计- MATERIAL DES|GN 第二章 Animation 2.1真实的动作真实的动作( Authentic motion) 感知一个物体有形的部分可以帮助我们理解如何去控制它。观察一个物理的运动可以告诉我们它轻还是重,柔性还是刚性,小还是大。在 material design设计规范中,动作不止是呈现着它美丽的一面,它还意味着在空间中的关系、功能以及在整个系统中的趋势。质量和重量物理形体具有质量,当受到外力驱使时能够运动。因此,物体不能突然开始或结束运动。突然开始运动或突然结束运动的动效是生硬的,显得不自然,无法符合用户的预期,也无法取悦用户最佳案例 Material Design中动效设计的关键是保证物体运动的物理感,同时不牺牲物体运动的优雅感、简约感、美感,让物体的运动充满魔力,打造无缝式的用户体验。下面是一些动效设计规范,通过这些规范,可以理解如何用动效展示理念。 y poston time basic ease swift out 正确:灵活的加速、温和的减速,这样的动效让用户感到自然且愉悦材料设计- MATERIAL DES|GN 5 y positon time linear swift out 错误:线性的运动让人感到机械生硬。观察运动曲线,我们可以看到在运动开始和结尾处,运动速率突然的改变,这让人感到非常的突兀、不真实特殊案例:进场、退场当物体进场时,确保物体进场时处于最大速率。这样的运动便显得非常自然:因为物体在进场前便开始了运动,而不是进场时才开始运动。同样的,当物体退场时,要确保物体处于最大速率,而不是减速。在进场时缓入,在退场时缓出,这样用户的注意力会集中在动效上。然而,大多数情况下这不是设计者想要的结果。 y positon time 正确:进场和退场时的速率为最大速率,能够营造出自信感十足的动效材料设计- MATERIAL DES|GN 6 y poston time 错误:在进场时加速,退场时减速。这样用户就会因速率的变化而分心适当调整不是所有的物体都以同样的方式运动。轻量化/小型物体可以很快的完成加速和减速,以为内他们质量很小,很小的外力就可以产生加速度的变化。大型/较重的物体需要更多的时间加速,才能到达最大速度。我们需要思考一下这些物理规律应该如何应用到UⅠ元素上,并思考用何种运动方式表达设计。材料设计- MATERIAL DES|GN 22交互响应响应式交互能让用户信任,并且吸引他们。当用户操作一个美观且符合常理的应用时,他们会感到满意甚至很高兴。那是一种经过深思熟虑、有目的、非随机的而且可以带有轻微异想天开但不会让人分心的交互。在 material design中,应用是响应式的并且渴望用户操作的: 触控、语音输入、键盘、鼠标是首要考虑的输入模式虽然∪I元素是有形的,但是他们被限制在屏幕里面(电脑或者移动设备的屏幕),视觉元素和动效能减少这种割裂,让用户能够立即感知自己的操作。响应式交互把一个应用从简单展现用户所请求的信息,提升至能与用户产生更强烈、更具体化交互的工具。案例: IFI- 甲∠a1233 WF-02 ≡ App ication 钟+a WF-03 分WF-04 WF-05 表面层反馈物体本身的反馈径向效果材料设计- MATERIAL DES|GN 8 表层响应接收到输入事件,如点击屏幕接收到输入事件,系统会立即在交互的触点上绘制出一个可视化的图形让用户感知到:如在点击屏幕时、使用麦克风时,或者键盘输入时,会出现类似于墨水扩散那样的视觉效果形状。触控涟漪是这种触摸效果的核心视觉机制。在迸行触摸事件时,设备能淸晰而及时地让用户感知触摸按钮和语音输入时的变化最佳案例在输入事件对应的位置上,例如:在手指的点击位置或者讲话的时候,屏幕上麦克风的图标位置会出现一个扩散的视觉元素。 m1230 1230 Fun times E Fun times 123 Photos 123 Photos 触控涟漪-按压/释放触控涟漪-拉进材料设计- MATERIAL DES|GN

(系统自动生成,下载前可以参看下载内容)