Record

区块链记录你的初心
版权ppt教程摄影设计工作区块链人人链动态
iOS和Android规范解析——按钮

iOS和Android规范解析——按钮

设计AndroidiOS设计技巧设计规范

  今天介绍的是按钮。按钮是设计的过程中,经常使用的一种控件。我们来看看Google的Material Design和苹果的设计规范都是怎么说的。  Material Design Guidelines  按钮告知用户按下按钮后将进行的操作(疑似废话,MD开篇就是这一句,好气哦)。我们可以把按钮理解为一个操作的触发器。按钮主要有以下五种:扁平按钮,凸起按钮,悬浮按钮,底部常驻按钮,下拉菜单按钮,开关按钮。下面我们来一一介绍。  扁平按钮  扁平按钮就是把文字用作按钮,如下图  文字按钮示例(图中红色虚线即为文字按钮)  行为:在点击扁平按钮的时候,按钮不会有升起的动作,但是它的背景会有一个从中间向四周扩展颜色的动效,如下图的第三个动画所示:  扁平按钮的各种状态(动画)  左:扁平按钮的各种状态(静态);右:按下扁平按钮时的状态示例  用法:扁平按钮一般用在警告框中,推荐居右对齐。一般右边放操作性的按钮,左边放取消按钮。如果用在卡片中,扁平按钮一般居左对齐,以增加按钮的曝光。不过,卡片有很多种不同的样式,设计师可以根据内容和上下文来安排扁平按钮的位置。只要保证在同一个产品中,卡片内的扁平按钮的位置统一就可以了。  凸起按钮  凸起按钮由于具有一定的高度,视觉上相对抢眼,所以可以
iOS和Android规范解析——搜索

iOS和Android规范解析——搜索

设计搜索Android交互iOS设计技巧设计规范

  各位亲爱的、新设计青年的、读者小伙伴们,前面一系列文章为大家介绍了各种弹出物的用法,从今天起,我们开始介绍其它的非弹出类控件。Zhei篇要说的是搜索。  搜索这个功能,在绝大多数应用里都会用到。它的场景也相对单一:用户通过搜索功能,快速找到自己需要的信息/物品等。  照例我们先说Android的规范。  Google Material Design Guideline  MD(Material Design的简称,下同)在关于Search这一章,开篇是一句加粗加字号的句子:搜索使用户可以迅速得定位应用里的内容(Search allows users to locate app content quickly)。这句话也是很浅显,不明白谷歌这么强调的原因(摊手)。However ,这跟上面的介绍也是如出一辙。  MD建议,一般的搜索操作应该至少包含以下三个要素:  1.打开搜索输入框;  2.输入和提交搜索词的;  3.展示搜索结果。  下面的元素可以帮助提高搜索的体验:  语音搜索;  搜索历史;  搜索词自动补充,且补充的结果是你的应用的数据库中的已有词汇(这样可以更好地确保结果是有效的,笔者注)。  MD提供了两种搜索的样式:固定式搜索入口和可展开式搜索入口。下图展现的是固定搜索入口:  固定式搜索入口  
iOS和Android规范解析——确认弹框、全屏弹框和模态视图

iOS和Android规范解析——确认弹框、全屏弹框和模态视图

设计AndroidiOS设计技巧设计规范

  今天介绍三个控件,前两个是Material Design(简称MD,下同)规范中的确认弹框(Confirmation Dialog)和全屏弹框(Full-screen Dialog),后一个是iOS规范中的模态视图(Modal View)。下面先说MD中的两个。  Google Material Design Guideline  确认弹框,是需要用户明确地选择一个选项的弹窗。比如设定手机铃声时,会需要你选择一个铃声,如下图  确认弹框示例  如果点击取消按钮,或者点击安卓系统的返回按钮,则该弹框消失,并且修改的内容不会保存;只有点击好的(OK),才会保存修改的内容。因为有这个保存修改内容的功能,所以取消按钮就显得尤为重要:如果不加取消按钮,则用户会不清楚修改的内容是否被保存,比如下面这个反例:  这个弹框只有一个完成按钮。这使得安卓系统的返回按钮的功能变得模糊:返回按钮是取消的作用呢?还是确认修改的意思呢?  另外有一点需要格外注意:在确认弹框里,不要设计会弹出简易弹框或者简易菜单的按钮,因为这会增加它的复杂度。如果一定需要使用这些弹框,则请考虑使用全屏弹框(下面会介绍到)。  确认弹框的形式,除了刚刚提到的设定铃声的列表,还可以有很多样式:  所有的确认弹框都share一个共同点:弹框里只专注选择一个值。比如上图左侧  的日期选择器,只选择日期,而不是既选择日期又选择时间。  上面是MD中对确认弹框的介绍。下面说说全屏弹框。  全屏弹框示例  全屏弹框承载了一组任务,这些任务在用户点击保存或者取消之前,都不会独自生效(对,就是捆绑式销售的意思?? )。在全屏弹框里,各种弹框都可以弹弹弹。全屏弹框是所有弹框中,唯一