九九精品影院-九九精品在线-九九精品在线播放-九九九国产-国产成+人+综合+亚洲不卡-国产成a人片在线观看视频

2016年UI設(shè)計(jì)的新趨勢

2016-1-11    用心設(shè)計(jì)

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

本文從移動應(yīng)用、網(wǎng)頁設(shè)計(jì)、設(shè)計(jì)工具3個方面聊聊2016年可能流行的新趨勢,有理有據(jù),亮點(diǎn)不少,建議同學(xué)們在研究技法時也多看看這類文章,有助于及時調(diào)整學(xué)習(xí)重點(diǎn)。

移動應(yīng)用

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

部分原生控件上只存在風(fēng)格上的差異,對用戶無顯著影響。

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

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

c4cbf0cb72a767782964c90aebc3ae2d_b

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

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

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

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

4b88c027f9eb9fa3261b3560311bcd8d_b

支持平臺特性(3D Touch, Live Photos, Chromecast, 分屏)能夠在 Early Adopter 中樹立口碑,得到免費(fèi)的傳播點(diǎn),同時也會把中間立場的用戶從競品手中拉攏過來。

但 3D Touch 仍然是噱頭。

3. 動效使用更加普遍,但更多在微交互中

過于華麗的動畫,經(jīng)常出現(xiàn)容易引起厭惡,而且會導(dǎo)致用戶等待的時間延長。

合乎邏輯的動畫、微交互形式將在2016年沉淀下來并作為新的平臺規(guī)范。(如之前的下拉刷新、Float Label 等很難察覺的動效會更流行)

floating-input-labels

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

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

db996bd40fb43291dd7f6af6eb0b7e6c_b

來源:LukeW: Obvious Always Wins

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

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

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

843d93764ff8eba73330f9538cdf03ba_b

來源:Flat Design 2.0

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

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

fc62b0e15d3f100b861c9565da208040_b

來源:MONO 貓弄

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

aef48e132611f427ff7da02399504aeb_b

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

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

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

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

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

74b599aad1fe5c7ff3b70837c095c178_b

△ 來源:Periscope 的主頁,只提供下載應(yīng)用的入口,無視頻直播功能。

279ed6bb465b07feb8139c3a29f8aada_b

△ 來源:Instagram 的 Web 頁,只有圖片的瀏覽功能,無法上傳拍照,也沒有發(fā)現(xiàn)新用戶、搜索等功能。

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

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

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

隨瀏覽器能力的增強(qiáng)、開發(fā)工具成熟,Web 開發(fā)者的數(shù)量增長很快,會有大量 Gmail / Google Docs 級別的應(yīng)用沒有對應(yīng)的原生版。

200768a09aa237e76c441b007f3d8d3b_b

來源:Webflow

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

dba963dc6ad1297fc73038f12cec1c12_b

來源:Species in pieces

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

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

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

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

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

原型工具能夠勝出的條件

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

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

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

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

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

407defa21ab41bb944833db3459102f6_b 6fb0d1bdf9086aa1c865c5965df971fb_b

來源:Project Comet 主頁 / Blog 介紹

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

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

b4a99f5130f52b1ee4d29d18e7bb0c45_b

來源: Oculus Rift

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

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

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

 

原文地址:zhuanlan.zhihu

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


日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.indbiotech.com.cn

存檔

国产网站免费| 美女免费精品视频在线观看| 成人高清视频在线观看| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 四虎影视库| 亚欧成人乱码一区二区| 欧美一级视| 亚洲精品影院久久久久久| 精品国产一区二区三区久久久蜜臀 | 久久精品道一区二区三区| 午夜在线观看视频免费 成人| 免费国产在线观看| 欧美激情一区二区三区在线| 欧美另类videosbestsex高清| 色综合久久天天综合观看| 亚洲第一页色| 国产亚洲免费观看| 亚洲不卡一区二区三区在线| 青青青草视频在线观看| 精品视频在线观看视频免费视频| 国产亚洲免费观看| 日韩欧美一二三区| 免费毛片播放| 日韩中文字幕一区| 四虎久久精品国产| 日本在线不卡视频| 精品视频在线看| 国产91精品系列在线观看| 日韩中文字幕在线播放| 日韩中文字幕一区二区不卡| 欧美大片a一级毛片视频| 欧美18性精品| 91麻豆精品国产自产在线| 99热视热频这里只有精品| 九九久久99| 九九久久99| 久久精品大片| 欧美另类videosbestsex视频| 日本特黄特黄aaaaa大片| 欧美激情一区二区三区视频高清 | 精品久久久久久中文字幕一区| 欧美激情一区二区三区在线播放| 国产伦精品一区二区三区在线观看 | 亚洲精品久久玖玖玖玖| 成人在激情在线视频| 精品国产一区二区三区免费| 日本特黄特色aaa大片免费| 九九久久99| 九九久久99综合一区二区| 国产麻豆精品hdvideoss| 国产国语对白一级毛片| 欧美爱色| 久久久成人网| 欧美一级视频免费观看| 欧美电影免费| 高清一级做a爱过程不卡视频| 国产一区二区高清视频| 精品视频一区二区三区免费| 九九干| 亚洲不卡一区二区三区在线| 久久99爰这里有精品国产| 欧美国产日韩精品| 韩国毛片免费大片| 亚洲第一色在线| 日韩中文字幕一区| 国产一区二区精品| 精品视频免费在线| 日本免费乱理伦片在线观看2018| 国产精品自拍亚洲| 欧美一级视频免费观看| 欧美电影免费看大全| 久草免费在线色站| 欧美另类videosbestsex视频| 免费国产在线观看| 可以免费看污视频的网站| 二级片在线观看| 精品视频在线观看免费| 久久国产影院| 亚洲不卡一区二区三区在线| 日韩一级黄色片| 久久成人性色生活片| 一级片片| 久久国产影视免费精品| 久久成人性色生活片| 韩国三级视频网站| 日韩一级黄色大片| 久久国产精品自由自在| 成人高清视频在线观看| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 欧美大片a一级毛片视频| 中文字幕97| 天天色色网| 日本特黄特黄aaaaa大片 | 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 日韩在线观看视频网站| 四虎影视久久久免费| 欧美国产日韩一区二区三区| 韩国三级一区| 国产伦精品一区二区三区无广告 | 国产视频一区在线| 青青青草影院| 成人a大片在线观看| 天天做人人爱夜夜爽2020毛片| 91麻豆爱豆果冻天美星空| 欧美一区二区三区在线观看| 天天做日日爱| 午夜激情视频在线观看| 国产不卡福利| 高清一级片| 日韩免费在线| 四虎影视久久久免费| 国产精品自拍一区| 久久精品免视看国产成人2021| 国产国产人免费视频成69堂| 日韩一级黄色大片| 99久久精品费精品国产一区二区| 美女免费精品高清毛片在线视| 亚洲 欧美 成人日韩| 国产视频久久久| 成人高清视频在线观看| 成人免费高清视频| 日本在线www| 午夜在线亚洲| 欧美爱色| 国产原创中文字幕| 国产网站免费在线观看| 一级毛片看真人在线视频| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 91麻豆精品国产高清在线| 欧美一区二区三区性| 国产视频一区在线| 91麻豆爱豆果冻天美星空| 精品国产亚洲一区二区三区| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 成人在免费观看视频国产| 日本在线www| 四虎久久精品国产| 亚洲精品影院久久久久久| 欧美激情在线精品video| 欧美国产日韩在线| 91麻豆国产福利精品| 日本特黄一级| 黄色免费三级| 国产网站在线| 国产麻豆精品高清在线播放| 黄视频网站免费看| 韩国三级香港三级日本三级la | 台湾毛片| 欧美a级片免费看| 精品在线免费播放| 999久久狠狠免费精品| 精品国产亚洲人成在线| 国产a视频精品免费观看| 亚洲精品影院一区二区| 色综合久久天天综合| 国产亚洲精品成人a在线| 色综合久久天天综合绕观看| 国产国语在线播放视频| 香蕉视频久久| 国产亚洲免费观看| 国产精品1024在线永久免费| 亚洲 激情| 99色播| 国产一区二区精品久| 人人干人人插| 999精品视频在线| 欧美日本免费| 国产一区二区精品久| 日韩av片免费播放| 国产不卡在线看| 免费一级片网站| 久久久久久久久综合影视网| 亚欧成人乱码一区二区 | 精品视频免费在线| 日韩女人做爰大片| 国产一区二区精品久久| 一级女性大黄生活片免费| 日韩欧美一二三区| 国产综合成人观看在线| 91麻豆精品国产自产在线| 免费的黄色小视频| 亚洲第一色在线| 午夜激情视频在线观看| 成人影院一区二区三区| 天天做日日爱| 日韩在线观看免费| 99色视频在线| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产91精品一区| 欧美日本免费| 国产91丝袜在线播放0| 午夜在线亚洲男人午在线| 亚欧视频在线| 欧美激情一区二区三区在线播放 | 午夜在线亚洲| 中文字幕一区二区三区 精品| 日韩专区亚洲综合久久| 精品国产一区二区三区久久久狼| 97视频免费在线观看| 国产不卡在线观看|