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

本文從移動(dòng)應(yīng)用、網(wǎng)頁(yè)設(shè)計(jì)、設(shè)計(jì)工具3個(gè)方面聊聊2016年可能流行的新趨勢(shì)，有理有據(jù)，亮點(diǎn)不少，建議同學(xué)們?cè)谘芯考挤〞r(shí)也多看看這類(lèi)文章，有助于及時(shí)調(diào)整學(xué)習(xí)重點(diǎn)。

移動(dòng)應(yīng)用

1. 各平臺(tái) (Android/iOS/HTML5/Web) 的標(biāo)準(zhǔn)設(shè)計(jì)語(yǔ)言接近一致

部分原生控件上只存在風(fēng)格上的差異，對(duì)用戶(hù)無(wú)顯著影響。

Material Design 不會(huì)大興其道，更不可能逆襲（用 Material Design 設(shè)計(jì)的 App 在 iOS 上使用），iOS 的實(shí)用主義設(shè)計(jì)會(huì)顯著影響 Material Design。

桌面常見(jiàn)的交互形式也將更多影響移動(dòng)端，要支持 iPad Pro 這樣的生產(chǎn)級(jí)設(shè)備，iOS/Android 會(huì)為了兼容桌面場(chǎng)景作出優(yōu)化。

來(lái)源：Google+ 在 Android 版也出現(xiàn)了底部導(dǎo)航的交互

2. 設(shè)計(jì)規(guī)范、平臺(tái)特性將越來(lái)越受重視

大廠商更加務(wù)實(shí)，更遵守平臺(tái)的設(shè)計(jì)規(guī)范，只在需求無(wú)法滿(mǎn)足的情況下重新發(fā)明輪子，因?yàn)閷?shí)現(xiàn)、適配、用戶(hù)學(xué)習(xí)成本等方面的考慮，自創(chuàng)的交互效果未必理想。

（iOS 上的 App，在理想情況下應(yīng)該適配 iPhone 5/6/6+ 的分辨率，iPad/iPad Pro的 25%, 50%, 75%, 100% 寬的分辨率)

支持平臺(tái)特性（3D Touch, Live Photos, Chromecast, 分屏）能夠在 Early Adopter 中樹(shù)立口碑，得到免費(fèi)的傳播點(diǎn)，同時(shí)也會(huì)把中間立場(chǎng)的用戶(hù)從競(jìng)品手中拉攏過(guò)來(lái)。

但 3D Touch 仍然是噱頭。

3. 動(dòng)效使用更加普遍，但更多在微交互中

過(guò)于華麗的動(dòng)畫(huà)，經(jīng)常出現(xiàn)容易引起厭惡，而且會(huì)導(dǎo)致用戶(hù)等待的時(shí)間延長(zhǎng)。

合乎邏輯的動(dòng)畫(huà)、微交互形式將在2016年沉淀下來(lái)并作為新的平臺(tái)規(guī)范。(如之前的下拉刷新、Float Label 等很難察覺(jué)的動(dòng)效會(huì)更流行）

4.「可用性高」的設(shè)計(jì)會(huì)戰(zhàn)勝「簡(jiǎn)潔」的設(shè)計(jì)

智能手機(jī)的用戶(hù)已經(jīng)擴(kuò)展到非常邊緣的人群，而且數(shù)量級(jí)很大，他們對(duì)于一般的界面交互、隱喻沒(méi)有任何概念，把信息盡量直白、無(wú)損地傳遞出去，會(huì)在可用性和設(shè)計(jì)的「簡(jiǎn)潔性」上產(chǎn)生一定的沖突。

來(lái)源：LukeW: Obvious Always Wins

這也是「漢堡菜單」和 Material Design 中 FAB 按鈕最大的問(wèn)題。

5. 平面設(shè)計(jì)、游戲設(shè)計(jì)的靈感會(huì)影響 App 交互/內(nèi)容的設(shè)計(jì)

Flat 2.0 感覺(jué)的設(shè)計(jì)：雖然整體感覺(jué)還是「平」的，但陰影、漸變等細(xì)節(jié)會(huì)更豐富。

來(lái)源：Flat Design 2.0

精美的插畫(huà)、攝影更普遍，直接影響App本身的品質(zhì)感。

字體的選擇更多，排版更像雜志。

來(lái)源：MONO 貓弄

6. 「智能通知」將會(huì)成為新的「App主界面」

Apple Watch 等智能手表最核心的價(jià)值被證明是「通知」，尤其是在每個(gè)人有很多App，注意力資源稀缺，不主動(dòng)啟動(dòng)應(yīng)用（或不方便啟動(dòng)，如 Apple Watch）的情況下，通知成為了用戶(hù)與 App 交互的最直接渠道。

通知會(huì)以更「智能」的形式出現(xiàn)，不會(huì)是現(xiàn)在的小廣告推送形式，也不會(huì)是類(lèi)似 Widget 常駐的形式，而更接近「手表屏幕」大小，按需出現(xiàn)，可交互的、功能相對(duì)完整的界面（即使是在手機(jī)上而不是手表上），用戶(hù)甚至可以永遠(yuǎn)不打開(kāi)一個(gè) App，而能夠享受 App 提供的全部功能。

網(wǎng)頁(yè)設(shè)計(jì)

1. 新的手機(jī) App ，不一定會(huì)有對(duì)應(yīng)的全功能網(wǎng)頁(yè)

對(duì)新的應(yīng)用而言，功能最齊全、最強(qiáng)大的一定是手機(jī)版。因?yàn)槭謾C(jī)所能獲取的信息最豐富，可以通過(guò)發(fā)通知等各種辦法與用戶(hù)更貼近。

△ 來(lái)源：Periscope 的主頁(yè)，只提供下載應(yīng)用的入口，無(wú)視頻直播功能。

△ 來(lái)源：Instagram 的 Web 頁(yè)，只有圖片的瀏覽功能，無(wú)法上傳拍照，也沒(méi)有發(fā)現(xiàn)新用戶(hù)、搜索等功能。

HTML5 頁(yè)面作為分享頁(yè)面展示、導(dǎo)流的重要入口，會(huì)優(yōu)先保留內(nèi)容的展示和消費(fèi)、二次分享的功能，也會(huì)滿(mǎn)足最基礎(chǔ)的應(yīng)用功能，如滴滴打車(chē)的微信版。

網(wǎng)頁(yè)版僅作為 HTML5 頁(yè)面的放大和內(nèi)容的擴(kuò)充，很少會(huì)有 Web 的特色功能。

2. 網(wǎng)頁(yè)將接替原生應(yīng)用，成為主要的桌面應(yīng)用開(kāi)發(fā)平臺(tái)

隨瀏覽器能力的增強(qiáng)、開(kāi)發(fā)工具成熟，Web 開(kāi)發(fā)者的數(shù)量增長(zhǎng)很快，會(huì)有大量 Gmail / Google Docs 級(jí)別的應(yīng)用沒(méi)有對(duì)應(yīng)的原生版。

來(lái)源：Webflow

大量效果優(yōu)秀、設(shè)計(jì)鮮明、交互神奇的桌面體驗(yàn)將來(lái)自瀏覽器端，網(wǎng)頁(yè)端用戶(hù)行為側(cè)重于重度、創(chuàng)作力強(qiáng)的核心用戶(hù)。

來(lái)源：Species in pieces

3. 已有大量用戶(hù)的桌面端網(wǎng)站，將不再輕易改版

成本高，而收益有限，如果改版的話(huà)，會(huì)主要作為品牌擴(kuò)展、設(shè)計(jì)同步的因素考慮，最小化修改功能層面，換皮為主。

如果要做功能層面的改版，將會(huì)從響應(yīng)式出發(fā)，以手機(jī)版、平板觸摸版的設(shè)計(jì)出發(fā)，延伸到桌面端來(lái)設(shè)計(jì)。這個(gè)過(guò)程中損失掉的高級(jí)功能，可能會(huì)以原有界面原封不動(dòng)，增加隱藏入口這種不優(yōu)雅的方式解決。

設(shè)計(jì)工具

1. 原型工具之戰(zhàn)可能會(huì)出現(xiàn)勝利者

原型工具能夠勝出的條件

• 與靜態(tài)界面設(shè)計(jì)緊密結(jié)合 （靜態(tài)界面改動(dòng)不應(yīng)破壞原型邏輯）
• 方便制作響應(yīng)式的設(shè)計(jì)（手機(jī) – iPad 的界面盡量一次預(yù)覽)
• 上手簡(jiǎn)單（Framer 目前太不直觀）
• 擴(kuò)展性高，能實(shí)現(xiàn)略復(fù)雜的交互效果

原型工具經(jīng)過(guò)2015年的混戰(zhàn)，到了2016年可能會(huì)有一個(gè)平臺(tái)成為新的 Sketch 作為事實(shí)標(biāo)準(zhǔn)。

2. 設(shè)計(jì)中將使用實(shí)時(shí)、真實(shí)的數(shù)據(jù)

Project Comet 在 Adobe Max 上給大家演示的從 Google Spreadsheet，從網(wǎng)頁(yè)等來(lái)源直接把數(shù)據(jù)接入到設(shè)計(jì)稿中，給人印象深刻。這是一個(gè)明確的趨勢(shì)，今年大多數(shù)應(yīng)用都應(yīng)該支持這樣。

真實(shí)的數(shù)據(jù)，無(wú)論是對(duì)設(shè)計(jì)決策還是產(chǎn)品決策，都會(huì)產(chǎn)生非常直接的作用。（已經(jīng)有太多產(chǎn)品看效果圖自我感覺(jué)超級(jí)好，真實(shí)一上線(xiàn)爹都不認(rèn)識(shí)）

 

來(lái)源：Project Comet 主頁(yè) / Blog 介紹

3. VR 的設(shè)計(jì)工具將開(kāi)始出現(xiàn)

2016 年隨著 Oculus Rift 的正式發(fā)布，VR 進(jìn)入了商用化的元年。雖然之前 VR 更多是用于游戲中，但 Facebook 收購(gòu) Oculus VR 肯定不止是為了討好游戲玩家。

來(lái)源： Oculus Rift

VR 帶來(lái)的身臨其境感顯然會(huì)帶來(lái)新的信息展現(xiàn)和交互方式，這些都不是目前的平面設(shè)計(jì)軟件所能滿(mǎn)足的，但目前進(jìn)行 VR 也沒(méi)有除了直接搞代碼之外的設(shè)計(jì)方式，這些可能都會(huì)在今年有所改觀。

4. 平板類(lèi)設(shè)備（如iPad Pro）仍然無(wú)法在 App 設(shè)計(jì)/代碼過(guò)程中起到太大作用

蘋(píng)果自己還沒(méi)有在 iPad 上有可用的 Xcode（哪怕只是跑跑 Swift 的命令行），Sketch 也沒(méi)有在 iPad 推出軟件的打算，至于在 Mac 平臺(tái)上已經(jīng)大興其道的各種原型軟件，也根本沒(méi)有在 iPad 上有任何動(dòng)靜。即使今年有，也最多是玩具。在2016年，iPad Pro 的處境仍然不夠樂(lè)觀。

 

原文地址：zhuanlan.zhihu

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