您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

有限屏幕的無限空間 -從空間角度談移動(dòng)界面擴(kuò)展(3)

像輸入框的提示,情景化的按鍵等,會根據(jù)不同的框?qū)傩?,適配不同功能按鍵。如下圖所示比如聯(lián)系人列表,在默認(rèn)狀態(tài)顯示聯(lián)系人列表名稱,當(dāng)用戶需要搜索時(shí),就會展開搜索框可進(jìn)行輸入。同一個(gè)區(qū)域在不同狀態(tài)下,承擔(dān)著兩種不同的任務(wù)和內(nèi)容,但這種方式的局限性是可擴(kuò)展范圍較小。適合一些小功能的位置集成。下圖是某應(yīng)用中的聯(lián)系人列表,很直接的一個(gè)小點(diǎn)就是,將聯(lián)系人列表顯示和搜索聯(lián)系人操作集成到同一區(qū)域,用戶也容易接受。
同樣同區(qū)域不同功能的變化在輸入法的按鍵上體現(xiàn)的更為明顯。

顯示聯(lián)系人列表
展開搜索框

目前對于移動(dòng)端的應(yīng)用,更多是對這種“變臉”邏輯的研究和擴(kuò)展,很多產(chǎn)品也推出了情境化感知的概念,即擴(kuò)展移動(dòng)設(shè)備可感知的情境,增加if條件,讓空間利用實(shí)現(xiàn)到極致。包括現(xiàn)在熱門的對Smart Bar的討論也是同樣的道理。
因?yàn)橐苿?dòng)設(shè)備有各種傳感器,能實(shí)時(shí)收集用戶信息,這些都是讓應(yīng)用變得更加智能的前提。
 

補(bǔ)充一點(diǎn)

在室內(nèi)設(shè)計(jì)中,由于鏡面具有反光和成像的功能,因此將其用于室內(nèi)不僅能增加室內(nèi)的亮度,而且能起到擴(kuò)大空間感、豐富室內(nèi)裝飾效果的作用。這種視錯(cuò)覺的運(yùn)用同樣可以應(yīng)用到移動(dòng)界面設(shè)計(jì)中, 通過輕量化視覺元素, 增加轉(zhuǎn)場動(dòng)效等方式來使用戶操作過程中體驗(yàn)更順暢,從感受上起到擴(kuò)展空間的效果。當(dāng)然這更抽象到一種情感設(shè)計(jì)的層面,具體的應(yīng)用方法還值得大家一起探討。
下圖同樣為主屏解鎖界面,一種是到點(diǎn)到點(diǎn),另一種是點(diǎn)到邊,哪種看起來空間更開闊呢?明顯第二種會給人帶來一種可擴(kuò)展的空間感,第一種就顯得完全平面化了很多,同樣是一個(gè)界面的信息,第二種就給人一種更廣闊空間的心理暗示,通過沉浸感的交互方式讓用戶感受到無限空間。

 

總結(jié)

好了,以上就是從建筑學(xué)空間擴(kuò)展的視角出發(fā),從收納、層級化信息、變臉和視錯(cuò)覺四個(gè)層面分別對應(yīng)到移動(dòng)應(yīng)用中,希望可以為你在移動(dòng)應(yīng)用中擴(kuò)展信息空間的設(shè)計(jì)帶來一點(diǎn)靈感,每個(gè)層面還可以擴(kuò)展出更多的方式,我們一起在設(shè)計(jì)中不斷積累和總結(jié)吧,充分利用屏幕空間,讓有限的空間可以實(shí)現(xiàn)無限的延展。
 

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd1301.html
CSS布局中一個(gè)簡單的應(yīng)用BFC的例子
關(guān)于注冊登錄的設(shè)計(jì)原則之三:不要扔下你的新用戶不管
圖趣網(wǎng)微信
建議反饋
×