設(shè)計(jì)越來越系統(tǒng)化，設(shè)計(jì)師的身份不再局限于視覺呈現(xiàn)這一個(gè)層面壹店，對(duì)于產(chǎn)品猜丹、營銷的要求早已成為很多企業(yè)招聘的基本要求。更系統(tǒng)的知識(shí)硅卢、更全面的方法支撐射窒，讓設(shè)計(jì)師能夠在產(chǎn)品設(shè)計(jì)流程中作出更好的決策。
盡管我們還沒有達(dá)到這個(gè)可預(yù)期的未來将塑，但是我們?nèi)匀幌蛑莻€(gè)方向堅(jiān)定不移地靠近著脉顿。
我們會(huì)將這些明顯的設(shè)計(jì)趨勢視作為當(dāng)下設(shè)計(jì)不足的一種提醒，密切關(guān)注点寥，確保我們能在現(xiàn)有基礎(chǔ)上越做越好艾疟。下面，看看我們通過持續(xù)觀察所預(yù)測的2019年的設(shè)計(jì)趨勢。
大膽的色彩運(yùn)用
熾烈的色彩在網(wǎng)頁設(shè)計(jì)里很常見蔽莱。 從漸變背景到明亮的圖像疊加到色彩的動(dòng)畫弟疆，大膽的配色運(yùn)用將繼續(xù)受大眾歡迎。
甚至 Pantone 也將-? Living Coral --作為年度色彩盗冷。 但明亮的藍(lán)調(diào)怠苔，如 Spotify 或 Secure Invest（上圖），可能是最受歡迎的選擇仪糖。
這些顏色已經(jīng)從其他設(shè)計(jì)趨勢演變而來柑司。 大膽的對(duì)比色配色最開始運(yùn)用在扁平化設(shè)計(jì)中，通過 Material Design 變成更鮮艷的色彩锅劝，現(xiàn)在其中一些色調(diào)甚至還帶有一絲霓虹色攒驰。
情感化設(shè)計(jì)
與用戶建立情感連接， 這就是情感化設(shè)計(jì)的全部意義所在故爵。
根據(jù)Design Shack的說法玻粪，情感聯(lián)系分為四個(gè)基本類別 - 歡樂和悲傷，信任和厭惡稠集，恐懼和憤怒奶段，以及驚喜和期待。 思考網(wǎng)頁設(shè)計(jì)如何歸類這些情感剥纷，并使用顏色，圖像和用戶界面進(jìn)一步與用戶進(jìn)行連接呢铆。
設(shè)計(jì)中的每個(gè)視覺元素都為情感化設(shè)計(jì)做鋪墊晦鞋。 例如 Sprout的例子—— 一張笑臉創(chuàng)造了與用戶的第一次積極互動(dòng)。 圖像中的女人很高興棺克，用戶可以感受到這種情感悠垛。還有另個(gè)例子是Airbnb。當(dāng)我們打開Airbnb的網(wǎng)頁的時(shí)候娜谊，立刻就被友好和安全的氛圍所包圍确买。我相信，營造這一氛圍的影響因素很多纱皆，但是有一樣絕對(duì)是最突出的湾趾，也是決定性的，也就是頁面中所用的照片派草。如果你仔細(xì)觀察Airbnb所有的圖片選取搀缠，你會(huì)發(fā)現(xiàn)他們的選圖規(guī)律：絕大多數(shù)圖片所拍攝的是“家人或朋友”在優(yōu)雅的環(huán)境中，微笑著享受生活的情形近迁。當(dāng)Airbnb用無處不在的生活場景和微笑的照片來包圍你的時(shí)候艺普，我們會(huì)在潛移默化中被Airbnb社區(qū)所影響，與那些幸福的旅行者和這個(gè)品牌產(chǎn)生情感關(guān)聯(lián)。
這就是典型的“情感化設(shè)計(jì)”的案例歧譬。維基百科中對(duì)于“情緒感染”的解釋很直白
它指的是兩個(gè)個(gè)體在情緒上相互影響和傳遞的趨勢岸浑，當(dāng)人們不自覺地、下意識(shí)地模仿對(duì)方的情感表達(dá)方式的時(shí)候瑰步，他們能夠感受到同伴的情緒反射矢洲。
趨近于“真實(shí)”的設(shè)計(jì)元素
雖然 VR 尚未真正被所有人所接受，但其影響已經(jīng)很明顯面氓。
更多的設(shè)計(jì)師正在添加更多深度和設(shè)計(jì)元素兵钮，使項(xiàng)目有更真實(shí)或更具戰(zhàn)術(shù)感。 這包括從具有更多三維外觀的插圖（甚至是動(dòng)畫插圖）到用戶可以看似伸出和觸摸的移動(dòng)形狀或產(chǎn)品的所有內(nèi)容舌界。
隨著越來越多的設(shè)計(jì)師應(yīng)用這些技術(shù)掘譬，VR將成為更常見的用戶體驗(yàn)和更多預(yù)期的部分。 VR 也將開始看起來更真實(shí)呻拌，更少“VR感”葱轩。
超現(xiàn)實(shí)和抽象設(shè)計(jì)
這些風(fēng)格獨(dú)樹一幟的 UI插畫的目的只有一個(gè)：讓視覺和內(nèi)容保持新鮮。在很多同類設(shè)計(jì)當(dāng)中藐握，插畫的風(fēng)格稱得上是八仙過海各顯神通靴拱，其中不乏設(shè)計(jì)得并不好看的，因?yàn)槭滓繕?biāo)猾普，是用獨(dú)特的視覺來給人留下深刻的印象袜炕。這些先鋒而獨(dú)特的視覺設(shè)計(jì)，會(huì)在接下來的2019年看到更多初家。
更多的語音交互
設(shè)計(jì)師所實(shí)現(xiàn)的界面不一定非得是可見的偎窘。近年來，語音助手類產(chǎn)品越來越成熟溜在，對(duì)于看不見的語音交互的要求越來越高陌知。語音這種交互方式更加直覺，也更加感性掖肋。
而另外一方面仆葡，語音用戶界面的構(gòu)建要求也更高，它們和數(shù)據(jù)緊密關(guān)聯(lián)志笼，而非我們所熟知的視覺設(shè)計(jì)沿盅。令人深刻的語音用戶界面在處理自然語言邏輯上有著突出的表現(xiàn)，為數(shù)不多的需要視覺化呈現(xiàn)的地方籽腕，也大多是報(bào)告和列表頁嗡呼，以及動(dòng)效。
深度扁平和3D
扁平化的 UI 設(shè)計(jì)皇耗，在過去的幾年中一直是主流南窗。最近，我們發(fā)現(xiàn)扁平化的 UI 元素，在視覺深度上開始發(fā)生明顯的變化万伤，但是整體風(fēng)格和使用方式上并沒有明顯變化窒悔。當(dāng)然，在縱深上的變化敌买，很大程度上是強(qiáng)化層次的象征意味简珠，讓用戶更容易理解，而扁平依然是核心的特征虹钮。
深度扁平聋庵，就是新的扁平化設(shè)計(jì)。
3D 和 CG技術(shù)的結(jié)合讓用戶在視覺上感覺仿佛是在和真實(shí)內(nèi)容進(jìn)行交互芙粱，這一點(diǎn)和深度扁平在內(nèi)核上是一致的祭玉。從某種意義上來說，深度扁平也可以算是偽3D 春畔，它是為了營造出真實(shí)的質(zhì)感脱货，而調(diào)整出擬真的光影效果（在縱深上）。
野蠻主義更加主流
Nielsen Norman Group 對(duì)這種野蠻主義進(jìn)行了描述：“數(shù)字設(shè)計(jì)中的野蠻主義是一種故意試圖看起來粗糙律姨、隨意振峻、簡單的風(fēng)格。 它與20世紀(jì)90年代早期風(fēng)格的網(wǎng)站相呼應(yīng)）择份。 有時(shí)這種野蠻主義的表現(xiàn)形式是赤裸裸的扣孟，幾乎裸露的 HTML 網(wǎng)站，帶有藍(lán)色鏈接和單色的Monospace荣赶」颍“
更多的漸變
扁平化之后所進(jìn)化出來的「微妙的漸變」已經(jīng)無法滿足需求了，直接的反映就是大家在漸變的色彩梯度和縱深上讯壶，開始更加用力，更加大膽了湾盗。
多變的字體
可變字體在響應(yīng)式設(shè)計(jì)中蓬勃地發(fā)展著伏蚊，設(shè)計(jì)師不得不絞盡腦汁地在不拉伸的前提下給各種屏幕，塞入他們所設(shè)計(jì)的字體格粪。這僅僅只是一個(gè)開始躏吊，可變字體在接下來的2019年還會(huì)有更多的變化和發(fā)展。
根據(jù)谷歌的說法：“可變字體是主要樣式的集合帐萎，有一個(gè)中央'默認(rèn)'主文件（通常是常規(guī)字體樣式）和多個(gè)注冊(cè)”軸“比伏，它們將中央主文件綁定到其他主文件。 例如疆导，Weigh t軸可能會(huì)將 Light 樣式主文件連接到默認(rèn)樣式赁项，再連接到 Bold 樣式主文件。 可沿此軸定位的各個(gè)樣式稱為實(shí)例∮撇耍“
雖然OpenType變量字體背后的概念可能仍然有些令人生畏舰攒，但它們開始變得更加主流。 它們專為響應(yīng)式設(shè)計(jì)而設(shè)計(jì)悔醋，可以幫助項(xiàng)目在不同的屏幕尺寸上看起來更完整摩窃。
數(shù)據(jù)可視化
數(shù)據(jù)可視化是向用戶呈現(xiàn)復(fù)雜信息的一種更有趣且易于理解的方式。 這種視覺格式適用于從數(shù)字到地圖到理解復(fù)雜算法的所有內(nèi)容芬骄，深受用戶喜愛猾愿。 它可以幫助人們理解內(nèi)容并以多種方式工作 - 作為靜止圖像，滾動(dòng)面板账阻，動(dòng)畫或交互式游戲蒂秘。
明確且合理的動(dòng)畫效果
近兩年來動(dòng)畫效果的持續(xù)升溫，這幾乎成了設(shè)計(jì)師的新必修課宰僧。而瀏覽器和硬件的性能提升材彪，使得動(dòng)畫效果近乎無處不在∏俣可是段化，現(xiàn)在新的問題出現(xiàn)了，那就是設(shè)計(jì)師不僅要讓元素動(dòng)起來造成，而且要更加合理地運(yùn)動(dòng)显熏。
設(shè)計(jì)師不僅要懂得物體運(yùn)動(dòng)的物理規(guī)則，而且要懂得在 UI 和網(wǎng)頁中使用動(dòng)效的心理學(xué)效應(yīng)晒屎。動(dòng)畫將用戶吸引到設(shè)計(jì)的某些部分喘蟆，有助于推動(dòng)參與或興趣或講故事。 在Web項(xiàng)目中使用動(dòng)畫可以為參與設(shè)計(jì)的用戶提供深入的理解鼓鲁。
產(chǎn)品設(shè)計(jì)師成為了一個(gè)新的職業(yè)
UX設(shè)計(jì)和服務(wù)設(shè)計(jì)都是覆蓋領(lǐng)域非常廣泛的術(shù)語蕴轨。它們是跨行業(yè)服務(wù)設(shè)計(jì)的一部分。從最初的視覺設(shè)計(jì)骇吭，到體驗(yàn)設(shè)計(jì)橙弱，再到如今所流行的服務(wù)設(shè)計(jì)，設(shè)計(jì)師的職能越來越復(fù)雜和多變燥狰。
不過棘脐，考慮到絕大多數(shù)的公司都是產(chǎn)品公司，所以當(dāng)企業(yè)需要設(shè)計(jì)師走的更加深入的時(shí)候龙致，會(huì)需要一個(gè)真正能夠貫穿團(tuán)隊(duì)蛀缝、深入到產(chǎn)品當(dāng)中的角色，不僅能夠用好數(shù)據(jù)目代，做好設(shè)計(jì)屈梁，還能夠影響整個(gè)系統(tǒng)嗤练，統(tǒng)籌全部的工具和人員。
于是產(chǎn)品設(shè)計(jì)師成為了越來越清晰俘闯、獨(dú)立和炙手可熱的職能潭苞。相比于更加寬泛的服務(wù)設(shè)計(jì)的概念，產(chǎn)品設(shè)計(jì)的針對(duì)性更強(qiáng)真朗，更加講究分析此疹、測試、設(shè)計(jì)遮婶、決策的綜合能力蝗碎。
產(chǎn)品設(shè)計(jì)師關(guān)注當(dāng)前產(chǎn)品的服務(wù)形態(tài)和產(chǎn)品細(xì)節(jié)，深入洞悉產(chǎn)品所涉及用戶的統(tǒng)計(jì)數(shù)據(jù)和調(diào)研個(gè)案旗扑，清楚如何利用真實(shí)的數(shù)據(jù)來完善產(chǎn)品蹦骑，怎樣讓產(chǎn)品服務(wù)于這些需求迫切的用戶，比起服務(wù)設(shè)計(jì)師更貼近產(chǎn)品臀防，更接地氣眠菇。
參考文章：https://designmodo.com/web-design-trends-2019/#comments
https://uxplanet.org/2019-ui-and-ux-design-trends-92dfa8323225
http://www.influencechain.org/zh-cn/
相關(guān)推薦：
17組值得收藏的設(shè)計(jì)規(guī)范&組件庫下載
國外設(shè)計(jì)團(tuán)隊(duì)的高頻設(shè)計(jì)工具與協(xié)作工具
交互設(shè)計(jì)原則和理論1——尼爾森十大可用性原則
給初級(jí)UI&UE設(shè)計(jì)師的Sketch資源分享
如何構(gòu)建設(shè)計(jì)語言系統(tǒng)
