移动端搜索入口的设计样式 - 开发知识 - 新舟科技

移动端搜索入口的设计样式

开发知识

搜索入口的设计需要根据搜索功能在产品中的位置，不同的应用场景所使用的搜索入口样式也是不同的，接下来分别和大家介绍一下四种搜索入口的常用样式。

1. 底部标签栏入口（Tab Bar）

把搜索功能作为底部标签栏中的一个功能模块入口，适合将搜索作为重要流量入口的App，同时也可以同其他的Tab Bar入口相结合，如“布卡漫画”就是把搜索和类似发现功能的入口相结合。但是底部标签栏的搜索入口本身并不带搜索功能，所以通常与搜索框样式相结合使用。（例如：App Store、布卡漫画）

2. 搜索框导航入口

常见的展示形式之一，将搜索入口以输入框的形式放置在导航栏中或者导航栏下方，有些应用即便界面向上滑动时，搜索栏会吸顶显示，方便用户随时操作（是否吸顶显示要根据搜索功能在应用中的权重）。

搜索框导航入口除了必须要有的输入框外，还需要一个搜索图标给予用户提示。目前很多应用也会利用搜索框内的区域进行预设文案，可作为提示用户关键词，也可以作为运营的入口来展示。（例如：花瓣、即刻）

3. 搜索图标入口

同样也是常用搜索方式，常见形式是将一个放大镜的图标放在导航栏的右侧。相对上面提到的搜索框在视觉引导上略逊一筹，但节省了导航栏的空间，这样导航栏中可以提供用户更多的功能，适用于对搜索权重不高的应用中。

当然也有特别的搜索图标方式，例如：自如客，同样是搜索图标的样式由于不同的位置和层级变化，变得更加突出。（例如：自如客、TIM）

4. 隐藏的搜索入口

为了让用户更多的使用桌面提供的快速入口，初始界面时将搜索功能隐藏，当进行滑动界面时才会出现搜索功能，例如：iPhone手机解锁后是各个应用入口，当向右滑动时，隐藏的搜索入口就会出现。

标签 : 移动搜索入口设计

资讯大讲堂

资讯频道不再读取旧站数据，敬请谅解；部分内容整理于互联网络，如有不妥之处请与我们联系 ..

新舟科技

从事互联网营销设计和开发等业务，提供从线上营销规划到运营进阶的一站式解决方案 ..

发布需求

推荐阅读

网络攻击的平均代价已超过100万美元
5个为您企业寻找域名的技巧
如何从零开始建立您的品牌
云服务器带宽多少合适
后台权限管理体系设计之丰富拓展
网站用云ecs和虚拟主机哪个好
新规：App不能强迫个人同意收集信息
能力培养的解决方案
关于私有云的五大误解
从三个Readymag应用获得网站设计灵感

津ICP备12008570号-1 © 2024 all rights reserved.

业务咨询
158-0220-1910

在线客服
实时交谈，便捷高效

反馈或报价
发送表单给我们，获得报价和更多支持

PHP网站源码光明优秀网站设计龙岗百度网站优化排名吉祥模板推广西乡阿里店铺托管坂田外贸网站制作松岗关键词排名东莞网站排名优化龙华百姓网标王大浪网络营销沙井网站设计大运百度网站优化排名坂田seo排名南山网站优化排名坂田网站制作设计宝安关键词按天计费永湖标王坑梓标王永湖百度网站优化爱联关键词排名大鹏网站优化排名丹竹头企业网站改版福永网站建设设计爱联营销型网站建设东莞百度网站优化排名坂田优秀网站设计福田如何制作网站福永网站开发深圳网站优化排名大运网站设计模板永湖seo优化歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发春山在望成都发生巨响当地回应 60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警 #春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子 19岁小伙救下5人后溺亡多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头 315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU 恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图虚拟主机 SEO 网站制作网站优化