• <li id="auksg"></li>
  • <dd id="auksg"><input id="auksg"></input></dd><table id="auksg"><input id="auksg"></input></table>
  • <xmp id="auksg"><blockquote id="auksg"></blockquote>
  • <noscript id="auksg"><samp id="auksg"></samp></noscript>
  • <blockquote id="auksg"></blockquote>
  • <center id="auksg"></center>
  • <samp id="auksg"><object id="auksg"></object></samp>
    <input id="auksg"><blockquote id="auksg"></blockquote></input>
  • 移動端搜索入口的設計樣式
    搜索入口的設計需要根據搜索功能在產品中的位置,不同的應用場景所使用的搜索入口樣式也是不同的,接下來分別和大家介紹一下四種搜索入口的常用樣式。

    1. 底部標簽欄入口(Tab Bar)

    把搜索功能作為底部標簽欄中的一個功能模塊入口,適合將搜索作為重要流量入口的App,同時也可以同其他的Tab Bar入口相結合,如“布卡漫畫”就是把搜索和類似發現功能的入口相結合。但是底部標簽欄的搜索入口本身并不帶搜索功能,所以通常與搜索框樣式相結合使用。(例如:App Store、布卡漫畫)
    2. 搜索框導航入口

    常見的展示形式之一,將搜索入口以輸入框的形式放置在導航欄中或者導航欄下方,有些應用即便界面向上滑動時,搜索欄會吸頂顯示,方便用戶隨時操作(是否吸頂顯示要根據搜索功能在應用中的權重)。

    搜索框導航入口除了必須要有的輸入框外,還需要一個搜索圖標給予用戶提示。目前很多應用也會利用搜索框內的區域進行預設文案,可作為提示用戶關鍵詞,也可以作為運營的入口來展示。(例如:花瓣、即刻)
    3. 搜索圖標入口

    同樣也是常用搜索方式,常見形式是將一個放大鏡的圖標放在導航欄的右側。相對上面提到的搜索框在視覺引導上略遜一籌,但節省了導航欄的空間,這樣導航欄中可以提供用戶更多的功能,適用于對搜索權重不高的應用中。

    當然也有特別的搜索圖標方式,例如:自如客,同樣是搜索圖標的樣式由于不同的位置和層級變化,變得更加突出。(例如:自如客、TIM)
    4. 隱藏的搜索入口

    為了讓用戶更多的使用桌面提供的快速入口,初始界面時將搜索功能隱藏,當進行滑動界面時才會出現搜索功能,例如:iPhone手機解鎖后是各個應用入口,當向右滑動時,隱藏的搜索入口就會出現。
    資訊大講堂
    資訊頻道不再讀取舊站數據,敬請諒解;部分內容整理于互聯網絡,如有不妥之處請與我們聯系 ..
    新舟科技
    從事互聯網營銷設計和開發等業務,提供從線上營銷規劃到運營進階的一站式解決方案 ..
    發布需求
    推薦閱讀
    津ICP備12008570號-1 ? 2021 all rights reserved.
    業務咨詢
    158-0220-1910
    在線客服
    實時交談,便捷高效
    反饋或報價
    發送表單給我們,獲得報價和更多支持
  • <li id="auksg"></li>
  • <dd id="auksg"><input id="auksg"></input></dd><table id="auksg"><input id="auksg"></input></table>
  • <xmp id="auksg"><blockquote id="auksg"></blockquote>
  • <noscript id="auksg"><samp id="auksg"></samp></noscript>
  • <blockquote id="auksg"></blockquote>
  • <center id="auksg"></center>
  • <samp id="auksg"><object id="auksg"></object></samp>
    <input id="auksg"><blockquote id="auksg"></blockquote></input>
  • 亚洲中文无码mv_亚洲性夜色噜噜噜网站_a级毛片免费观看完整_长春熟女服务40岁