原文：《Review of Popular Interface Design Trends in?2017》

以下是uxplanet整理出來的2017設(shè)計(jì)趨勢纽匙，供參考胀莹。此篇為下半部分，共11點(diǎn)畔师。

字體對比之精巧?

字體數(shù)量以爆炸式增長范嘱，給交互設(shè)計(jì)師的創(chuàng)造性提供了很大的空間≡愫欤現(xiàn)在我們說的字體排版，不僅僅只是用來給用戶傳遞信息猪贪，它也是整體設(shè)計(jì)效果的一部分跷敬。因此，專業(yè)的設(shè)計(jì)師會在字體選擇和組合使用上花很大功夫热押，讓我們見識到了襯線和非襯線字體在強(qiáng)化視覺層級上的作用西傀，同時(shí)又能保持一定的美感。

The Gourmet?Website

實(shí)驗(yàn)性網(wǎng)格設(shè)計(jì)

每天都有成千上萬的網(wǎng)站投入運(yùn)營桶癣，設(shè)計(jì)師們必須花很大精力在創(chuàng)新性上拥褂，提升設(shè)計(jì)吸引力的基礎(chǔ)上保持自己的原創(chuàng)性。由此而來的實(shí)驗(yàn)性網(wǎng)格設(shè)計(jì)在今年登頂設(shè)計(jì)趨勢的寶座牙寞，自定義網(wǎng)格能在保持布局協(xié)調(diào)感的同時(shí)饺鹃，又能賦予布局元素以很高的靈活性和獨(dú)創(chuàng)性。當(dāng)然间雀，這種類型的創(chuàng)新設(shè)計(jì)非常需要較為全面的調(diào)研悔详，從反復(fù)測試和分析中得出對于提高可用性和視覺感知有價(jià)值的結(jié)果。

登錄頁面組

毫無疑問惹挟，登錄頁面被賦予了新的生命茄螃，有了新的發(fā)展和演變。商務(wù)和社交類產(chǎn)品常常使用登錄頁面組來展示某些特殊服務(wù)连锯、營銷廣告或者重要事件归苍，以吸引用戶的關(guān)注党巾。在本地應(yīng)用程序的推廣上，登錄頁也能起到不錯(cuò)的營銷效果霜医〕莘鳎基于對用戶和市場的調(diào)研結(jié)果來看，登錄頁面確實(shí)是一個(gè)比較友好的設(shè)計(jì)趨勢肴敛，在提供必要的信息和清晰的交互操作同時(shí)署海，也不會耽誤用戶的時(shí)間。從商務(wù)角度考慮医男，它投放效果好砸狞，針對性強(qiáng)。

Digital Agency Landing?Page

創(chuàng)意視差動畫

著眼于優(yōu)化動態(tài)設(shè)計(jì)的軟件不斷涌出镀梭，滑動動畫在網(wǎng)頁端和移動端廣泛應(yīng)用刀森，依然占據(jù)著舉足輕重的地位。視差效果帶來的創(chuàng)意性和獨(dú)創(chuàng)性加強(qiáng)了感官刺激报账，很容易吸引用戶的眼球研底。

參考圖例：Bakery Website（gif演示）

網(wǎng)絡(luò)營銷宣傳視頻

不同類型的營銷類視頻井噴式地占據(jù)著大家的屏幕，毫無疑問透罢，它們能有效且出色地達(dá)到市場營銷的目的榜晦，提高品牌認(rèn)知。利用引人注目的宣傳視頻可以很方便地吸引用戶的眼球羽圃、快速清晰地傳遞信息乾胶。視頻可以從視聽上多方位地刺激和加強(qiáng)故事敘述的能力，通過高品質(zhì)的圖像和動畫設(shè)計(jì)使展示效果更容易讓人記住朽寞。用戶每天都被各類成噸的信息轟炸著识窿，所以大多數(shù)人都不愿意花太多功夫去了解那些新的產(chǎn)品或者服務(wù)。這樣一來脑融，引人注目又包含一定信息量的視頻成為了更佳的傳播方式喻频。當(dāng)然，不同設(shè)備上的網(wǎng)頁加載速度不會一樣吨掌，需要謹(jǐn)慎測試半抱。

參考示例：Promo Video design for Binned（視頻演示）

游戲化交互體驗(yàn)

今年游戲化的交互理論也開始應(yīng)用于大量的界面設(shè)計(jì)上，娛樂類膜宋、工具類窿侈、商業(yè)類產(chǎn)品均有涉足。技術(shù)領(lǐng)域里秋茫，“游戲化”一詞代表著把游戲理論運(yùn)用在非游戲的場景中史简，如網(wǎng)站、移動應(yīng)用程序等等。設(shè)計(jì)師把挑戰(zhàn)圆兵、獎(jiǎng)勵(lì)跺讯、得分、徽章殉农、排行榜等等游戲因素與產(chǎn)品結(jié)合起來刀脏，可以有效地推動和鼓勵(lì)用戶的參與。

Upper App

盒型/卡片型布局元素

2017年還有個(gè)設(shè)計(jì)趨勢是傾向于使用卡片或者盒狀元素來布局超凳，它們不僅能幫助用戶建立視覺層級愈污，也能使信息很快速地被瀏覽到，并且轮傍，這樣的元素在視覺上跟屏幕搭起來也很協(xié)調(diào)暂雹。

StarDust Biker?Website

把幾何圖形作為頁面樣式的一部分

基于上一個(gè)趨勢，幾何元素的運(yùn)用在界面設(shè)計(jì)中逐漸興起创夜。多種多樣的圖形杭跪，無論是復(fù)雜的、簡單的驰吓，亦或是圖案涧尿、直線或曲線，都可以在很多風(fēng)格設(shè)計(jì)里看到它們的身影棚瘟，既不失傳統(tǒng)風(fēng)味现斋，又有著創(chuàng)新的表達(dá)喜最。

Wedding Theme

實(shí)驗(yàn)性色彩組合

色彩的搭配永遠(yuǎn)不會過時(shí)偎蘸，2017年又有了新的趨勢。毋庸置疑瞬内，色彩是通過界面?zhèn)鬟f信息迷雪、傳達(dá)情感最有效的手段之一，好的色彩搭配能很好地吸引用戶的目光虫蝶。無論如何章咧，具有實(shí)驗(yàn)性的色彩搭配不僅僅只是隨意的創(chuàng)新，即使是最跳躍的配色也是按照用戶界面設(shè)計(jì)色彩理論能真、色彩邏輯等等理論知識而來的赁严。

Book Swap?App

不使用Lorem?Ipsum（假文）

內(nèi)容的質(zhì)量和表現(xiàn)依然是大家關(guān)注的焦點(diǎn)，在界面設(shè)計(jì)中粉铐，內(nèi)容和設(shè)計(jì)有著內(nèi)在的聯(lián)系：創(chuàng)作者不得不根據(jù)設(shè)計(jì)把內(nèi)容充實(shí)疼约，讓用戶能準(zhǔn)確建立之間的聯(lián)系。這就是為什么越來越多的設(shè)計(jì)師即使在設(shè)計(jì)概念產(chǎn)品時(shí)蝙泼，也都會傾向于使用真實(shí)內(nèi)容填充程剥，而非Lorem Ipsum這類假文——這樣能讓設(shè)計(jì)師、客戶能對于設(shè)計(jì)有更真實(shí)的感受汤踏。

Dating App Landing?Page

2017年的界面設(shè)計(jì)可以是近幾年來最關(guān)注用戶友好度的一年织鲸。全世界有上百萬的用戶舔腾，每個(gè)人有著各自的品味和偏好，喜歡的風(fēng)格和個(gè)性特征也不一樣搂擦。產(chǎn)品功能和設(shè)計(jì)效果的變化一多稳诚，那么多用戶就總能找到滿足自己的需求的一款，蘿卜白菜瀑踢，各投所愛采桃。讓我們期待2018年又有哪些新的挑戰(zhàn)在等待著交互設(shè)計(jì)師吧~