2019年UI和UX設(shè)計趨勢

J.HUA的風(fēng)景插圖

去年我們對移動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)實之間的差距。


糟糕的evolutionoftheweb.com在2012年停止了。這張圖表很粗糙

是的,但瀏覽器的所有進(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)在是你的后院。

由Zhenya Rynzhuk創(chuàng)作的Cocoladas創(chuàng)意博客藝術(shù)家預(yù)覽頁面

讓客戶更深層次地參與意味著每隔一段時間與他們保持互動,并使每一秒鐘都在計算。設(shè)計師在被直率營銷毒害之前抓住了這個機會。

運動設(shè)計也超越了展示和間隙填充。它現(xiàn)在是品牌的嵌入式部分?;諛?biāo)仍然是圖騰。這是我們的想象力和經(jīng)驗,使他們復(fù)活。為什么不利用這種想象力并確保它以正確的方式駕馭?

他媽的Eduard Mykhailov

如果您還沒有想到您的徽標(biāo)包含什么,感覺,味道,氣味和聲音,那么現(xiàn)在是時候做了。

Motion比照明,定位和材料更勝一籌。Motion講述了一個故事。如果你可以通過一些額外的想法讓你的logomark成為你的故事的一部分,我說去吧。

Lakko -由徽標(biāo)動畫茲拉特科·Kelemeni?

是的,但是包括動畫在內(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)建更深層次的理解。

Sanu Sagar的 Baker Hughes Digital

這在電影和視頻游戲中起作用的原因是這些圖像的顯示時間很短。他們呼吁膚淺的印象,而不是勤奮的學(xué)習(xí)。結(jié)合有目的的動畫,3D成為一個強大的設(shè)計工具。

具有新功能強大芯片的移動行業(yè)不僅可以渲染3D對象,還可以在界面中使用它們。較小的屏幕非常適合。

Gleb Kuznetsov卡片3D過渡
Minh Pham 3D的3D翻頁菜單

平面UI設(shè)計已成為超過5年的主導(dǎo)趨勢,并沒有真正改變。最近,我們目睹了向平面設(shè)計添加深度和尺寸的明顯轉(zhuǎn)變,而沒有改變其主要思想。為什么深度是必要的也是為什么平面設(shè)計的存在 - 我們需要象征意義來理解一切。Flat是核心的象征。

深平板是新的公寓。

真正的3D和CG組合揭示了客戶對他們可以與之交互的生命對象的反應(yīng)。平面設(shè)計也能夠以獨特且尚未被探索的方式實現(xiàn)。他們稱之為偽3D。它是平坦的層疊,以創(chuàng)造一個三維的感覺。平面設(shè)計的主要資產(chǎn)增加尺寸將是陰影和光線定位以及反射。

ARTA / Art Gallery by Mike | 創(chuàng)意薄荷

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

Markus Magnusson的宇航員

在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)插圖隨著它變得有趣:

如何通過保持斗志賈斯汀陳德良對Dropbox的設(shè)計
由Joe Montefusco為Mailchimp購買Small

這種卡通風(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)在為界面帶來了深度和維度。

Gdient 2.0 by Eddie Lobanovskiy

Gradient 2.0非常簡單。它不使用沖突的顏色。它有一個清晰的光源,它與形狀對齊,帶來深度。

鮮艷的色彩不會隨處可見。我們將看到更多組合顏色和圖層。事實上,即使單色調(diào)色板也會通過深度和尺寸呈現(xiàn)某種視覺美感。

谷插圖由J.HUA為 圖南

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

uixNinja的加密應(yīng)用程序

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

深色,深色,彩色和3D,在黑暗中。

儀表板由 uixNinja提供

是的,但可訪問性不是漸變,顏色和黑暗主題的唯一問題。鮮艷的色彩傳統(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è)計空間的任何部分。

Marvin Visions

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

表決喬希Rinard

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

而這僅僅是個開始??勺冏煮w的藝術(shù)選擇在2019年還有待探索。

Typography.Guru

是的,但是直到一個聰明且可調(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)該得到各種尊重。但我們希望減少壓力。

Alexey Kolpikov完全轉(zhuǎn)向Figma

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è)。

Sasha Turischev的創(chuàng)新眼枕著陸頁設(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)系。

原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容