Material Design

        Material Design的核心思想,就是将物理世界中的体验带入屏幕,并且去掉物理世界中的杂质,再配合虚拟世界的灵活特性,达到最贴近真实的体验。到目前为止可以说,Material Design是最重视跨平台体验的一套设计语言。

        材质与空间

        魔法纸片是Material Design中最重要的信息载体。它拥有现实中的厚度、惯性和反馈,并且能够自由伸展变形。魔法纸片引入了Z 轴的概念,Z 轴垂直于屏幕,用来表现元素的层叠关系。Z值越高,元素离界面底层的距离越远,投影就越重

        动画

        在物理世界中,通过观察一个物体的运动动作,我们可以感知到它的重量、惯性和大小。在Material Design设计规范中,动作不仅仅要展示物体的运动轨迹,还需要展示其在空间中的关系、功能以及在整个系统中的趋势。所以在设计动画时,就需要先考虑它在现实世界中的运动规律。

        响应式交互

        响应式交互能吸引很多用户,在用户操作一个既美观又符合常理的应用时,这会是一个很美好的体验,这会让用户产生愉悦感。响应式交互是一种有目的、非随机的、有些异想天开但不会让人分心的交互。响应式交互分为3种交互形式,分别是表层响应、元素响应和径向响应。•表层响应 当用户点击屏幕时,系统会立即在交互的触点上绘制出一个可视化的图形让用户感知到:如在点击屏幕时会出现类似于墨水扩散那样的视觉效果形状。

        元素响应 元素本身也能做出交互响应,物体可以在触控或点击的时候浮起来,以表示该元素正处于激活可操作状态。比如我们长按一个应用图标时,这个应用图标会浮起来,我们可以拖动该应用图标完成位置更换或者卸载等操作。•径向响应 所有的用户交互行为中都会有一个中心点,作为用户关注的中心点,当用户进行操作时应该绘制一个明显的视觉效果来让用户清晰地感知到自己的操作。

        转场动画当一个界面跳转到另一个界面时,这一过程可以编排转场动画,这些动画不仅可以带来良好的视觉效果,更重要的是吸引用户的注意,比如我们可以利用转场动画引导用户做下一步的操作。转场动画不仅要提升用户体验的整体美感,还要为业务服务。

        细节动画动画最基本的使用场景是过渡效果,但是最基本的动画,只要恰到好处并且足够出色,同样也能打动用户。例如一个播放器,我们根据播放状态将播放图标改为暂停图标,这种状态间的无缝切换虽说并不起眼,但也能让用户感知到。当无数个类似这样的细节和精湛的设计充满你的应用时,用户也会发现这些小细节,从而感受到设计者的诚意和用心。

        样式1.色彩色彩从当代建筑、路标、人行横道和运动场馆中获取灵感,采用了大胆的颜色表达,这与单调乏味的周边环境形成了鲜明的对比。其强调大胆的阴影和高光,从而产生了意想不到且充满活力的颜色。2.字体自从Android 4.0发布以来,Roboto一直都是Android系统的默认字体集。在Material Design中,为了适配更多的平台,将Roboto做了进一步的全面优化。宽度和圆度都有了轻微提高,从而提升了清晰度,并且看起来更令人赏心悦目。

        字体排版一个优秀的布局不会使用过多的字体尺寸和样式。字体排版的缩放是包含了有限个字体尺寸的集合,它们能够良好地适应布局结构。最基本的样式集合就是基于12、14、16、20和34号的字体排版缩放。这些字体尺寸是通过SP指定的,让大尺寸字体获得更好的可接受度。

        桌面图标桌面图标作为App的门面,传达了产品的核心理念与内涵。虽然每个产品的桌面图标都不相同,但对于一个特定的品牌,桌面图标应在理念和实践中统一设计。桌面图标建议模仿现实中的折纸效果,通过扁平色彩表现空间和光影,一般情况下请使用48dph 48dp的尺寸,必要时可以放大到192 dph 192 dp。

        小图标优先使用Material Design默认图标。设计小图标时,使用最简练的图形来表达,图形不要带空间感。小图标尺寸是24dph 24dp,图形限制在中央20dph 20dp区域内。

        图像在Material Design中,图像都不应该是人为策划的,而是组建生成的,不要给用户一种过度制作的感觉。这种风格比较强调场景的实质性、质感和深度,让人意想不到的色彩运用,以及对环境背景的关注。这些原则都旨在创建目的性强、美观、具有深度的用户界面。

        布局布局设计使用相同的视觉元素、结构网格和通用的行距规则,这样会使得App在不同平台与屏幕尺寸上都拥有一致的外观和体验。这样就创造了一个识别度高的跨平台产品的用户环境,这个环境会给用户提供高度的熟悉感和舒适性。

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

伟、。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值