Android设计规范Material Design-Components(5提示框)

9月8日,今天中秋节,祝大家中秋节快乐~~今天又会迎来返潮高峰~~言归正传~~提示框,对于UI设计,来说应该是必须的,基本每个APP都有提示框,它要对用户进行一定的引导,就必然会用到提示框,所以 本文就主要是讲在APP设计中,提示框的作用,以及一些规范和细节~~

提示框(Dialogs)

用途

Dialog最典型的应用场景是提示用户去做一个些被安排好的决定 ,而这些决定可能是当前任务的一部分或者是前至条件。 Dialog可以用于告知用户具体的问题以便他们作用重要的决定(话外音:起到一个确认作用),或者是用于解释
接下来的动作的重要性及后果 。(话外音:起到一个警示作用)。

一些复杂的操作,尤其是每个决策都需要相关解释说明的情况下是不适合使用Dialog形式的。

Dialog包含了一个标题(可选),内容 ,事件。

标题:主要是用于简单描述下选择类型。它是可选的,要需要的时候赋值即可。

内容:主要是描述要作出一个什么样的决定 。

事件:主要是允许用户通过确认一个具体操作来继续下一步活动。

按钮的宽度及边框示例

加宽型竖排按钮(Stacked full-width buttons)

当按钮的文本超过了通常的按钮宽度时,你就可以使用这种竖向叠模式来呈现我们的按钮文字信息。

并排按钮(Side-by-side buttons)

在每个按钮的文本信息都没有超过通常的按钮宽度时,推荐使用并排模式。比如说最常用的 确定/取消 按钮

内容

提示框标题

提示框的标题是可选的,用于说明提示的类型。可以是与之相关的程序名,或者是选择后会影响到的内容 。例如:设置

提示框标题应该作为提示框的一部分被整体地显示出来。

提示框内容

提示框的内容是变化多样的。但是通常情况下由文本 和(或) 其它UI元素组成的,并且主要是用于聚焦于某个任务或者是某个步骤。比如说”确认”、”删除”或选择某个选项。

事件

提示框事件

提示框呈现的是一组聚焦和有限的事件,通常是一个肯定的事件和否定(与肯定的事件对立)的事件组成。

肯定的事件是放于提示框的右边并且可以继续接下来的步骤。肯定的事件可以是据有破坏性的,比如:”删除”,”移除”。(话外音:肯定的事件主要是指产品期望用户的一个决策。与按钮文字呈现的语意无关)

否定的事件是放于提示框的左边。用于返回用户原始的屏幕或者是步骤。(话外音:一般就是关闭提示框作用)

事件的按钮排列类型可以是并列的,也可以是竖向叠加加宽型的。这取决于事件按钮里面的文字长短。

肯定事件和否定事件除了可以使用”确认”/”取消”外,也可以是其它一些动词或者是动词短语来表明决策后的结果。

表现(Behavior)

滚动

提示框是与父视图是分隔开的。不会随着父视图滚动。

如果可以,请尽量保持提示框里面的内容不需要滚动 。如果滚动的内容太多了,那么可以考虑使用其它的容器或者是呈现方式。然而,如果内容是滚动的,那么请使用较明显的方式来提示用户。比如说被让文字或者是控件露一截出来。

手势

触摸提示框外面的区域可以关闭提示框

提示框焦点

提示框的焦点是整个屏幕。提示框在关闭前或者是用户选择了一个事件(比如说选择了一个选项)前都会持有焦点。

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

原文:Dialogs翻译:Kris校对:huanglizhuo

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

=========================关于学ui网=========================

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

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

(0)

相关推荐

  • Android设计规范 Material Design

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

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

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

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

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

  • Android设计规范 Material Design-Patterns(3改进的操作)

    9月25日,改进的操作 浮动按钮 相关内容 不是每个界面都需要一个浮动按钮.浮动按钮应该包含一个应用里最主要的操作.在屏幕的左侧的界面中,它最主要的操作通过点击屏幕来打开图库里的图片,所以这里不需要浮 ...

  • 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(17文本框)

    9月21日,今天周末,多么希望有个好天气呀~~可以出去走走,约约老朋友~~在一个阳光艳丽的午后,在一棵树下,端两杯茶水,一起聊聊天~~这是多么安逸的事情呀,真的想想都开心,感觉人生完美~~~ 文本框 ...

  • Android设计规范Material Design-Components(9列表控制)

    9月12日,是不是很奇怪,昨天才说可能要有段时间不能更新了,但是为什么今天又更新了,主要是因为小编我昨天眼拙,搬文章的网站改版了,没有找到,就以为没有了~~拖出去赏五十大板~~顺便告诉大家一个好消息~ ...