DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 總結2012年需要重點關注的設計趨勢
總結2012年需要重點關注的設計趨勢
編輯:關於網頁技巧     

2011年湧現出諸多優秀設計,隨著操作系統的更新和硬件性能的提升,交互設計又被提升到一個新的高度。不再是將內容從互聯網搬至移動設備,而是解決設備本身的問題,根據用戶需求從操作方式、信息架構和內容呈現等各個方面挖掘設計的可能性,為用戶帶來新穎的交互體驗。本文匯總今年熱門產品的界面案例,希望能從中總結出未來一年需要重點關注的設計趨勢。

突出主要功能

對於信息架構的不同,主界面也會有很大區分,以某一功能吸引用戶,如拍照分享。專注是從眾多相似產品中脫穎而出的產品策略,有數據表明,如果界面某項功能在視覺上最明顯,那也將提高用戶使用的機率。

語音交互

設備硬件為取代其他終端產品和實現新穎的功能提供了技術基礎,用戶與設備之間的交互方式不僅局限受觸摸屏,語音和拍攝在2011年的移動應用中發揮了巨大的作用,促成微信和Instagram等熱門產品。

Siri被譽為革命性產品,不管其是否誇大其詞,它成功將語音交互引入到移動設備中,比起語音命令更為智能。

百度手機浏覽器Android率先引入語音搜索,解放雙手,提供更為自然的操作方式,但需要交互輔助解決識別率和使用環境嘈雜等問題。

語聊可能是今年最火的功能,音頻讓用戶溝通更為方便,在此基礎之上還能衍生出更豐富的語音交互方式,比如語音表情等等。

語音輸入是語音識別的基礎應用,有望廣泛實現在手機的輸入法中。

攝像頭交互

攝像頭的潛力同樣讓人興奮,除了拍照和拍視頻還有很多料想不到的功能,比如類似於kinect的操作,在屏幕上方移動手掌可以操作手機。

裸眼3D利用前置攝像頭探測用戶和設備的相對位置,在屏幕上顯示立體化的圖形,不需要戴眼鏡可以看到3D的效果,這項技術可能優先使用在游戲中。

攝像頭還可以捕捉眼球的位置移動,取代觸摸屏操作,計算出用戶的視覺注意力在屏幕哪部分區域,頁面可以隨著眼球的移動,當眼球的注意力集中在某個圖標上2秒鐘可以觸發點擊操作。

Galaxy Nexus的臉部識別功能,利用前置攝像頭將成熟技術應用在移動端,視頻通話也將在未來幾年得到普及。

滑動手勢

以N9為代表,滑動手勢取代Home鍵,滑動操作將非常頻繁地出現在觸摸屏操作中,設計中使用滑動手勢取代點擊有諸多優點,比如避免點擊區域導致的誤操作問題、操作流暢和隱藏控件等。

N9手機

uc浏覽器雙指滑動可以新建或者切換界面,有助於提高操作效率。

iPhone版Flipboard向上滑動實現翻頁,不過效果過於強烈,視覺上並不連貫。

百度手機浏覽器WP7版單指滑動工具欄可以縮放頁面,隨意控制頁面比例。

動效

隨著手機性能的提升,系統和應用程序中的動效越來越豐富,其豐富的視覺細節對於交互設計有著諸多的輔助作用,有效保證富交互的實現效果。

翻頁和點擊單個元素進入新頁面時,專場效果讓界面看起來更為流暢。

Path控件的動效成為今年流行設計元素,越來越多的應用為針對ios5增加動效。

側邊欄

當界面結構比較復雜,類似Pad的側邊欄有助於減少界面的層級關系,充分利用顯示空間,或者讓目錄型數據便於操作。

Facebook&Path

全局顯示

移動設備的屏幕越來越大,但還是要減少不必要視覺元素干擾用戶,特別是對於浏覽類產品,更注重擴大主體顯示區域。

WP7浏覽器將地址欄放置底部

唐茶閱讀盡量屏蔽了無關的視覺元素

百度手機浏覽器WP7版單指滑動工具欄可以縮放頁面,這也是動效的應用案例之一。

近距離交互

近距離交互是個人杜撰出來的詞匯,意指實現近距離的設備與設備之間的交互,移動設備中數據可以像物品一樣被隨時隨地的交換,也可以取代用戶

搖手機換名片應用到LBS和重力感應,實現“碰撞”設備交互數據,如通訊錄、照片和應用程序等等。

Square可以查找到周圍的移動設備,發送支付清單,實現線上支付。

移動設備自帶的NFC功能,包含用戶各種卡類信息,從而可以取代用戶的銀行卡、飯卡、公交卡和門卡等等。

文章來源:曉生語錄

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved