2018历极，新一年到來毁菱，即將迎來新的挑戰(zhàn)和新的視野米死，我們想回顧一下，回顧這即將結(jié)束的一年是怎樣的贮庞。在這里峦筒，我們收集了在2017年Web端和移動端界面贏得大獎的趨勢的集合，其中案例大部分為Tubik團隊的設(shè)計窗慎。
功能極簡主義
相當(dāng)多的移動應(yīng)用程序和網(wǎng)站基于極簡主義的原則不斷發(fā)展和設(shè)計解決方案物喷。極簡主義界面的特點是對視覺元素的全面關(guān)注，不多，但總是傳遞一個特定的信息脯丝。
在極簡主義方面經(jīng)常提到的主要特征包括：
·簡單
·清晰
·富有表現(xiàn)力的視覺層次
·高度重視比例和構(gòu)圖
·每個元素的功能
·大量的空余空間
·對核心細(xì)節(jié)的高度關(guān)注
·字體設(shè)計是一個重要的設(shè)計元素
·消除非功能性裝飾元素
當(dāng)然商膊，這些原則可以繼續(xù)沿用，但即使是給定了風(fēng)格宠进，界面的簡約相對而言是一個用戶友好體驗的趨勢晕拆。好的應(yīng)用，它會幫助用戶看到界面的核心元素材蹬，使用戶使用起來直觀而有目的实幕。此外，極簡主義的界面通常外觀精巧整潔堤器，帶來的美感也成為理想的用戶體驗的因素之一昆庇。
粗獷
排版設(shè)計中的粗獷的趨勢去年開始飆升，2017年的表現(xiàn)更加明顯闸溃。它通常被描述為旨在打破標(biāo)準(zhǔn)和可預(yù)見的設(shè)計技巧的風(fēng)格整吆。以這種方式創(chuàng)建的網(wǎng)站，是對精致設(shè)計的反叛辉川，它具有深思熟慮的對稱性和和諧性表蝙，集成的布局和審美視覺表現(xiàn)力。相比之下乓旗，粗獷主義是基于簡單和原始的外觀府蛇，在大多數(shù)情況下不加載許多視覺細(xì)節(jié)，有時甚至接近一個純HTML頁面屿愚。它被用于特定的目標(biāo)和受眾汇跨，具有高水平的獨創(chuàng)性，并賦予數(shù)字產(chǎn)品獨特的外觀妆距。它可能被喜歡或不喜歡穷遂，但它從來沒有被忽視。
字體集成到圖像中
大膽和吸引人的排版也高度存在于Web和移動布局中毅厚。今年塞颁，通過將標(biāo)題關(guān)鍵字或標(biāo)題融入在頁面上的視覺元素中，增強了布局元素的和諧與完整性吸耿，使排版與界面中的所有內(nèi)容緊密結(jié)合。
首焦Banner動畫
在網(wǎng)頁設(shè)計中酷窥，首焦Banner是在與網(wǎng)站互動的第一時間吸引用戶注意力的大圖咽安。它們通常主題明確，突出關(guān)鍵內(nèi)容并有效抓住用戶眼球蓬推。首焦Banner證明它們在設(shè)定情緒或傳遞信息方面非常有效妆棒。而且，除了網(wǎng)頁上的任何其他醒目的圖形外，它是一種內(nèi)容豐富而又情感化的內(nèi)容糕珊。突出的首焦Banner可以達到多個目的动分，例如：
·吸引用戶的注意
·直觀地傳遞消息
·支持一般的文體表達
·設(shè)定需要的主題、情緒或氛圍
·有效展示核心收益或項目
2017年红选，他們通常用原創(chuàng)動畫形象強化澜公，讓設(shè)計更生動，使他們更具吸引力喇肋。
定制主題插圖
不同的風(fēng)格和復(fù)雜程度的定制插圖坟乾，正積極地覆蓋越來越多的Web和移動用戶界面，增加了對信息的快速感知蝶防，為創(chuàng)意打下堅實的基礎(chǔ)甚侣。Web和移動界面應(yīng)用通過定制的吉祥物、圖標(biāo)和插圖來增強頁面或屏幕的外觀间学，并提高可用性和直觀的導(dǎo)航殷费。此外，圖像改善了用戶體驗設(shè)計的可訪問性低葫，推動了對具有文本識別自然問題的用戶的感知極限详羡，例如閱讀困難或未閱讀的學(xué)齡前兒童。
這里最豐富的氮采，可能是支持網(wǎng)站和應(yīng)用程序的主題插圖殷绍。他們似乎進入了一個新的層次，變得更加精致鹊漠、更復(fù)雜主到、更時尚、更具隱喻性躯概。
無邊框布局
在今年的網(wǎng)頁界面中登钥，經(jīng)常觀察到?jīng)]有任何框架的大背景圖片或圖案。它讓用戶感覺到布局更加通透寬敞娶靡，而背景圖像嵌入其中牧牢，又不會打破界限的感覺。
豐富的界面動畫
和2016一樣姿锭，2017年在界面動畫方面繼續(xù)深入塔鳍。它不僅增加了交互過程中的趣味和手勢，而且大大提高了可用性呻此。用戶體驗變得更加豐富和引人入勝轮纫，而交互元素的操作變得更加清晰，并以可理解的方式回應(yīng)用戶焚鲜。所以掌唾，今年設(shè)計師在各種按鈕放前，標(biāo)簽，圖表糯彬，預(yù)加載器和滾動動畫上運行良好凭语。
UI-friendly branding
2017年可以說是品牌重塑的一年，大量的全球和本土公司撩扒、產(chǎn)品和品牌都將Logo的形式和細(xì)節(jié)進行簡化似扔。隨著越來越多的企業(yè)爭奪更高的在線業(yè)務(wù)，這一趨勢的原因之一是爭取更好的可用性和品牌元素的導(dǎo)向力却舀。所以虫几，為創(chuàng)建更友好的用戶界面（UI-friendly）而設(shè)計新的Logo或?qū)σ延蠰ogo的再設(shè)計，并使a其在各種數(shù)碼設(shè)備和布局上有效地感知互動挽拔。此外辆脸，動態(tài)Logo成為一個趨勢，使品牌符號更具交互性螃诅，并強化品牌意識啡氢。
單色的用戶界面
為了獲得最大的功能，對簡約設(shè)計的興趣日益濃厚术裸，導(dǎo)致了大量單色UI解決方案的出現(xiàn)倘是。這些布局通常外觀時尚、和諧袭艺、使注意力集中搀崭。然而，設(shè)計師們必須投入大量的時間和精力猾编，使之不枯燥瘤睹，讓交互的核心元素則瞬間可見。
深色背景
使用深色背景的移動和Web界面不僅承載該有的信息答倡，并且還突顯了它們的存在轰传。特別是，它們通常應(yīng)用于基于視覺效果而不是復(fù)制的數(shù)碼產(chǎn)品中瘪撇。深色背景通常伴隨著沉穩(wěn)和安全感获茬，它們加深了對圖像的感知，并且可以使界面在不同環(huán)境下的對比度更為明顯倔既，更自然恕曲。此外，現(xiàn)在相當(dāng)廣泛的目標(biāo)受眾喜歡這種風(fēng)格渤涌。
復(fù)制留白
另一個趨勢在基于深色背景方案的界面上特別流行码俩，它還提供了一個適當(dāng)?shù)目勺x性的方法，設(shè)計師為突顯核心數(shù)據(jù)塊采用淺色背景的區(qū)域或空間歼捏，使其在屏幕或頁面上形成對比稿存。
字體的選擇和對比
隨著眾多新字體的出現(xiàn)，用戶界面設(shè)計師有了一個創(chuàng)造性實驗的廣闊領(lǐng)域瞳秽。今天瓣履，文字不僅被視為溝通的手段和向用戶傳達信息，而且是所有設(shè)計理念的組成部分练俐。因此袖迎，專業(yè)人士非常重視字體的選擇和組合。今年腺晾，我們采用了襯線和無襯線字體設(shè)置對比的新方法燕锥，使其具有強大的視覺層次和界面吸引力。
網(wǎng)格實驗
隨著超十億網(wǎng)站發(fā)揮作用悯蝉，設(shè)計師們必須越來越努力归形，使它們既有吸引力又有創(chuàng)意。因此鼻由，網(wǎng)格也在今年的總體設(shè)計趨勢列表中占據(jù)了一席之地暇榴。自定義網(wǎng)格是一種以保存自適應(yīng)布局并以更高層次的靈活性和獨創(chuàng)性放置元素的方式。然而蕉世，這種創(chuàng)造力需要更透徹的研究蔼紧，而有效的結(jié)果往往是通過多次迭代測試和對可用性和視覺感知的分析。
登陸頁面
毫無疑問狠轻，今年的登陸頁面見證了新的發(fā)展和多樣性奸例。企業(yè)和社會項目往往會定期使用這些服務(wù)來有效地提供定制服務(wù)、銷售向楼、報價或吸引用戶注意力的問題查吊。登陸頁也被證明是本地移動應(yīng)用推廣的有效方法∶圩裕基于用戶和市場調(diào)查以及測試菩貌，可以將其定義為用戶友好的趨勢之一，以清晰易用的方式提供必要的信息和交互重荠，從而節(jié)省用戶的時間和精力箭阶。從業(yè)務(wù)的角度來看，他們也很好的配合靈活的工具進行有效的溝通戈鲁。
創(chuàng)造性的視差
隨著更多的可移動和運動工具的設(shè)計仇参，滾動動畫保存了它在Web和移動領(lǐng)域中廣泛應(yīng)用的技術(shù)的位置，創(chuàng)造性和原始視差增強了滾動體驗婆殿，使人眼更加自然诈乒，并為這樣的基本操作增添了優(yōu)雅。
網(wǎng)絡(luò)營銷視頻
更多不同類型的營銷視頻出現(xiàn)在屏幕和頁面上婆芦。他們有效地為市場目標(biāo)服務(wù)怕磨，提高品牌知名度喂饥。一個富有創(chuàng)意和吸引人的視頻是吸引客戶注意力的一種好方法，也是快速而直接地告知顧客的有效方法肠鲫。一個視頻可以激活多個感知通道——聽力员帮、視覺，并通過講故事的力量來強化它們导饲。所有這些因素都傾向于通過視頻進行呈現(xiàn)捞高，特別是基于高質(zhì)量的圖形設(shè)計和動畫。人們每天都會被各種各樣的信息所淹沒渣锦，所以大多數(shù)人沒有很多時間去學(xué)習(xí)產(chǎn)品或服務(wù)硝岗，尤其是新產(chǎn)品或服務(wù)。在這種情況下袋毙，視頻成為了一種動態(tài)的型檀、信息性的、吸引人的交流方式娄猫。
游戲化機制的交互
近年贱除，人們對各種界面的游戲化趨勢越來越感興趣，不僅僅是娛樂媳溺，還有公用事業(yè)和商業(yè)產(chǎn)品月幌。在科技世界里，“游戲化”這個詞代表了將游戲機制運用到非游戲環(huán)境中悬蔽，如網(wǎng)站和移動應(yīng)用程序扯躺。挑戰(zhàn)、獎勵蝎困、積分录语、徽章、排行榜和其他這類的東西禾乘，幫助設(shè)計師思考有效的用戶激勵和留住用戶的方式澎埠。
作為布局元素的框和卡片
2017年UX設(shè)計的另一個趨勢是移動網(wǎng)絡(luò)和移動設(shè)備中卡片和盒子的多樣性。他們在設(shè)定視覺層次和快速掃描信息方面發(fā)揮了重要作用始藕。此外蒲稳，他們成功地為頁面或屏幕的整體諧調(diào)性起到了作用。
幾何元素作為風(fēng)格的一部分
沿續(xù)以前的趨勢伍派，今年在幾個界面上幾何的共鳴江耀。各種簡單而復(fù)雜的形狀、圖案诉植、線條和曲線祥国，在傳統(tǒng)和創(chuàng)新組合的眾多設(shè)計解決方案中經(jīng)常看到晾腔。
實驗性調(diào)色板組合
色彩探索的趨勢并未消失舌稀，帶出了新的原始組合啊犬。畢竟，顏色是將快速感知的信息和情緒添加到界面以及使其外觀具有獨特性和吸引力的最有效方式之一扩借。無論如何椒惨，有效的色彩嘗試不僅僅是純粹的創(chuàng)造力：即使是最有創(chuàng)造力和令人驚訝的組合，也是基于色彩理論知識潮罪、色彩心理學(xué)、用戶界面設(shè)計技巧领斥。
沒有Lorem Ipsum
今年對內(nèi)容質(zhì)量和性能的關(guān)注度不斷提高嫉到。在用戶界面中，內(nèi)容和設(shè)計相互關(guān)聯(lián)：創(chuàng)作者必須使他們成功地互相支持月洛，而不是爭奪用戶的注意力何恶。這就是為什么現(xiàn)在越來越多的設(shè)計師更喜歡真正的內(nèi)容，而不是眾所周知的Lorem Ipsum嚼黔，在設(shè)計概念初始構(gòu)思的情況下细层，它讓設(shè)計師，客戶和內(nèi)容制作者更接近真實的體驗和自然的互動感受唬涧。
毫無疑問疫赎，2017年是界面設(shè)計多元化的一年 ， 也是最受用戶歡迎的趨勢之一碎节。每天有數(shù)以百萬計的用戶捧搞，使用或簡單或復(fù)雜的應(yīng)用程序和網(wǎng)站作為日常的一部分，他們有著不同的口味和喜好狮荔，喜歡各種不同的風(fēng)格和特點胎撇。未來將會設(shè)計更多不同的外觀和功能，這些更廣泛的多樣化選擇將使無窮無盡的全球技術(shù)用戶群體能夠找到適合他們特定需求和愿望殖氏。無論如何晚树，我們很快就會看到下一年將會發(fā)生什么，以及為計師們帶來新的創(chuàng)造性挑戰(zhàn)雅采。
原文：Tubik ? ? ? ? ? 翻譯：TaaCoo糖炒
