Android设计规范 Material Design-Patterns(5搜索)

9月28日,文章快要更新一个月了,感觉时间过得好快啊~~想想俺在学UI网站上当编辑快两个月了~~感觉学UI网真的改变了我的生活~~让自己每天都很充实~~我也一直相信21天定律,每天打开电脑第一件事是登qq,第二件事就是上学UI网,(这是病,不过我喜欢)看看网站上自己搬得文章有没有留言(获得满足感),看看自己感兴趣的文章,开心的开启美好的一天,工作累了,就看看学习群里面~~尽可能的解答问题(要么手速太慢,要么就是回答不上的,只怪群里大神太多,太热情~~),学习新知识~~~真的很感谢学UI网(大家庭)~~嚯嚯~~~混蛋呀~~不要再矫情了~~马上进入正题~~~

搜索(Search)

应用内搜索

当应用内包含大量信息的时候,用户希望能够通过搜索快速地定位到特定内容。

最基本的搜索包括以下过程:

  • 打开一个搜索文本框
  • 输入查询并提交
  • 显示搜索结果集

然而,可以通过加入一些增强功能来显著提升搜索体验:

  • 启用语音搜索
  • 提供基于用户最近历史查询的搜索建议,即使是在输入查询之前
  • 提供满足应用数据中实际结果的自动完成搜索建议

应用内搜索中有两种主要的模式:持久性搜索(persistent search)可扩展搜索(expandable search)

持久性搜索(persistent search)

当搜索是你应用中的主要点时,适合使用持久性搜索。

一个已准备好接受焦点的文本框显示在内嵌的搜索框中。

用户可以点击麦克风按钮来激活语音搜索。


当搜索文本框获得焦点的时候,搜索框展开以显示历史搜索建议。如果需要,屏幕键盘也会显示。选择任意建议提交搜索。点击上箭头(up arrow)来离开搜索并关闭建议和屏幕键盘。


当用户开始输入查询,搜索建议转换为自动补全。

搜索框中的“X”按钮可以清除查询文本。

选择一个建议或者按回车键(return key)提交搜索。


当显示搜索结果的时候,搜索框仍然可见但默认失去焦点。屏幕键盘将隐藏以显示更多的搜索结果。

搜索结果被格式化为卡片的样子来和搜索框内嵌样式相匹配。这种风格可以适配不同类型的搜索结果。

可扩展搜索(Expandable Search)

当搜索是不你应用中的主要点时,适合使用可扩展搜索。

通过工具条中的搜索按钮(标记为一个放大镜图标)来代替搜索文本框。


点击搜索按钮时工具条清除其他内容改为显示一个搜索框。如果支持语音搜索,麦克风图标也会随之显示。

搜索文本框自动获得输入焦点,并且如果需要,屏幕键盘也会显示。搜索建议显示在工具条的下面,代替之前显示在此处的内容。选择任意建议提交搜索。

点击上箭头(up arrow)关闭搜索模式,工具条回到之前的样子。


当用户开始输入查询,搜索建议转换为自动补全。

搜索框中的“X”按钮可以清除查询文本。

选择一个建议或者按回车键(return key)提交搜索。


当显示搜索结果的时候,工具条的搜索状态仍然保持但默认不具有焦点。屏幕键盘将隐藏以显示更多的搜索结果。

搜索结果和上一步中的的建议相同,显示在工具条下的页面主体中。

非常感谢这些辛苦翻译的小伙伴!!未完待续~~~

原文:Search翻译:lhyqy5校对:PoppinLp

文章转自: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-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(17文本框)

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

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

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

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

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