android应用开发-从设计到实现 2-9 界面模式

界面模式

Material Design的基础组件我们已经大体了解过了,现在我们看看Material Design在结合这些不同组件的过程中,有哪些套路,也就是有哪些常用的界面设计模式。了解了这些模式,可以帮助设计者们做出合乎开发者实现的方案。

设计的套路有很多,列表-list 分页-tab 网格-Grid 侧边栏 下拉刷新等等。这里只列出几个常见的,更多的方式请参考设计规范,以及其他各种优秀应用的精巧设计。

手机端屏幕大小是有限制的,好的设计会充分利用有限的空间,合理的向用户展示出更多的内容。

侧边栏

侧边栏的设计最早是由国外的第三方开发者设计出来的,在用户中很受欢迎。于是后来被很多开发者采用。从安卓5.0开始,Google就推出了官方的实现方式,并作为一个典型的界面设计方案推荐给了大家。

带侧边栏布局,

 slider_drawer_example

更加具体的规范请参考这里

底部导航栏

通过类似底部导航栏的按钮,让界面切换显示更多的内容。

 bottom_button_patten

这中布局的方式也是苹果iOS的经典布局方式,不知道是Google的原创还是向苹果的致敬。

更加具体的规范请参考这里

分页

与底部导航栏类似,但是是放在界面上方。

 tabs_patten

更加具体的规范请参考这里

动态变化

我个人认为,界面元素和内容的动态变化,是整个Material Design的精髓。它带给了用户极好的视觉体验,是引导用户注意力的最好方法。

动态是通过过渡动画滑动效果来实现的。

过渡动画

在前面的章节已经介绍过了动画的内容,这里就不重复了。

这里就多看几个实际的例子吧。

 navigational-transitions_parent-to-child_patten
 raised_btn_effect

滑动效果

内容切换的时候,尽量的使用滑动的效果。

分页的滑动效果,

 slibing_patten

AppBar的滑动效果,

 appbar_scroll_toolbar

本文是《从设计到实现-手把手教你做android应用开发》系列文档中的一篇。感谢您的阅读和反馈,对本文有任何的意见和建议请留言,我都会尽量一一回复。

如果您觉得本文对你有帮助,请推荐给更多的朋友;或者加入我们的QQ群348702074和更多的小伙伴一起讨论;也希望大家能给我出出主意,让这些文档能讲的更好,能最大化的帮助到希望学习开发的伙伴们。

除了CSDN发布的文章,本系列最新的文章将会首先发布到我的专属博客book.anddle.com。大家可以去那里先睹为快。


同时也欢迎您光顾我们在淘宝的网店安豆的杂货铺。店中的积木可以搭配成智能LED灯,相关的配套文档也可以在这里看到。

这些相关硬件都由我们为您把关购买,为大家节省选择的精力与时间。同时也感谢大家对我们这些码农的支持。

最后再次感谢各位读者对安豆的支持,谢谢:)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值