
去年我們對移動UI設(shè)計趨勢進(jìn)行了預(yù)測。今年,我們將更深入,超越移動。因為現(xiàn)代設(shè)計中的頭號趨勢是背景。沒有概括了。一切都在上下文中并且相互聯(lián)系。
感覺就像我們在某個地方擁有所有工具,技術(shù)進(jìn)步,以及我們對面向用戶產(chǎn)品真正必須如何工作的理解的增長。
不久之后,我們將發(fā)展通用設(shè)計的思維模式,包括我們生產(chǎn)的所有產(chǎn)品,而不僅僅是銷售產(chǎn)品。我們?yōu)樽约鹤鍪碌姆绞叫枰玫脑O(shè)計選擇。我們甚至可以以更好的方式設(shè)計國家的方式。盡管如此,與我們未來的情況相去甚遠(yuǎn),讓我們進(jìn)入界面并體驗2019年的設(shè)計趨勢。
傳統(tǒng)上,我們會把每一個趨勢的美中不足作為提醒,以便密切注意事物以避免濫用。
強大的瀏覽器
瀏覽器不僅是互聯(lián)網(wǎng)的載體,也是提供影響力的手段。瀏覽器變得更快,更強大,更有吸引力。
? 瀏覽器基準(zhǔn)測試和性能測試證明了大多數(shù)流行瀏覽器的顯著性能提升。
? 由于流式編譯導(dǎo)致的速度提升影響了設(shè)計時間。Mozilla報告新編譯器比以前的優(yōu)化編譯器快10-15倍。
? 所有現(xiàn)代瀏覽器都支持WebGL 2,它允許全新的3D紋理和對象渲染,片段深度和頂點數(shù)組對象。
Web和移動瀏覽器功能正在彌合概念設(shè)計與現(xiàn)實之間的差距。

是的,但瀏覽器的所有進(jìn)步仍然會提升其獨立價值,而不會影響更高層次的行業(yè)。由于網(wǎng)絡(luò)上正在發(fā)生這么多事情,因此瀏覽器開發(fā)人員很難提出通用解決方案并清理互聯(lián)網(wǎng)。
瀏覽器可能很棒,但如果他們訪問不良網(wǎng)站,他們就會被糟糕的用戶體驗所污染。我們必須強制更好的設(shè)計選擇來展現(xiàn)Web瀏覽器的當(dāng)前潛力。
大多數(shù)網(wǎng)站使瀏覽器看起來像糟糕的軟件。
有目的的動畫
在所有方面,新的瀏覽器功能為動畫打開了大門。不僅僅是元素的運動,而是合法的設(shè)計機會。被稱為運動設(shè)計的學(xué)科涉及許多設(shè)計方面,但與心理學(xué)和生物學(xué)相交叉。
我們認(rèn)為這一領(lǐng)域的知識在2019年被深入探討。復(fù)雜性取代時尚作為動畫在設(shè)計中的主要特征。運動和過渡傳達(dá)了許多否則會丟失的信息。
屏幕之間的區(qū)域曾經(jīng)是無人區(qū)?,F(xiàn)在是你的后院。

讓客戶更深層次地參與意味著每隔一段時間與他們保持互動,并使每一秒鐘都在計算。設(shè)計師在被直率營銷毒害之前抓住了這個機會。
運動設(shè)計也超越了展示和間隙填充。它現(xiàn)在是品牌的嵌入式部分?;諛?biāo)仍然是圖騰。這是我們的想象力和經(jīng)驗,使他們復(fù)活。為什么不利用這種想象力并確保它以正確的方式駕馭?

如果您還沒有想到您的徽標(biāo)包含什么,感覺,味道,氣味和聲音,那么現(xiàn)在是時候做了。
Motion比照明,定位和材料更勝一籌。Motion講述了一個故事。如果你可以通過一些額外的想法讓你的logomark成為你的故事的一部分,我說去吧。

是的,但是包括動畫在內(nèi)的所有內(nèi)容都有。您所看到的設(shè)計師并不是客戶所看到的......客戶。如果我們設(shè)計的產(chǎn)品是可操作的產(chǎn)品或與可怕的情景相關(guān)聯(lián),即使它們有意義,我們也無法承受動畫。如果存在情感矛盾,總是保持中立。
不要肆無忌憚地放棄動畫。
界面和深平的3D
真實鏡頭和圖像的3D渲染和CG增強已經(jīng)存在了一段時間。為了速度和性能以及可訪問性,設(shè)計人員有著避免在UI中使用復(fù)雜3D模型的歷史。更好的瀏覽器將這種奢侈品變成了價格合理 高度復(fù)雜的視覺特效或視覺效果將類似電影的場景帶入網(wǎng)站領(lǐng)域。
界面中的3D圖形融合了現(xiàn)實和數(shù)字動畫的邊緣。
這種趨勢對于具有不太直觀的復(fù)雜流程的產(chǎn)品公司特別有用。通過使用3D可視化,您可以利用任何技術(shù)流程并創(chuàng)建更深層次的理解。

這在電影和視頻游戲中起作用的原因是這些圖像的顯示時間很短。他們呼吁膚淺的印象,而不是勤奮的學(xué)習(xí)。結(jié)合有目的的動畫,3D成為一個強大的設(shè)計工具。
具有新功能強大芯片的移動行業(yè)不僅可以渲染3D對象,還可以在界面中使用它們。較小的屏幕非常適合。


平面UI設(shè)計已成為超過5年的主導(dǎo)趨勢,并沒有真正改變。最近,我們目睹了向平面設(shè)計添加深度和尺寸的明顯轉(zhuǎn)變,而沒有改變其主要思想。為什么深度是必要的也是為什么平面設(shè)計的存在 - 我們需要象征意義來理解一切。Flat是核心的象征。
深平板是新的公寓。
真正的3D和CG組合揭示了客戶對他們可以與之交互的生命對象的反應(yīng)。平面設(shè)計也能夠以獨特且尚未被探索的方式實現(xiàn)。他們稱之為偽3D。它是平坦的層疊,以創(chuàng)造一個三維的感覺。平面設(shè)計的主要資產(chǎn)增加尺寸將是陰影和光線定位以及反射。

還有一個假的3D趨勢正在興起,它使用原理和After Effects等傳統(tǒng)設(shè)計工具來創(chuàng)建模擬3D的運動模式。

在2019年,我們甚至可能以新的方式看到假象的回歸。如果平坦可以很深,它也可以是等距的。在利用現(xiàn)實觀點的同時保留扁平的象征意義是一種探索的趨勢。
是的,但我們最終會用盡選項。目前,3D用戶界面尚無定向。它有兩種方式 - 簡化和復(fù)雜。雖然需要更多的技術(shù)努力才能給我們留下深刻的印象,但是將復(fù)雜性拋到窗外并推出一個瘋狂的概念需要同樣多的勇氣。然而,如果最復(fù)雜的界面缺乏意義,或者最大膽的想法只不過是幕墻,那么所有的努力都將毫無用處。
我們可以做令人印象深刻的圖像 現(xiàn)在是時候填補它對人性的感覺并解決更深層次的問題。我們怎樣才能實現(xiàn)這一目標(biāo)?
超現(xiàn)實的設(shè)計
更好的技術(shù)帶來的所有3D和運動設(shè)計機會并不意味著如果他們不能產(chǎn)生情感影響。具有諷刺意味的是,您不需要復(fù)雜性來發(fā)揮最大的影響力。叛逆者態(tài)度一直是主流趨勢的衛(wèi)星,其原因在于其自然吸引力。
我們需要一些東西來平衡常識,我們肩上需要一個魔鬼,有時候我們很有趣。
一些最大的重新設(shè)計活動和相關(guān)插圖隨著它變得有趣:


這種卡通風(fēng)格的插圖甚至UI都有一個目的 - 保持外觀的新鮮感。如果您的品牌名稱是主食,您可以用永無止境的嗡嗡聲包圍它。無論這種風(fēng)格與誰說話都無所謂,它必須是奇怪的甚至是丑陋的。期待在2019年看到更多的先鋒和超現(xiàn)實設(shè)計。
是的,但并非所有公司和產(chǎn)品都能承受這種無禮。觀眾越廣泛,設(shè)計就越中立。盡管這可能適用于知名品牌,但規(guī)模較小的公司以及那些在風(fēng)險敞口中苦苦掙扎的公司必須保持安全并堅持共同點。
首先建立一個跟隨,然后帶他們?nèi)ヲT。
漸變2.0,熾熱的色彩和黑暗
新屏幕具有出色的色彩表現(xiàn)。他們甚至必須通過默認(rèn)壁紙顯示這一點。設(shè)計師在UI中探索可訪問性和令人印象深刻的漸變的界限。
漸變不再受到關(guān)注,它們現(xiàn)在為界面帶來了深度和維度。

Gradient 2.0非常簡單。它不使用沖突的顏色。它有一個清晰的光源,它與形狀對齊,帶來深度。
鮮艷的色彩不會隨處可見。我們將看到更多組合顏色和圖層。事實上,即使單色調(diào)色板也會通過深度和尺寸呈現(xiàn)某種視覺美感。

我們?nèi)狈π湃魏蜆酚^。熾熱的色彩促進(jìn)積極性。你會相信像這樣的加密應(yīng)用嗎?

更酷的是,在黑暗的背景中,鮮艷的色彩和有意義的漸變更加突出。黑暗的主題在這里留下來,它們只會變得更好。在這里,我們采用人類學(xué)方法來確定黑暗主題及其工作原理。能夠在黑暗用戶界面的可訪問性和耀眼的色彩的情感反應(yīng)之間找到平衡的人將在明年登上榜首。
深色,深色,彩色和3D,在黑暗中。

是的,但可訪問性不是漸變,顏色和黑暗主題的唯一問題。鮮艷的色彩傳統(tǒng)上用于強制重音。當(dāng)一切都是顏色時,你怎么強調(diào)?并非所有用戶都可以訪問OLED屏幕。一些漸變可能會丟失。太多的對比度會妨礙用戶的注意力。在外面陽光燦爛的日子,黑暗的主題不起作用。這可能實際上是一件好事。
可變字體
傳統(tǒng)上,字體被視為具有有限可調(diào)參數(shù)集的靜態(tài)實體。設(shè)計師和作家必須在x高度,筆劃和字母寬度的背景下考慮易讀性。
每當(dāng)設(shè)計需要多種字體時,設(shè)計者必須提供所用字體樣式的所有文件。除非涵蓋所有基礎(chǔ),否則您無法完全承諾在產(chǎn)品中使用豐富的排版。對于可變字體,您只需要一個文件,因為變量或生成字體提供無限數(shù)量的字母粗細(xì)和寬度調(diào)整。
可變字體可以覆蓋文本留下的設(shè)計空間的任何部分。

可變字體在響應(yīng)式設(shè)計和本地化中蓬勃發(fā)展。在設(shè)計師不得不絞盡腦汁將文字裝入較小的屏幕而不失去熱情或?qū)⑵淅鞛槭褂幂^少字符的不同語言的地方。

引入Web字體時,響應(yīng)性是他們?nèi)狈Φ囊粋€方面。沒有足夠的靈活性導(dǎo)致易讀性問題和設(shè)計本身的錯位??勺冏煮w是相當(dāng)新的,它們有助于更快地為Web提供字體,并幫助簡化設(shè)計過程。
而這僅僅是個開始??勺冏煮w的藝術(shù)選擇在2019年還有待探索。

是的,但是直到一個聰明且可調(diào)節(jié)的字體成為促銷的手段需要多長時間?如果您可以讓文本回復(fù)每個可用數(shù)字環(huán)境的微妙之處,它如何保護(hù)讀者免受操縱?參數(shù)文本源于書籍印刷,這是受客觀物理學(xué)限制的背景。這使人們無法儲存紙張和墨水,也使閱讀成為我們?nèi)〉眠M(jìn)步的最重要原因之一。
FIGMA
今天我們問一個古老的問題:“設(shè)計師是否需要編碼?”然后,“開發(fā)人員是否需要用戶體驗知識?”這一點很簡單 - 避免實施設(shè)計的痛苦和差異。因此,如果它是關(guān)于目的的,那么它也應(yīng)該是關(guān)于實現(xiàn)目標(biāo)的方法。
學(xué)習(xí)編碼是一種合乎邏輯的選擇。如果您是執(zhí)行自己設(shè)計的人,則可以避免一系列問題。但是,作為相關(guān)設(shè)計師和強大的開發(fā)人員,您需要保持的知識量非常多。你可以做到嗎?對你有益。對于那些做不到的人,應(yīng)該有其他選擇。
目的不是培養(yǎng)通用設(shè)計師。它是關(guān)于建立更好的產(chǎn)品,愉快。
實現(xiàn)這一目標(biāo)的另一種方法是使用和推廣更好的工具。Figma是其中一種工具。之前,設(shè)計師必須考慮許多變量,如操作系統(tǒng),集成,插件,存儲,同步,協(xié)作,最后,在一個地方組裝它們的方法。那些確實開發(fā)工作流程的人應(yīng)該得到各種尊重。但我們希望減少壓力。

Figma是一個由我們設(shè)計的工具。它預(yù)計會有很多假設(shè),并且充滿了許多懷疑。
Figma摧毀了Sketch。
它完成了Sketch和Adobe XD所做的一切,但越來越好。更重要的是,F(xiàn)igma旨在構(gòu)建將要實施的內(nèi)容。每個Figma組件都可以通過API轉(zhuǎn)換為React組件并在前端實現(xiàn)。到目前為止,F(xiàn)igma在成本,性能速度,協(xié)作,共享,嵌入,支持等方面擊敗了競爭對手。有了這個說法,F(xiàn)igma仍然在發(fā)展,在2019年,還有更多的未來。
是的,但是每當(dāng)我們開發(fā)出更好的產(chǎn)品并且未能建立上述的道德使用時,我們只會為自己的消亡做出貢獻(xiàn)??纯凑?a target="_blank" rel="nofollow">努力爭取好名聲的推特。2018年,科技高管在法庭上作證,取得了豐碩成果。事實證明,將工具放在那里是不夠的,我們還必須觀察人們?nèi)绾问褂盟鼈?。Figma會保護(hù)用戶免受用戶體驗,糟糕設(shè)計和虛假新聞中的黑暗模式的影響嗎?
語音用戶界面
設(shè)計不必是可視的或可見的。通過顛簸和瘀傷,我們意識到,如果我們正在構(gòu)建不具有觸覺的體驗,那么工具并不重要。設(shè)計邏輯意味著操作心理學(xué)。構(gòu)建語音控制意味著處理自然語言處理。
語音用戶界面既精致又感性。
Voice UI實現(xiàn)了無最佳UI的概念。這個過程是內(nèi)部的,與編寫,構(gòu)建上下文和合成數(shù)據(jù)有關(guān),而不是與實際設(shè)計有關(guān)。即便如此,設(shè)計師仍然沉迷于尋找表達(dá)語音UI的方法。主要是通過令人印象深刻的少數(shù)民族報告界面和動畫。

大多數(shù)時候,他們與語音界面的現(xiàn)實沒有任何共同之處,但他們?yōu)槿狈刂频挠脩糇龊脺?zhǔn)備,并教他們?nèi)绾螌Υ恍枰募夹g(shù)。
在2019年,隨著越來越多的設(shè)計師從簡單的視覺美學(xué)設(shè)計過渡到有意義的體驗,我們可以期待見證語音UI知識的深化。
是的,但具有諷刺意味的是,語音用戶界面的最大挑戰(zhàn)不是人機交互,而是人與人之間的互動,由技術(shù)調(diào)解,必須比兩者更聰明。我們生活在一個大規(guī)模不平衡的全球社會中。我們正在努力與許多術(shù)語相互理解,包括技術(shù)。語音控制的手機,汽車和家庭可能只會擴(kuò)大我們之間的差距。
作為設(shè)計師,我們應(yīng)該始終將人類的福祉視為我們的首要任務(wù)。如果技術(shù),即使是設(shè)計精美的技術(shù),也會以犧牲其他技術(shù)為代價來服務(wù),必須堅持不懈地解決。那沒有發(fā)生。
UX寫作和用戶體驗編輯
去年,設(shè)計師開始關(guān)注帶有字體的單詞的含義。小說和技術(shù)作家,書信體愛好者和記者在他們的技能方面獲得了相鄰的行業(yè)。有一件事導(dǎo)致另一件事,我們在設(shè)計中定義了寫作的角色:
您必須掌控您的業(yè)務(wù)與客戶的對話方式。
之前,有一種浮夸的自戀廢話和技術(shù)術(shù)語。企業(yè)正在做的事情被誤認(rèn)為它可以給客戶帶來的價值。盡管企業(yè)很好,但他們?nèi)匀蝗狈γ鞔_,簡單和有說服力的措辭來與觀眾一起使用。
用戶體驗寫作基于兩個簡單的原則:尊重和有用。其他一切都源于他們。簡潔意味著尊重人們比他們更重視自己的時間。是你必須為文本而不是用戶而死。明確意味著避免雙重,避免不良經(jīng)歷,因此,有用。富有表現(xiàn)力意味著誠實,不隱藏任何缺陷。始終專注于幫助用戶,不要炫耀你的口才,不要搜索引擎優(yōu)化,不要使用營銷陳詞濫調(diào) - 足夠了。
一旦你擁抱尊重和有用,用戶體驗寫作就很容易。
人們不希望看到你彎曲和提升自己。他們想知道你是否可以幫助他們。讓您的服務(wù)進(jìn)行交談。

在2018年,我們見證了主要公司的語音和音調(diào)設(shè)計明顯增加。他們不再追求獨創(chuàng)性,而是專注于客戶價值。在2019年,我們還沒有看到UX編輯的發(fā)展是一門設(shè)計學(xué)科。
UX編寫和UX編輯之間的區(qū)別在于帶寬。UX編寫者生成面向用戶的文本。UX編輯器分析,變形,彎曲和扭曲任何副本,將其轉(zhuǎn)換為簡單的人性化文本。用戶體驗編輯沒有速成課程。這是經(jīng)驗,觀察和善良。
2019年的每次重大重新設(shè)計活動都需要UX編輯器。
是的,但每個趨勢都經(jīng)歷了一系列階段。第一個是懷疑主義,然后是迷戀,然后是厭惡。魅力是最危險的,因為它經(jīng)常失控。它可以將想法變成漫畫并扭曲價值。用戶體驗寫作也不例外。當(dāng)簡單被誤認(rèn)為是愚蠢的。當(dāng)明白變得無禮時,有說服力會變成謙虛。
在產(chǎn)品設(shè)計中仍然有創(chuàng)造性寫作的地方。但不是產(chǎn)品滿足用戶的地方。例如,耐克和波音正在支付科幻作家來預(yù)測他們的未來。
產(chǎn)品設(shè)計師作為職稱
UX設(shè)計是一個非常廣泛的術(shù)語。它是跨行業(yè)服務(wù)設(shè)計的一部分。因此,設(shè)計師和設(shè)計公司收集了大量項目組合,從簡單的實用程序應(yīng)用程序到復(fù)雜的FinTech平臺。
服務(wù)設(shè)計是一條毯子。它可以涵蓋所有行業(yè)并應(yīng)用普遍適用的行業(yè)。
服務(wù)設(shè)計師可以擁有自己的風(fēng)格,可以應(yīng)用于任何產(chǎn)品。這就是他們的名氣,而這正是企業(yè)愿意支付的。這就像從一個受人尊敬的供應(yīng)商處購買零件。
但是,大多數(shù)公司都是產(chǎn)品公司,他們可能需要設(shè)計師更深入的了解。這些公司需要一個深入集成到團(tuán)隊中的產(chǎn)品設(shè)計師,擁有所有可用數(shù)據(jù),以及影響整個系統(tǒng)的所有工具。
產(chǎn)品設(shè)計與服務(wù)設(shè)計相比具有明顯的優(yōu)勢。這是對分析的訪問以及實時測試設(shè)計決策的能力。
產(chǎn)品設(shè)計師能夠?qū)W⒂谂c之相關(guān)的產(chǎn)品細(xì)節(jié),并放棄其他所有產(chǎn)品。他們深入了解他們正在設(shè)計的用戶人口統(tǒng)計數(shù)據(jù)并擁有可操作的真實數(shù)據(jù),而不是大多數(shù)服務(wù)設(shè)計人員必須使用的假設(shè)。

是的,但過渡到產(chǎn)品設(shè)計需要積極。通過冒險讓自己沉浸在某個行業(yè)或產(chǎn)品中,我們正在做出一個我們可能永遠(yuǎn)不會回歸的選擇。在這種情況下,必須考慮決定。我們必須考慮行業(yè)的可行性以及行業(yè)內(nèi)專業(yè)發(fā)展的前景。
財富有利于勇敢,在2019年,我們會看到更多專注的設(shè)計師成為專家并犧牲他們的普遍技能。時間會證明。
最后,我們開始注意到的最大趨勢是逐漸轉(zhuǎn)向真誠。你可以訴諸的只有那么多的詭計。沒有什么比良好的意圖和設(shè)計在其核心有良好的意圖。去年我們對移動UI設(shè)計趨勢進(jìn)行了預(yù)測。今年,我們將更深入,超越移動。因為現(xiàn)代設(shè)計中的頭號趨勢是背景。沒有概括了。一切都在上下文中并且相互聯(lián)系。