萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 界面折紙:設計師獲取靈感的有趣方式

界面折紙:設計師獲取靈感的有趣方式

界面折紙:設計師獲取靈感的有趣方式 三聯教程

  如今應用開發已經成為一個熱門話題。對於開發者來說,要使自己的應用脫穎而出,創新的界面是一個重要方面。Clear、Path 等應用都以其獨特的界面,為人稱道。那麼,如何開發獨特而好用的界面呢?

  設計師 Juan Sanchez 有一個不錯的主意。

  如今的設計工作離不開電腦的輔助,但是 Juan Sanchez 認為,設計師有時候也應該離開電子世界,從現實的物理世界中尋求靈感。為了說明這個問題,他制作了一些界面折紙。

PinchApartSlide

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

Accordion

  這種“手風琴”式的界面要素也可以用於展示菜單。另外,如果對某個條目進行操作,是否可以拉起上層,展示下面的操作選項呢?

Fold

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

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

  文章來源:ifanr.com

copyright © 萬盛學電腦網 all rights reserved