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