去年我們做過一個關(guān)于移動UI趨勢預測。今年，我們將探討移動端之外的設(shè)計。

這里，我們需要提一下設(shè)計的載體——瀏覽器

瀏覽器不僅是互聯(lián)網(wǎng)的載體，也是提供影響力的手段。而且瀏覽器正變得更快，更強大，更有吸引力。

Web和移動瀏覽器功能正在彌合概念設(shè)計與現(xiàn)實之間的差距。

所以，從另外一個角度來看，我們需要設(shè)計更好的界面，展示web瀏覽器的潛力。

正如從早期的網(wǎng)頁設(shè)計，到如今的自適應設(shè)計，這種思維模式會影響到我們生產(chǎn)的所有事物，而不僅僅是單獨產(chǎn)品。我們需要選擇更好的設(shè)計方式。但盡管如此，我們還是遠遠沒有達到我們未來的目標，下面就讓我們進入2019年的UI和UX設(shè)計趨勢。

01有目的的動畫

新的瀏覽器功能為動畫打開了大門。不僅僅是元素的運動，更是一個絕佳的設(shè)計機會。運動設(shè)計涉及到很多方面，還與心理學和生物學產(chǎn)生聯(lián)系。

我們看到，2019年，這一領(lǐng)域的知識將得到更深入的探索。復雜性取代了當下的流行元素，成為動畫設(shè)計中的主要特征。動作和過渡傳達了很多我們從前丟失掉的信息。

屏幕之間的區(qū)域曾經(jīng)是無人區(qū)?，F(xiàn)在是你的后院。

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

在更深的層次上吸引客戶，意味著隨時都要與他們產(chǎn)生交互，并且每一秒都是有價值的。設(shè)計師們正在抓住這個機會，以免它被生硬的市場營銷毒害。

如今，運動設(shè)計不僅僅用來展示和填補空白，它還成為了品牌的一部分：Logo是一個品牌的圖騰，我們的想象力和經(jīng)驗使它們復活，那我們?yōu)槭裁床怀浞掷眠@種想象力，讓運動設(shè)計融入標志，以便更好的駕馭它呢?

Eduard Mykhailov著

如果你還沒有想過你的logo是由什么組成的，它給人的感覺、味道、氣味和聲音是怎樣的，那么是時候去做了。

運動比燈光、定位和材質(zhì)更有說服力，它能夠講述故事。如果你能通過添加一些額外的想法，讓 Logo標志成為你故事的一部分，那么我建議你去試試。

Lakko?—?Logo animation by Zlatko Kelemeni?

? 注意

盡管如此，但所有東西都需因地制宜，包括動畫。你作為設(shè)計師所看到的不是顧客所看到的……如果我們所設(shè)計的產(chǎn)品是有爭議，或者與可怕的場景有關(guān)的，那么即使它們有意義，我們也不能采用動畫。如果存在情感矛盾，請務(wù)必保持中立，不要恣意地使用動畫。

02? 3D界面和深扁平

- 3D界面

雖然3D渲染、CG增強的真實鏡頭圖像已經(jīng)出現(xiàn)了一段時間。但為了速度性能，以及可訪問性，設(shè)計人員曾避免在UI中使用復雜的3D模型。隨著更好的瀏覽器將這種奢侈變成了一種負擔得起的功能，高度復雜的特效或視覺效果可以將電影般的場景帶入網(wǎng)站領(lǐng)域。

3D圖形界面融合了現(xiàn)實和數(shù)字動畫的邊緣。

這一趨勢將特別適用于流程復雜、不太直觀的公司產(chǎn)品。通過使用3D可視化，您可以利用任何技術(shù)，讓用戶對產(chǎn)品和流程建立更深層次的理解。

Sanu Sagar的 Baker Hughes Digital

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

擁有強大芯片的移動產(chǎn)業(yè)不僅可以渲染3D物體，還能讓我們在在界面中使用它們，而小屏幕更是完美的選擇。

Gleb Kuznetsov卡片3D過渡

Minh Pham 3D的3D翻頁菜單

- 深扁平設(shè)計

扁平化UI成為主導趨勢已經(jīng)超過5年，并沒有真正改變過。最近，我們卻感受到了一個明顯的轉(zhuǎn)變，那就是在不改變其主要思想的情況下，扁平化設(shè)計正在增加其深度和維度。為什么深度是必要的？這也是為什么扁平設(shè)計出現(xiàn)的原因——我們需要象征主義來理解一切，扁平是核心的象征。

真實的3D和CG組合向我們揭示了用戶對他們可以與之互動的逼真物體的反應。平面設(shè)計也能夠以一種獨特的、尚待探索的方式做到這一點。他們稱之為偽3D。它是平面層疊加起來創(chuàng)建的三維效果。在平面設(shè)計中增加維度的主要方式是通過陰影、光定位以及反射。

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

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

Markus Magnusson的宇航員

到2019年，我們甚至可能看到擬物態(tài)以一種新的方式回歸。如果平面較深，則也可以是等距的。在現(xiàn)實主義的情況下，保持扁平的象征意義是值得探索的新趨勢。

? 注意

3D UI已經(jīng)沒有了特定的發(fā)展方向，它是雙向的——簡化和復雜。雖然需要更多的技術(shù)努力才能給我們留下深刻印象，但要把復雜性拋到一邊，推出一個瘋狂的概念，也需要同樣多的勇氣。然而，如果最復雜的界面缺乏意義，或者最大膽的想法只是一堵幕墻，那么所有的努力都是徒勞的。

03 超現(xiàn)實主義設(shè)計

更好的技術(shù)所帶來的3D和運動設(shè)計趨勢，如果不能對用戶產(chǎn)生情感影響，那將毫無意義。但諷刺的是，你并不需要進行過多的努力——超現(xiàn)實主義一直是主流趨勢，原因是它的自然吸引力。

我們需要一些東西來平衡常識，我們需要一個魔鬼在我們的肩膀上，有時我們是頑皮的。

一些重新設(shè)計活動和相關(guān)插圖隨著它變得有趣：

這種卡通風格的插圖甚至UI都有一個目的——保持新鮮感。當你的品牌成為一種主食時，你可以在它周圍不停地發(fā)出嗡嗡聲。不管跟誰說話，這種風格都必須怪異，甚至丑陋。預計2019年將會看到更多這種前衛(wèi)和超現(xiàn)實的設(shè)計。

? 注意

但不是所有的公司和產(chǎn)品都能承受這種叛逆的行為。受眾越廣，設(shè)計就必須越中立，盡管這可能適用于知名品牌，但規(guī)模較小以及那些在風險敞口中苦苦掙扎的公司將不得不謹慎行事，堅持共性。

04 漸變2.0&熾熱的色彩和黑暗

- 漸變2.0

科技的進步使屏幕具有出色的色彩表現(xiàn)，以至于它們渴望通過默認壁紙顯示這一點。設(shè)計師們則可以在UI中探索令人印象深刻的漸變界限。

漸變不再受到關(guān)注，它們現(xiàn)在為界面帶來了新的深度和維度。

Gdient 2.0 by Eddie Lobanovskiy

漸變2.0是微妙和簡單的，它不再使用沖突的顏色。它有一個清晰的光源，并與形狀保持一致，以帶來深度。

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

Valley Illustration by J.HUA for Tunan

我們?nèi)狈π湃魏蜆酚^，鮮艷的顏色能促進積極性。你會相信這樣的加密應用程序嗎?

uixNinja的加密應用程序

- 黑暗背景

更酷的是，在黑暗的背景中，鮮艷的色彩和有意義的漸變將更加突出。黑暗主題已經(jīng)存在，而且只會變得更好。在這里，我們采用人類學的方法研究黑暗主題以及它們?yōu)楹斡行?。那些能夠在黑暗UI的可訪問性和耀眼色彩的情感反應之間找到平衡的人，將會在明年登上榜首。

由 uixNinja提供

? 注意

盡管如此，但可訪問性并不是漸變、顏色和深色主題的唯一問題。明亮的顏色通常被用來加強重點。但當一切都是彩色的時候，你怎么強調(diào)呢?并非所有用戶都能使用OLED屏幕，一些漸變可能會丟失，過多的對比度會分散用戶的注意力。黑暗的主題在外面陽光明媚的日子里是行不通的，雖然這可能是件好事。

05 變量字體

傳統(tǒng)上，字體被視為具有有限可調(diào)參數(shù)集的靜態(tài)實體。設(shè)計師和作家必須在x高度，筆劃和字母寬度的背景下考慮易讀性。

每當設(shè)計需要多種字體時，設(shè)計者必須提供所用字體樣式的所有文件。除非涵蓋所有基礎(chǔ)，否則你無法完全承諾在產(chǎn)品中使用豐富的排版。但對于可變字體，你只需要一個文件，因為變量或生成字體提供無限數(shù)量的字母粗細和寬度調(diào)整。

Marvin Visions

變量字體在響應式設(shè)計和本地化中蓬勃發(fā)展。在一些地方，設(shè)計師不得不絞盡腦汁把文字壓縮到更小的屏幕上，但又不能使用戶失去對文字的興趣，或者為了使用較少字符的另一種語言而拉長文字。

喬什·里納德(Josh Rinard)報道

當Web字體被引入時，響應性是他們?nèi)狈Φ囊粋€方面。靈活性不足導致易讀性問題和設(shè)計本身的失調(diào)。變量字體是最近才出現(xiàn)的，它們可以幫助我們更快地為Web交付字體，并簡化設(shè)計過程。

Typography.Guru

? 注意

盡管如此，但要等多久才會有一種智能和可調(diào)節(jié)的字體成為促銷的手段呢?如果你能讓你的文字回應每一個設(shè)計環(huán)境的微妙之處，它如何保護讀者不受操縱?參數(shù)化文本起源于書籍印刷，這是一個受客觀物理條件限制的背景。這使人們無法儲存紙張和墨水，也使閱讀成為我們?nèi)〉眠M步的最重要原因之一。

06 Figma

今天我們問一個古老的問題:“設(shè)計師需要編程嗎?” 還有，“開發(fā)人員需要UX知識嗎?” 這一點很簡單——避免痛苦和設(shè)計差異。

學習編碼是一個合乎邏輯的選擇。如果你是開發(fā)自己設(shè)計的人，那么你可以避免許多問題。然而，要成為一名相關(guān)的設(shè)計人員和強大的開發(fā)人員，你需要了解大量的相關(guān)知識，你能做到嗎? 盡管這對你有好處。對于那些做不到的人，應該有其他選擇。

這樣做的目的不是培養(yǎng)一個萬能的設(shè)計師，而是如何用快樂打造更好的產(chǎn)品。

實現(xiàn)這一目標的另一種方法是使用和促進更好的工具。Figma就是其中一種工具。在此之前，設(shè)計人員必須考慮許多變量，如操作系統(tǒng)、集成、插件、存儲、同步、協(xié)作，最后還要考慮將它們組裝在一起的方法。那些制定工作流程的人，理應得到所有的尊重，但是我們想要更少的壓力。

它完成了Sketch和Adobe XD所做的一切，并且越來越好。更重要的是，F(xiàn)igma旨在構(gòu)建將要實施的內(nèi)容。每個Figma組件都可以通過API轉(zhuǎn)換為React組件并在前端實現(xiàn)。到目前為止，F(xiàn)igma在成本，性能速度，協(xié)作，共享，嵌入，支持等方面擊敗了競爭對手。話雖如此，但Figma仍在開發(fā)中，相信2019年還會有更多亮點。

? 注意

盡管如此，但是當我們開發(fā)出更好的產(chǎn)品，卻未能建立道德基礎(chǔ)上時，我們只會為自己的消亡做出貢獻。看看正在努力爭取好名聲的推特。2018年，科技高管在法庭上作證，取得了豐碩成果。事實證明，僅僅把工具放在那里是不夠的，我們還必須觀察人們?nèi)绾问褂盟鼈儭igma會保護用戶不受UX中的黑暗模式、糟糕的設(shè)計和虛假新聞的影響嗎?

07 語音用戶界面

通過磕碰和瘀傷，我們意識到，如果我們建立一種非觸覺體驗，那么工具并不重要。設(shè)計邏輯就是操作心理學，構(gòu)建語音控制意味著處理自然語言。

語音UI最大限度地實現(xiàn)了無UI的概念。這個過程是內(nèi)部的，與編寫、構(gòu)建上下文和綜合數(shù)據(jù)有關(guān)，而與實際設(shè)計無關(guān)。即便如此，設(shè)計師們?nèi)园V迷于尋找表示語音UI的方法。主要是通過令人印象深刻的少數(shù)報告類界面和動畫。

Gleb Kuznetsov的有機人工智能設(shè)計

大多數(shù)時候，他們與語音界面的現(xiàn)實沒有任何共同之處，它們?yōu)橛脩籼峁┝巳鄙倏丶臏蕚洌⒔趟麄內(nèi)绾翁幚聿恍枰魏慰丶募夹g(shù)。

在2019年，隨著越來越多的設(shè)計師從簡單的視覺美學設(shè)計過渡到有意義的體驗，我們可以期待見證語音UI知識的深化。

? 注意

但具有諷刺意味的是，語音用戶界面的最大挑戰(zhàn)不是人機交互，而是人與人之間的互動，這種矛盾必須由比兩者更聰明的智能系統(tǒng)來完成。但我們生活在一個嚴重失衡的全球社會。我們在許多方面都難以相互理解，包括技術(shù)、語音控制的電話、汽車和家庭可能會擴大我們之間的差距。

作為設(shè)計師，我們應該始終把人類的福祉作為我們的首要任務(wù)。如果技術(shù)，即使是設(shè)計精美的技術(shù)，以犧牲其他技術(shù)為代價為某些技術(shù)服務(wù)，那么就必須毫不留情地加以解決。

08 UX寫作和UX編輯

去年，設(shè)計師開始關(guān)注帶有字體的單詞的含義。小說和技術(shù)作家，書信體愛好者和記者在他們的技能方面獲得了毗鄰的行業(yè)。而我們在設(shè)計中定義了寫作的角色：

你必須控制你的業(yè)務(wù)與客戶溝通的方式。

在此之前，有一種自負、自戀的胡言亂語和專業(yè)術(shù)語的混合體。一個企業(yè)的行為被誤認為它可能給客戶帶來的價值。盡管企業(yè)是偉大的，但它們?nèi)狈γ鞔_、簡單和有說服力的措辭，難以與聽眾溝通。

UX寫作基于兩個簡單的原則:尊重和有用，所有這些都源于它們。簡潔意味著尊重別人，尊重他們的時間而不是你的時間。你必須為文字而死，而不是用戶。清晰意味著避免重復，避免糟糕的經(jīng)歷，因此是有用的。富有表現(xiàn)力意味著誠實，不隱藏任何缺陷。始終專注于幫助用戶，不要炫耀你的口才，不要SEO，永遠不要使用市場營銷的陳詞濫調(diào)——這就足夠了。

一旦你接受了尊重和有用，UX編寫就很容易。

人們不想看到你屈尊或吹噓自己，他們只想知道你是否能幫助他們——讓你的服務(wù)說話。

在2018年，我們看到了大公司在設(shè)計上的一個顯著趨勢，那就是他們不再追求獨創(chuàng)性，而是專注于客戶價值。但直到2019年，我們還沒有看到用戶體驗編輯發(fā)展為一門獨立的設(shè)計學科。

UX寫作和UX編輯之間的區(qū)別在于面向?qū)ο?。UX寫作生成面向用戶的文本。UX編輯分析、變形、彎曲和扭曲任何副本，將其轉(zhuǎn)換為簡單的人文文本。沒有UX編輯的速成課程，它是經(jīng)驗、觀察的產(chǎn)物。

? 注意

但每個趨勢都會經(jīng)歷一系列階段。第一個是懷疑主義，然后是迷戀，然后是厭惡。魅力是最危險的，因為它經(jīng)常失控。它會把這個想法變成一幅漫畫，扭曲其價值。UX寫作也不例外，當簡單被誤認為是愚蠢的時候，當清楚變成無禮，有說服力變成居高臨下。

在產(chǎn)品設(shè)計中仍然有創(chuàng)意寫作的空間，但不是產(chǎn)品遇到用戶的地方。例如，耐克(Nike)和波音(Boeing)正在付錢給科幻作家，讓他們預測自己的未來。

9? 產(chǎn)品設(shè)計師作為職業(yè)

UX設(shè)計是一個非常廣泛的術(shù)語，它是跨行業(yè)服務(wù)設(shè)計的一部分。因此，設(shè)計師和設(shè)計公司收集了大量項目組合，從簡單的實用程序到復雜的金融平臺。

服務(wù)設(shè)計師可以擁有自己的風格，以應用于任何產(chǎn)品。這就是他們出名的原因，也是企業(yè)愿意為之付費的原因。這就像從一個受人尊敬的供應商那里購買零部件。

但是，大多數(shù)公司都是產(chǎn)品公司，他們可能需要設(shè)計師更深入的了解。這些公司需要一名產(chǎn)品設(shè)計師，他必須深入到團隊中，擁有所有可用的數(shù)據(jù)，以及影響整個系統(tǒng)的所有工具。

產(chǎn)品設(shè)計與服務(wù)設(shè)計相比具有明顯的優(yōu)勢，是訪問分析和測試設(shè)計決策的能力。

產(chǎn)品設(shè)計師有能力專注于與他們相關(guān)的產(chǎn)品的細節(jié)，而忽略其他一切。他們對所設(shè)計的用戶群體有深入的了解，并有真實的數(shù)據(jù)可供操作，而不是像大多數(shù)服務(wù)設(shè)計人員必須使用假設(shè)。

Sasha Turischev的創(chuàng)新眼枕著陸頁設(shè)計

? 注意

盡管如此，但過渡到產(chǎn)品設(shè)計需要非常大的積極性和毅力。冒著讓自己沉浸在某個行業(yè)或產(chǎn)品中的風險，我們在做一個可能永遠不會回來的選擇。在這種情況下，我們必須慎重考慮這個決定，并評估自身的行業(yè)的生存能力和行業(yè)內(nèi)專業(yè)發(fā)展的前景。

《財富》青睞勇敢者，在2019年，我們將看到更多有獻身精神的設(shè)計師犧牲他們的通用技能，嘗試成為專家。時間會證明一切。

最后，我們開始注意到的最大趨勢是逐漸轉(zhuǎn)向真誠。沒有什么能打敗好的意圖，而設(shè)計的核心就是好的想法。

來源:medium??作者：Moses Kim

BIGD翻譯整理