起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > Android设计规范Material Design-Components(1底部动作条

Android设计规范Material Design-Components(1底部动作条

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:经验APP设计APP教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 当然大家都能够猜到这第三部分要讲什么~~,我们先来回顾一下,第一部分讲的Style,第二部分讲的是Layout,第三部分

当然大家都能够猜到这第三部分要讲什么~~,我们先来回顾一下,第一部分讲的Style,第二部分讲的是Layout,第三部分讲Components,其实我是这样理解的,首先,我们要确定风格,大概什么色调,字体排版等,然后就是框架,结构,边框~~其次就是里面的小部件,小内容~~范围由大到小~~由简到繁~~好了,,还是看起走吧~~

底部动作条

底部动作条(Bottom Sheets)

底部动作条(Bottom Sheets)是一个从屏幕底部边缘向上滑出的一个面板,使用这种方式向用户呈现一组功能。底部动作条呈现了简单、清晰、无需额外解释的一组操作。

使用

底部动作条(Bottom Sheets)特别适合有三个或者三个以上的操作需要提供给用户选择、并且不需要对操作有额外解释的情景。如果只有两个或者更少的操作,或者需要详加描述的,可以考虑使用菜单(Menu)或者对话框替代。

底部动作条(Bottom Sheets)可以是列表样式的也可以是宫格样式的。宫格布局可以增加视觉的清晰度。

你可以使用底部动作条(Bottom Sheets)展示和其他app相关的操作,比如做为进入其他app的入口(通过app的icon进入)。

内容

在一个标准的列表样式的底部动作条(Bottom Sheets)中,每一个操作应该有一句描述和一个左对齐的icon。如果需要的话,也可以使用分隔符对这些操作进行逻辑分组,也可以为分组添加标题或者副标题。

一个可以滚动的宫格样式的底部动作条,可以用来包含标准的分享操作。

Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn

行为

显示底部动作条的时候,动画应该从屏幕底部边缘向上展开。根据上一步的内容,向用户展示用户上一步的操作之后能够继续操作的内容,并提供模态[1]的选择。点击其他区域会使得底部动作条伴随下滑的动画关闭掉。如果这个窗口包含的操作超出了默认的显示区域,这个窗口需要可以滑动。滑动操作应当向上拉起这个动作条的内容,甚至可以覆盖整个屏幕。当窗口覆盖整个屏幕的时候,需要在上部的标题栏左侧增加一个收起按钮。

规格

下面的字体、颜色和区域规格都是提供给手机app使用的。

Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn

(上图)列表样式的底部动作条规格设计

Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn

(上图)带头部的列表样式的底部动作条规格设计

Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn

Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn Android设计规范Material Design-Components(1底部动作条_qh.itpxw.cn

(上图)包含跳转到其他程序入口的标准宫格样式的底部动作条规格设计

[1]模态:模态的对话框需要用户必须选择一项操作后才会消失,比如Alert确认等;而非模态的对话框并不需要用户必须选择一项操作才会消失,比如页面上弹出的Toast提示。

非常感谢这些辛苦翻译的小伙伴!!

原文:Bottom Sheets 翻译:com360 校对:阿九(Siton)

 文章转自:http://design.1sters.com/

 =========================关于起航学习网=========================

 qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

 APP截图站:qh.itpxw.cn  海量APP截图,让你灵感爆发!

转载请注明:起航学习网 » Android设计规范Material Design-Components(1底部动作条)

文章出自:http://qh.itpxw.cn/peixun/ui/201613766.html

文章标题:Android设计规范Material Design-Components(1底部动作条



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------