有限屏幕的無限空間 -從空間角度談移動界面擴展(2)
2013/1/6 16:36:32來源:百度MUX
么這一種方式的關鍵就是“扔”和“裝”都要方便,可以簡單快速的將內容裝進抽屜。最直接的例子就是iphone的app界面,拖動疊加即可形成一個收納,拿出去也非常方便。
2.收納樣式,主要分為“有門抽屜”和“無門抽屜”兩種
a.有門抽屜
是指即使抽屜關閉,里面的信息收納著,也需要固定存在的入口時刻提示用戶從哪里開啟,像側邊欄,永遠有開啟按鈕的。
b.無門抽屜
是指開關抽屜門的都是通過高級手勢操作喚起的,連門都不需要,只需要用戶知道開啟方式,比如長按、滑動指定信息條等喚起。
一般來講,高級操作對應的也是收納的較高級,不常用的信息,用戶知道開啟方式就可以,連抽屜門的空間都可以節(jié)省出來。
層級化信息
空間有限,那么要想空間利用更有效,可以將空間分割,分模塊展現(xiàn)內容。不管是單純的list列表,瀑布流,還是其他什么形式,總會從其他維度找到剩余空間 。類比成道路交通,飛機、道路交通、地下軌道并行,便是充分利用了空間。移動界面中同級、下級的頁面跳轉,可以利用動效帶給用戶更接近真實的空間層級感。其中包括
a.同級多tab架構
b.下級篩選(包括下拉式和浮層式)
c.沉浸式下一級體驗
即還原了相機近大遠小的原理,通過層級分割展現(xiàn)更多信息頁面,這種方式的好處是每個界面都可成倍擴展。
(以上只是各類別的列舉,相同屬性的內容都可進行擴展)
變臉
在Web 設計中不會在意細小的空間,狀態(tài)條就是狀態(tài)條,即使沒有狀態(tài),空著也好,但移動空間實屬寶貴,那么在不需要的時候顯示其他內容,也不失為一種解決方案。基于代碼實現(xiàn)的虛擬空間,都是可以有If-then條件的。
舉例來說就是在XX情況下,按鈕狀態(tài)為A;在XXX情況下,此按鈕狀態(tài)為B。 或者同樣區(qū)域可以顯示不同內容,承載不同的操作。
a.同區(qū)域顯示不同狀態(tài)
即延續(xù)web的狀態(tài)條邏輯,將更多狀態(tài)顯示的集成發(fā)揮到極致,實時感知情境的變化,作為與用戶直接溝通的對話窗口,承載更多信息來達到節(jié)省空間的作用。
b.同區(qū)域顯示不同功能
[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/wd1301.html
本文地址:http://pkvc.cn/tutorial/wd1301.html
這些是最新的
最熱門的教程