界面折紙:設(shè)計(jì)師獲取靈感的有趣方式

2012-4-23    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  m.bouu.cn )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://chinaui.com/Knowledge/20120420/14021204200000.shtml

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,          請點(diǎn)這里  

 

如今應(yīng)用開發(fā)已經(jīng)成為一個(gè)熱門話題。對于開發(fā)者來說,要使自己的應(yīng)用脫穎而出,創(chuàng)新的界面是一個(gè)重要方面。Clear、Path 等應(yīng)用都以其獨(dú)特的界面,為人稱道。那么,如何開發(fā)獨(dú)特而好用的界面呢?

設(shè)計(jì)師 Juan Sanchez  有一個(gè)不錯(cuò)的主意。

如今的設(shè)計(jì)工作離不開電腦的輔助,但是 Juan Sanchez 認(rèn)為,設(shè)計(jì)師有時(shí)候也應(yīng)該離開電子世界,從現(xiàn)實(shí)的物理世界中尋求靈感。為了說明這個(gè)問題,他制作了一些界面折紙。

點(diǎn)擊查看原圖

 

左邊的界面中,通過紙張的折疊來模仿 Clear 界面的拉伸添加條目,右邊的界面,則是模仿 Path 中滑動展現(xiàn)分層。在把完折紙的過程中,Juan Sanchez 發(fā)現(xiàn),可以將折疊使用在滑動分層上,即將上一層的信息折疊下來,展示下一層的內(nèi)容,是一種很有創(chuàng)意的交互方式。

點(diǎn)擊查看原圖

這種“手風(fēng)琴”式的界面要素也可以用于展示菜單。另外,如果對某個(gè)條目進(jìn)行操作,是否可以拉起上層,展示下面的操作選項(xiàng)呢?

點(diǎn)擊查看原圖

通過以上的例子,Juan Sanchez 談到自己的體驗(yàn),離開電腦,把玩一下紙張常能帶來新鮮的角度。同時(shí),在手中有一個(gè)實(shí)物原型的好處是,你可以真實(shí)的交互和估量它。那么,電子的交互畢竟與物理交互不同,我們是否有必要以受限的物理世界為模板呢?Co.Design  的 John Pavlus 認(rèn)為 Juan Sanchez 的做法很有意義,因?yàn)橛|屏界面處于數(shù)字和物理的灰色地帶。

每一個(gè)手勢 UI 都是一個(gè)謎題:它們提供給我們物體的表象,卻沒有給予我們從物品中期望的物理可獲得性(包括質(zhì)地、立體感和接觸感)。因此用戶不得不去用手指猜想。但是,從物理的原型中設(shè)計(jì)手勢 UI(如同 Sanchez)可以鼓勵(lì)設(shè)計(jì)師構(gòu)建更多的“提示”,減少用戶的猜想過程。領(lǐng)悟一種手勢將會直觀的‘揭示’其它可能的手勢,從而獲得一個(gè)無菜單的手勢 UI 方案。

日歷

鏈接

個(gè)人資料

存檔