2014-6-5 藍藍設(shè)計的小編
轉(zhuǎn)載藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://pcedu.pconline.com.cn/479/4799660.html
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
在移動互聯(lián)網(wǎng)飛速發(fā)展的這幾年，每年都會有一些新鮮的設(shè)計趨勢涌現(xiàn)出來。2014年，又有哪些新的設(shè)計趨勢脫穎而出呢？ 百度MUX有一群關(guān)注趨勢的小伙伴，從大量的APP中去發(fā)現(xiàn)設(shè)計范式，挖掘設(shè)計趨勢，預(yù)測出2014年在移動產(chǎn)品中會被廣泛應(yīng)用的十大交互設(shè)計趨勢。希望這些新穎的設(shè)計模式，為設(shè)計師們帶來創(chuàng)新設(shè)計靈感，進而為用戶帶來新鮮有趣的體驗。
圖00
1 轉(zhuǎn)場動效的平滑（TRANSITION ANIMATION IS SMOOTH EXTREME）
移動APP越來越強調(diào)沉浸式的體驗，頁面和頁面之間切換也需要更加的流暢，轉(zhuǎn)場動效需要更加的和平滑。如果你還沒有為你的APP提供轉(zhuǎn)場動效，那么你已經(jīng)落伍了，如果你還是使用比較傳統(tǒng)的轉(zhuǎn)場動效，如向左滑動、放大縮小，那么你的體驗也已經(jīng)落伍了。平滑無縫的切換和體驗，信息需要沒有阻力的傳遞，用戶需要集中注意力，專注于目標(biāo)任務(wù)來進行一系列的操作。我們相信，優(yōu)先注重轉(zhuǎn)場動效的移動產(chǎn)品，會有極大的產(chǎn)品競爭力。
圖01
圖02
圖03
Yahoo! New Digest Making of Making Facebook Paper
Yahoo! New Digest/Making of Making/Facebook Paper，都對轉(zhuǎn)場的動效進行了精心的設(shè)計，平滑流暢的體驗讓我們眼前一亮。
設(shè)計師設(shè)計移動APP的的動效，需要像導(dǎo)演一樣，布局不同場景中，界面元素的登場方式，不同元素之間的出現(xiàn)、運動、消失要足夠的連貫。必要時，信息框架需要優(yōu)化重構(gòu)。動效的語義需要保持一致，避免認(rèn)知的混淆。如果使用擬物化的動效語言需要符合物理定律。
2 多樣化新手引導(dǎo)（ VARIOUS GUIDANCE）
靜態(tài)圖片或蒙灰圖層的新手引導(dǎo)容易被用戶忽略，眼前一亮的新手引導(dǎo)才能讓用戶有學(xué)習(xí)的欲望與沖動。新穎的新手引導(dǎo)往往會突破靜態(tài)圖片這種方式，通過生動的故事、吸引眼球的動效、場景化的圖片、語音引導(dǎo)及視頻小短片等新穎的新手引導(dǎo)突破靜態(tài)圖片的方式，吸引用戶的眼球。
圖04
Hue
視覺動效類的引導(dǎo)，各種視差動效、過渡動效、入場動效、強化動效等等多種多樣，”Hue”通過動效將功能及引導(dǎo)元素串聯(lián)起，活潑的展現(xiàn)在用戶面前，也不失為一種吸引眼球的方式。
圖05
為Ta鬧鐘
語音視頻類的引導(dǎo)，”為ta鬧鐘”則直接應(yīng)用一個制作精良的動畫短片讓你了解APP的使用場景，激起用戶對功能的嘗試欲望。
另外，F(xiàn)acebook paper的新手引導(dǎo)使用真人語音配合動效教學(xué)基本的操作手勢，而且是一步一提醒的交互形式，非常簡單、”醒耳”。
3 信息框架扁平化（FLAT INFORMATION FRAMEWORK）
APP設(shè)計中一個比較重要的設(shè)計因素，是效率的最大化。2013年我們追求界面扁平，注重通過弱化視覺效果，來強化功能主義，界面風(fēng)格的扁平化，還遠遠不夠，2014年應(yīng)該從信息架構(gòu)角度，再進一步的去應(yīng)用扁平化的設(shè)計理念，這就是信息架構(gòu)的扁平化趨勢。
信息框架扁平目的是減少信息層級，追求信息到達用戶的最短距離。通常，移動APP的層級關(guān)系不比網(wǎng)頁直觀，不不存在面包屑或是站點地圖允許用戶任意跳轉(zhuǎn)。縱深的返回機制會增加用戶操作成本，扁平的信息框架會從根本上解決上述問題。
圖06
Google Now
Google Now使用卡片式列表框架展示信息，把用戶需要的信息展示在首頁，將搜索結(jié)果前置，省去輸入、點擊和頁面跳轉(zhuǎn)的步驟，讓用戶更快捷的獲取所需要的信息。
圖07
Drippler
Drippler主要提供和自己設(shè)備相關(guān)的提示、軟件更新等所有信息。首頁以瀑布流的方式展示信息，支持頂部下拉菜單進行篩選，省去更多分類入口，縮短用戶到達信息詳情頁的步驟。
藍藍設(shè)計的小編 http://sillybuy.com