Android设计规范 Material Design-Patterns(4影像处理)

9月27日,周六,好像大家都在休息了~~我要连上9天班~~9天~~9天~~天~今天主要是讲讲在UI中的影像处理~~~

图片载入

图片载入

在交错的期间,插图和照片可以在三个维度下载入和过渡,而不是只依靠透明度的改变。调节等级是为了达到曝光上的低对比度和颜色上的低饱和度。在最后的阶段,图片只有在透明度已经达到 100% 之后,才会达到一个全彩色的饱和度。较暗图像的低对比度的效果是伽马值的升高和黑色通道输出的升高组合产生的。


低透明度和低对比度


全透明度和完全曝光


全色彩饱和度

光圈 vs 显影

不要用那种会把白色部分去除的方式调节等级,因为这会造成一种通过相机镜头光圈过度曝光的效果。最好把照片想成是在照片显影过程中逐渐浮现。



不要

载入和过渡

用上面图中画出的三个维度(透明度、对比度和饱和度)的比例来满足你载入和过渡时的需求。建议载入时变换的持续时间长一些,过渡时变换时间短一些。

在大屏幕上载入

这个过程在大屏幕上是最理想的,就像这个载入 Chrome 操作系统的壁纸的例子。

加入动画

在图片的顶部添加一小段位移来处理一些案例,例如账号切换。

原文:Imagery Treatment翻译:ZeroLu校对:vincent4j

(0)

相关推荐

  • Android设计规范 Material Design

    阔别多日,不知道小伙伴们,有没有想我呀~~这里补充上Android设计规范 Material Design的目录,方便小伙伴们阅读~~ Style 色彩 – Color 字体排版 – Typograp ...

  • Android设计规范Material Design-Components(11进度和动态)

    9月15日,昨天和小伙伴谈论了一下这个谷歌新出的Material Design设计语言,我之前刚看到的时候也以为是一种程序或者系统之类的~~但是越到后面才发现这更像是一种设计规范~~就我看来这就是一种 ...

  • Android设计规范 Material Design-Style(1.色彩)

    八月已过去,九月刚来到~暑假已过去~九月上学季~~又迎来了一个桂花飘香的季节,你是否有了新的目标和计划~~所以在九月初始给大家带来一个全新的东西(ps:对于我来说是全新的东西)--Material D ...

  • Android设计规范 Material Design-Layout(1准则)

    9月3日,又是新的一天,今天开始翻开新的篇章,,Material Design的第二部分Layout.其实我是不知道什么是Layout,所以我为了方便大家,随便是给自己涨涨知识,不好意思的又去找了找度 ...

  • Android设计规范 Material Design-Style(4图像)

    接着图标,来说说图像,图标是一种视觉语言,图形则更能带来视觉冲击,给人带来不同的心境,所以下面就是图像的重要性,以及图像运用原则. 图像(Imagery) 图像 在material design中,图 ...

  • Android设计规范 Material Design-Resources(1布局模板)

    9月29日~~昨天天气好好呀,阳光明媚,多么希望十一也这样,那感觉简直是倍儿爽~~话说,今天以后更新的基本都是干货~~所以收获总在最后~~(ps:所有关于 Material Design的下载都在文章 ...

  • Android设计规范 Material Design-Components(10菜单)

    9月13日,谷歌设计语言~~接着列表控制,讲讲菜单,我们平时看到手机上的各种下拉菜单什么的,对于我们来讲在应用中主要是用于导航,而在这种谷歌新的设计语言中它不仅仅是用于导航,或者说导航只是一部分作用~ ...

  • Android设计规范Material Design-Components(7网格)

    又学习了新的知识~~今天的网格内容基本都是基于Android中APP设计时的规范~~,满满的都是干货呀~~不怎么得了~~小伙伴们high起来~ 网格 网格 网格列表是一种标准列表视图的可选组件.网格列 ...

  • Android设计规范 Material Design-Components(18工具提示)

    9月22日,周一,没有精神呀~~上班综合症呀~~但是,还是习惯性的来到学ui网,努力学习呀~~之前看到一个评论说"我天天上她,虎哥还很开心,我很费解.有时候就是这样,你不知道为什么天天去上她 ...