對于設計趨勢，我們一(yī)直都(dōu)在定期總結和(hé)梳理。但(dàn)是以往的設計趨勢總結通(tōng)常隻會聚焦在某個很(hěn)小的、特定的點上(shàng)。實際上(shàng)，在設計越來越現代的今天，其實當下(xià)的語境是塑造各種設計趨勢的根源，而它幾乎是全部趨勢的最好概括。我們以往所總結的「設計趨勢」大多停留在風(fēng)格和(hé)技法層面上(shàng)，而現在當你觀察設計領域所呈現出來的狀态，會發現這(zhè)些東西(xī)都(dōu)是互相關聯的，單獨挑出其中的一(yī)種趨勢，往往有以偏概全的嫌疑。
現在我們設計師(shī)所面臨的狀況，仿佛是所有的技術(shù)進步和(hé)全部的新工(gōng)具，正在打造各種産品一(yī)齊解決用戶所面臨的全部問(wèn)題。
設計越來越系統化，設計師(shī)的身份不再局限于視(shì)覺呈現這(zhè)一(yī)個層面，對于産品、營銷的要(yào)求早已成為(wèi)很(hěn)多企業招聘的基本要(yào)求。更系統的知識、更全面的方法支撐，讓設計師(shī)能(néng)夠在産品設計流程中作(zuò)出更好的決策。
盡管我們還沒有達到這(zhè)個可(kě)預期的未來，但(dàn)是我們仍然向着那(nà)個方向堅定不移地(dì)靠近着。
我們會将這(zhè)些明(míng)顯的設計趨勢視(shì)作(zuò)為(wèi)當下(xià)設計不足的一(yī)種提醒，密切關注，确保我們能(néng)在現有基礎上(shàng)越做(zuò)越好。下(xià)面，看(kàn)看(kàn)我們通(tōng)過持續觀察所預測的2019年(nián)的設計趨勢。
毫無疑問(wèn)，技術(shù)的發展讓浏覽器正在變得近乎無所不能(néng)，無論是桌面端還是移動端。
浏覽器基礎測試所呈現出來的數(shù)據，反映出的情況很(hěn)明(míng)顯，絕大多數(shù)的浏覽器在性能(néng)上(shàng)都(dōu)在飛速地(dì)增長(cháng)着。由于流式編譯的流行(xíng)，使得浏覽器的設計和(hé)開(kāi)發的效率越來越高，Mozilla 的報告顯示，目前新的編譯器比以往優化過的編譯器還要(yào)快(kuài)10到15倍。
如(rú)今，所有的現代浏覽器都(dōu)支持 WebGL 2 ，它支持全新的3D紋理和(hé)對象渲染，邊度深度和(hé)頂點數(shù)組對象。
桌面端和(hé)移動端的浏覽器正在彌合概念設計和(hé)實際可(kě)行(xíng)設計之間(jiān)的鴻溝，想到就能(néng)做(zuò)到正在成為(wèi)一(yī)件越來越真實的事情。
雖然浏覽器本身性能(néng)一(yī)直在提升，不過浏覽器的開(kāi)發者仍然無法兼顧到全部的網站，尤其是以往設計得比較糟糕的網站。身為(wèi)設計師(shī)應該多了(le)解浏覽器，并且盡量去發揮浏覽器應有的性能(néng)。
近兩年(nián)來動畫(huà)效果的持續升溫，這(zhè)幾乎成了(le)設計師(shī)的新必修課。而浏覽器和(hé)硬件的性能(néng)提升，使得動畫(huà)效果近乎無處不在。可(kě)是，現在新的問(wèn)題出現了(le)，那(nà)就是設計師(shī)不僅要(yào)讓元素動起來，而且要(yào)更加合理地(dì)運動。
動效設計是一(yī)個典型的多學科交叉之後的産物(wù)，設計師(shī)不僅要(yào)懂(dǒng)得物(wù)體運動的物(wù)理規則，而且要(yào)懂(dǒng)得在 UI 和(hé)網頁中使用動效的心理學效應。
動效已經不僅僅代表着時(shí)尚，它是諸多知識的交彙處，設計師(shī)需要(yào)通(tōng)過學習來了(le)解如(rú)何合理、正确、有效地(dì)呈現動畫(huà)，傳遞信息，确保體驗，還不會讓人(rén)厭倦。
以前，界面和(hé)界面之間(jiān)的間(jiān)隙是無人(rén)區(qū)，如(rú)今是動效設計師(shī)的後院。
△ Cocoladas Creative Blog Artist Preview Page by Zhenya Rynzhuk
動效讓用戶更深層地(dì)參與到 UI界面當中，并且每一(yī)個交互都(dōu)更有意義。但(dàn)是，動效能(néng)做(zuò)的東西(xī)更多，UI界面中每個元素的運動和(hé)變化都(dōu)有意義，都(dōu)會有産出價值，你要(yào)怎麽駕馭它們？這(zhè)是2019年(nián)需要(yào)面對的問(wèn)題。
△ Fuck by Eduard Mykhailov
哪怕是 LOGO，加入動效之後，都(dōu)會呈現出不同的樣子。你的LOGO 要(yào)帶有什麽樣的感覺，傳達什麽樣的情緒，有着什麽樣的變化？如(rú)果都(dōu)沒有，那(nà)麽你應該想想了(le)。比起簡單的布局、光(guāng)影和(hé)材質，動效所傳遞出來的信息量更大，表現出來的效果更神奇，能(néng)承載的故事性是令人(rén)咋舌的。那(nà)麽，為(wèi)什麽不讓動效來幫你做(zuò)點什麽呢？
不要(yào)太過放飛，還是讓動畫(huà)效果給你産出價值吧。
△ Lakko — Logo animation by Zlatko Kelemenić
如(rú)今3D建模和(hé)渲染已經非常普遍了(le)。不過在此之前，很(hěn)長(cháng)一(yī)段時(shí)間(jiān)內(nèi)，為(wèi)了(le)确保速度和(hé)可(kě)訪問(wèn)性，設計師(shī)盡量在 UI 中少(shǎo)用3D建模和(hé)渲染，不過更好的浏覽器和(hé)應用性能(néng)讓這(zhè)一(yī)點越來越容易實現和(hé)普及。
界面中的3D效果和(hé)現實的交疊，創造出一(yī)種超現實的質感。
這(zhè)種設計方法，對于設計項目而言，是非常有用的，借助3D實現可(kě)視(shì)化效果，它可(kě)以兼容各種不同技術(shù)流程，并且更容易被用戶所理解和(hé)接受。
在遊戲和(hé)電影當中，3D效果有過很(hěn)普遍的使用，不過它大多運用在較短的關鍵部位，借助意義明(míng)确的動畫(huà)，3D作(zuò)為(wèi)強大的設計工(gōng)具發揮着作(zuò)用。如(rú)今，在移動端 UI 和(hé)網頁中，也不是難以做(zuò)到的。
△ Baker Hughes Digital by Sanu Sagar
至于扁平化的 UI 設計，在過去的幾年(nián)中一(yī)直是主流。最近，我們發現扁平化的 UI 元素，在視(shì)覺深度上(shàng)開(kāi)始發生明(míng)顯的變化，但(dàn)是整體風(fēng)格和(hé)使用方式上(shàng)并沒有明(míng)顯變化。當然，在縱深上(shàng)的變化，很(hěn)大程度上(shàng)是強化層次的象征意味，讓用戶更容易理解，而扁平依然是核心的特征。
深度扁平，就是新的扁平化設計。
△ Cards 3D transition by Gleb Kuznetsov
△ 3D flip menu by Minh Pham ✪
3D 和(hé) CG技術(shù)的結合讓用戶在視(shì)覺上(shàng)感覺仿佛是在和(hé)真實內(nèi)容進行(xíng)交互，這(zhè)一(yī)點和(hé)深度扁平在內(nèi)核上(shàng)是一(yī)緻的。從(cóng)某種意義上(shàng)來說，深度扁平也可(kě)以算是僞3D ，它是為(wèi)了(le)營造出真實的質感，而調整出拟真的光(guāng)影效果（在縱深上(shàng)）。
△ ARTA / Art Gallery by Mike | Creative Mints
另外(wài)還有一(yī)種僞3D的處理方式，就是使用AE 這(zhè)樣的傳統工(gōng)具，在二維平面上(shàng)模拟物(wù)體在3D的運動方式。
△ Astronaut by Markus Magnusson
在接下(xià)來的2019年(nián)，我們有很(hěn)大的機率會迎來拟物(wù)化設計的回歸。如(rú)果扁平化設計在縱深上(shàng)足夠明(míng)顯的話，它會更加接近等軸測的效果。如(rú)果真的要(yào)給未來一(yī)年(nián)的趨勢進行(xíng)界定的話，應該是保留扁平化設計的趨勢，并且在界面中盡力探索還原真實世界的層次和(hé)質感。
當然，我們能(néng)擁有的選項太少(shǎo)了(le)，要(yào)麽做(zuò)的更簡單，要(yào)麽更複雜(zá)。想要(yào)給人(rén)留下(xià)深刻的印象，必須是讓人(rén)感覺印象深刻的，無論是徹底抛棄複雜(zá)性，還是使用瘋狂的概念，都(dōu)需要(yào)設計師(shī)擁有足夠的勇氣。最重要(yào)的始終是界面本身功能(néng)明(míng)确，否則設計的形式感就失去了(le)意義。
我們可(kě)以使用令人(rén)深刻的圖片，但(dàn)是如(rú)果解決不了(le)用戶深層次的問(wèn)題，還是沒用。
更好的性能(néng)和(hé)更好的技術(shù)并不一(yī)定能(néng)塑造優秀的設計，如(rú)果不能(néng)産生情感影響，那(nà)麽技術(shù)也解決不了(le)。具有諷刺意味的地(dì)方在于，如(rú)果你想最大程度地(dì)發揮影響力，不一(yī)定需要(yào)太強大的技術(shù)支持。而在設計領域，叛逆的設計一(yī)直都(dōu)顯得那(nà)麽吸引人(rén)，這(zhè)很(hěn)大程度上(shàng)是因為(wèi)它們天然地(dì)與其他(tā)不同，讓人(rén)忍不住被吸引。
有時(shí)候，我們需要(yào)一(yī)些不一(yī)樣的東西(xī)來平衡常識，比如(rú)讓魔鬼站在肩膀上(shàng)，這(zhè)樣會更好玩(wán)。
一(yī)些特立獨行(xíng)的插畫(huà)會讓整個設計變得更加有趣：
△ How to stay scrappy by Justin Tran for Dropbox Design
△ hop Small by Joe Montefusco for Mailchimp
這(zhè)些風(fēng)格獨樹(shù)一(yī)幟的 UI插畫(huà)的目的隻有一(yī)個：讓視(shì)覺和(hé)內(nèi)容保持新鮮。在很(hěn)多同類設計當中，插畫(huà)的風(fēng)格稱得上(shàng)是八仙過海(hǎi)各顯神通(tōng)，其中不乏設計得并不好看(kàn)的，因為(wèi)它們的首要(yào)目标，是用獨特的視(shì)覺來給人(rén)留下(xià)深刻的印象，哪怕用的是醜陋的視(shì)覺。這(zhè)些先鋒而獨特的視(shì)覺設計，你會在接下(xià)來的2019年(nián)看(kàn)到更多。
不過，并不是所有的設計師(shī)或者企業都(dōu)能(néng)接受的路子。這(zhè)就像之前的粗野主義設計風(fēng)格，通(tōng)常是一(yī)些大企業和(hé)品牌更容易接受這(zhè)樣先鋒的設計，而在生死線上(shàng)掙紮的企業，通(tōng)常會選擇更加穩妥的風(fēng)格。
對于色彩表現力的追求，也是一(yī)個非常明(míng)顯的趨勢，從(cóng)最新的網站配圖和(hé)配色上(shàng)，就表現得非常明(míng)顯。設計師(shī)在 UI 的可(kě)訪問(wèn)性的探索上(shàng)，所投入的精力是令人(rén)震驚的。
扁平化之後所進化出來的「微(wēi)妙的漸變」已經無法滿足需求了(le)，直接的反映就是大家在漸變的色彩梯度和(hé)縱深上(shàng)，開(kāi)始更加用力，更加大膽了(le)。
△ Grabient 2.0 by Eddie Lobanovskiy
就像之前我們将更加成熟的扁平化設計命名為(wèi)扁平化 2.0 一(yī)樣，如(rú)今我們也有了(le)漸變 2.0 。所謂的漸變 2.0 也不難理解，使用不沖突的色彩來構建色彩變化，擁有清晰的光(guāng)源，使用具體的形狀或者形體來統籌色彩，構建縱深。
鮮豔的色彩不會平鋪滿整個屏幕，我們将會看(kàn)到更加清晰的色彩組合和(hé)明(míng)确的圖層，事實上(shàng)，即使是單色為(wèi)主的頁面也可(kě)以借助漸變 2.0 來創造視(shì)覺美感。
△ Valley Illustration by J.HUA for Tunan
△ crypto app by uixNinja
更酷的地(dì)方在于，鮮豔的漸變色彩在深色系網站當中會變得尤為(wèi)醒目和(hé)富有表現力。
當然，另外(wài)一(yī)方面，設計師(shī)也要(yào)考慮到色彩本身的可(kě)訪問(wèn)性，在色彩表現力并不那(nà)麽突出的屏幕上(shàng)會呈現出的效果，以及對比度過強的配色，會不會對整個頁面産生喧賓奪主的效果。追随趨勢的同時(shí)，注意平衡。
△ Dashboard by uixNinja
傳統上(shàng)，字體被視(shì)作(zuò)為(wèi)可(kě)有限調整參數(shù)的靜态對象，設計師(shī)在設計字體時(shí)候需要(yào)仔細考慮字體的筆(bǐ)觸和(hé)風(fēng)格，兼顧到整體的視(shì)覺體驗和(hé)可(kě)讀性。
在需要(yào)設計多種字體的時(shí)候，字體設計師(shī)需要(yào)盡量為(wèi)用戶提供全部的字體，确保如(rú)今的用戶能(néng)夠實現承諾中的豐富的排版。如(rú)今的可(kě)變字體可(kě)以在一(yī)個字體中實現多種效果，讓一(yī)個字體能(néng)夠承載更多的變量，字體的粗細變化、類别也更加豐富了(le)。
△ Marvin Visions
可(kě)變字體在響應式設計中蓬勃地(dì)發展着，設計師(shī)不得不絞盡腦汁地(dì)在不拉伸的前提下(xià)給各種屏幕，塞入他(tā)們所設計的字體。這(zhè)僅僅隻是一(yī)個開(kāi)始，可(kě)變字體在接下(xià)來的2019年(nián)還會有更多的變化和(hé)發展。
△ Typography.Guru
如(rú)今，依然有很(hěn)多人(rén)在問(wèn)這(zhè)兩個問(wèn)題：
這(zhè)兩個問(wèn)題都(dōu)因為(wèi)很(hěn)多設計和(hé)開(kāi)發之間(jiān)存在割裂。可(kě)是，無論是設計師(shī)還是開(kāi)發者都(dōu)很(hěn)難真正兼顧到全部的知識領域，好在還有其他(tā)的選擇。在如(rú)今的很(hěn)多新興工(gōng)具當中， Figma 就是其中一(yī)種，它讓設計師(shī)無需考慮操作(zuò)系統、集成開(kāi)發環境，不需要(yào)管理插件、存儲，也不需要(yào)管同步和(hé)協同的問(wèn)題。
△ Totally switched to Figma by Alexey Kolpikov
從(cóng)某種意義上(shàng)， Sketch 和(hé) Adobe XD 沒有做(zuò)到的事情，它做(zuò)到了(le)，Figma 的組件通(tōng)過 API 轉換和(hé) React 組件來進行(xíng)前端效果的實現，設計師(shī)可(kě)以在它的幫助下(xià)輸出實際可(kě)用的代碼和(hé)數(shù)字産品。在2019年(nián)，這(zhè)款工(gōng)具非常值得關注。
設計師(shī)所實現的界面不一(yī)定非得是可(kě)見(jiàn)的。近年(nián)來，語音助手類産品越來越成熟，對于看(kàn)不見(jiàn)的語音交互的要(yào)求越來越高。語音這(zhè)種交互方式更加直覺，也更加感性。
而另外(wài)一(yī)方面，語音用戶界面的構建要(yào)求也更高，它們和(hé)數(shù)據緊密關聯，而非我們所熟知的視(shì)覺設計。令人(rén)深刻的語音用戶界面在處理自(zì)然語言邏輯上(shàng)有着突出的表現，為(wèi)數(shù)不多的需要(yào)視(shì)覺化呈現的地(dì)方，也大多是報告和(hé)列表頁，以及動效。
△ Organic Artificial Intelligence design by Gleb Kuznetsov
視(shì)覺上(shàng)的 UI設計和(hé)語音用戶界面在絕大多數(shù)時(shí)候沒有什麽共同點。不過兩者在深層邏輯上(shàng)有很(hěn)多共通(tōng)的地(dì)方。本質上(shàng)都(dōu)是幫助用戶更好的控制，獲得想要(yào)的結果。在2019年(nián)，越來越多的設計師(shī)會參與到語音用戶界面的設計當中來，從(cóng)單純的視(shì)覺美學工(gōng)作(zuò)逐步過渡到更有意義的體驗設計當中。
從(cóng)去年(nián)開(kāi)始，UX設計師(shī)的關注點開(kāi)始更多地(dì)投注到遣詞造句上(shàng)。UX設計師(shī)開(kāi)始從(cóng)表述上(shàng)更加精細地(dì)掌控和(hé)用戶溝通(tōng)的方式。
曾經有很(hěn)長(cháng)的一(yī)段時(shí)間(jiān)，數(shù)字産品中流行(xíng)使用高深的技術(shù)術(shù)語來同用戶進行(xíng)溝通(tōng)，但(dàn)是這(zhè)種方式在現在越來越不可(kě)行(xíng)了(le) 。
為(wèi)了(le)避免誤解，确保信息傳達的通(tōng)暢，UX設計師(shī)需要(yào)在文案上(shàng)進行(xíng)控制，保持誠實，确保清晰，不隐藏缺陷，專注于幫助用戶，而不是炫耀口才，也不僅僅是為(wèi)了(le) SEO。
一(yī)旦抱有尊重，旨在讓産品可(kě)用，UX寫作(zuò)就不是那(nà)麽難于駕馭了(le)。用戶最關心的事情，始終是你是否可(kě)以幫到他(tā)們。借助更好的 UX文案，你能(néng)讓你的産品和(hé)服務更好地(dì)同用戶産生情感關聯。
另一(yī)方面，UX寫作(zuò)和(hé)語音用戶界面之間(jiān)有着非常緊密的關聯，因為(wèi)在這(zhè)個看(kàn)不到的用戶界面當中，語言本身就是最重要(yào)的「界面」。
2018年(nián)，我們觀察到主流的大公司在語言和(hé)表述的用戶體驗上(shàng)有了(le)更高的追求，甚至設立了(le)專門的職位和(hé)職能(néng)團隊來進行(xíng)這(zhè)方面的工(gōng)作(zuò)，不再單純追求獨創性，而是将重心偏移到了(le)用戶價值上(shàng)。2019年(nián)，我們将會在這(zhè)個領域看(kàn)到更大的變化。
UX設計和(hé)服務設計都(dōu)是覆蓋領域非常廣泛的術(shù)語。它們是跨行(xíng)業服務設計的一(yī)部分。從(cóng)最初的視(shì)覺設計，到體驗設計，再到如(rú)今所流行(xíng)的服務設計，設計師(shī)的職能(néng)越來越複雜(zá)和(hé)多變。
不過，考慮到絕大多數(shù)的公司都(dōu)是産品公司，所以當企業需要(yào)設計師(shī)走的更加深入的時(shí)候，會需要(yào)一(yī)個真正能(néng)夠貫穿團隊、深入到産品當中的角色，不僅能(néng)夠用好數(shù)據，做(zuò)好設計，還能(néng)夠影響整個系統，統籌全部的工(gōng)具和(hé)人(rén)員(yuán)。
于是産品設計師(shī)成為(wèi)了(le)越來越清晰、獨立和(hé)炙手可(kě)熱(rè)的職能(néng)。相比于更加寬泛的服務設計的概念，産品設計的針對性更強，更加講究分析、測試、設計、決策的綜合能(néng)力。
産品設計師(shī)關注當前産品的服務形态和(hé)産品細節，深入洞悉産品所涉及用戶的統計數(shù)據和(hé)調研個案，清楚如(rú)何利用真實的數(shù)據來完善産品，怎樣讓産品服務于這(zhè)些需求迫切的用戶，比起服務設計師(shī)更貼近産品，更接地(dì)氣。
△ Innovative Eye Pillow Landing Page Design by Sasha Turischev
不過，想要(yào)過渡到産品設計師(shī)并非易事，它需要(yào)一(yī)名設計師(shī)深入某個行(xíng)業或者産品，需要(yào)具備當前行(xíng)業的專業性，有清晰而富有遠見(jiàn)的洞察能(néng)力。
在2019年(nián)，我們會看(kàn)到更多更加專注于特定行(xíng)業的設計師(shī)，逐漸演化為(wèi)産品設計師(shī)審視(shì)産品專家，用一(yī)部分技能(néng)來換對于某個行(xíng)業或者産品的掌控。
對于即将過去的2018年(nián)和(hé)即将到來的2019年(nián)，我們所洞察到的最重要(yào)的趨勢，其實并不是特定的技能(néng)、發展方向或者某種風(fēng)格，而是在整體上(shàng)，「人(rén)性」和(hé)「真誠」的回歸。身為(wèi)設計師(shī)，必須面對人(rén)性中固有的需求和(hé)傾向，必須保持良好的意圖和(hé) 真誠的心境，方可(kě)帶來用戶能(néng)夠接受的産品。
在線客服1号
微(wēi)信公衆賬号