<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      移動端下拉菜單交互

      2018-4-11    藍藍設計的小編

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

      通常在PC上常出現的下拉菜單,在移動端上都是用什么交互來實現的?將最近項目里碰到的情況總結一下。

      1. 層級設計,以iOS為代表移動端下拉菜單交互

      iOS系統日歷

      • 是目前最常見的一種做法,外露設置名稱和默認設置項,將全部設置內容放在下一層。

      • 節約垂直空間,不干擾當前界面其他內容。可以很好兼容單選、多選等多種情況。作為一個完整的界面,可以容納的內容比較多。

      • 但增加一個層級,就意味著有進入和返回兩步操作。尤其是返回大多在界面左上角,隨著手機屏幕越來越大,采用這種方式又沒有手勢右滑返回還是挺難用的。

      我一直覺得,將層級設計用的風生水起的就是微信。基本上一級的四個tab都是層級的世界。

      2. 彈窗設計,以Android為代表

      移動端下拉菜單交互

      Google日歷

      • 選擇項作為臨時彈窗出現在界面中,單選的話,點一下彈框自動消失,多選的話點擊完成消失。

      • 彈窗是一個在移動端上容易受鄙視的交互,但實際使用下來,google把它做得挺美挺實用的。 當只有較少如個位數的設置項時,實際操作體驗比層級式的好很多,會很同意“一個彈框能搞定的事實在不需要再新起一個層級”。但這個交互目前看很少人采用,Android的設計語言規范比起iOS還是弱勢了許多。

      • 但當內容一旦多起來,這個小彈框就會有點不堪重負,還會出現彈窗上需要再彈窗的尷尬局面。

      3. 下拉菜單

      移動端下拉菜單交互

      Google日歷疊疊樂

      • 就是類似PC的下拉菜單,這樣少見的設計,被發現于剛剛說google那個彈框上又有彈框的情況下。但再一次實際使用效果沒想象中差,如果忽略它疊疊樂的感覺,和在移動端點擊菜單的彈出菜單差不多。

      • 但總的來說,還是一個奇怪的操作。

      4. 嵌入式自動伸縮(這個名字不好起)

      移動端下拉菜單交互

      這個設計叫滾筒

      • 選項在當前層級界面展現,把其他內容往下擠,完成選擇后自動收起。

      • 也是一個避免了進入新層級的交互。iOS里的時間選擇器經常會用這種方法出現。

      • 壞處是對當前界面影響較大,進出場界面大幅變動。同時嵌入式給人不穩定不安全的感覺,好像一不小心碰了別處這些選項就消失了。尤其是選項較多還需要上下滑動的情況。我覺得這種方式使用于選擇項很少,且當前層級內容本身也簡潔的情況。

      5. 選擇內容平鋪出來

      • 好處當然是所需操作最少,只需要勾選一個操作,壞處也很明顯,太占地兒。一般情況下很少見,除非本身這些選項就是核心內容的情況,比如調研問卷。最常見于選擇性別時的男女選項。

      • 沒有截圖

      文/初三_RR(簡書作者)原文鏈接:http://www.jianshu.com/p/50438669330b#

      以上是原作者在實際案例中碰到的移動端下拉菜單交互方式,歡迎大家在文章、woshiue微信、@imaue微博中討論~

      在微信Aioued或者WoShiUE的聊天界面回復數字9可以獲得可以用的axure8.0 激活碼一枚。


      藍藍設計www.tuitetiyu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.tuitetiyu.cn

      存檔

      主站蜘蛛池模板: www.色午夜.com| 国产真人一级a爱做片高潮| 一本色道无码不卡在线观看| 国语精品一区二区三区| 网友分享无码人妻精一区二区三区心得 | 国产精品SM捆绑调教视频| 春色www在线视频观看| 99精品国产在热久久婷婷| 日韩码一码二码三码区别69| 九九久久精品国产| 久久婷婷成人综合色| 日韩一区二区大尺度在线| 国产亚洲精品久久久久| 成年人a级毛片无码免费真人中文字幕| 无码中文字幕av免费放∨| 日韩欧美久久一区二区swag| 日韩国产精品自在自线| 亚洲免费成人av一区| 色欲综合久久久无码中文字幕波多 | 国产精品人成视频免| 中文字幕无码一区二区免费 | A国产一区二区免费入口| 国产v亚洲v天堂a手机版| 一区二区三区四区在线 | 中国| 日韩一区二区三区在线?| 9久9久女女热精品视频免费 | 欧美日韩国产综合视频在线观看| 人妻制服久久中文字幕| 中文字幕在线亚洲精品| 91精品国产综合久久久久| 久久视热这只是精品222| 人妻丰满熟妇aⅴ无码| 国产一区二区三区三区| 久久综合给合久久国产免费| 国产精品视频免费播放| 天天中文字幕av天天爽| 两个人WWW在线观看免费视频| 91尤物无码不卡在线| 日本乱人伦aⅴ| 沙河市| 亚洲国产另类精品|