UI界面和UX用戶體驗設(shè)計趨勢

　　去年，我們對移動UI設(shè)計趨勢進(jìn)行了預(yù)測。今年，我們將進(jìn)一步發(fā)展并超越移動領(lǐng)域。因為現(xiàn)代設(shè)計的第一趨勢是環(huán)境。不再有概括。一切都在上下文中并且相互聯(lián)系。
 

　　感覺就像我們在使用所有工具，技術(shù)進(jìn)步以及我們對面向用戶產(chǎn)品的真正工作方式的理解的增長一樣。
 

　　在未來，我們將開發(fā)通用設(shè)計的思維方式，將涵蓋我們生產(chǎn)的一切，而不僅僅是銷售。我們?yōu)樽约鹤鍪碌姆绞叫枰玫脑O(shè)計選擇。我們甚至可以更好地設(shè)計國家的聲音。盡管如此，與我們未來的位置相去甚遠(yuǎn)，讓我們進(jìn)入界面并體驗2019年的設(shè)計趨勢。
 

　　傳統(tǒng)上，我們會在每一種趨勢的美來標(biāo)榜自己，以提醒人們密切注意事情，避免濫用。
 

一、強(qiáng)大的瀏覽器
 

　　瀏覽器不僅是互聯(lián)網(wǎng)的載體，而且還是一種傳遞影響的手段。瀏覽器變得越來越快，功能越來越強(qiáng)大且更具吸引力。
 

　　瀏覽器基準(zhǔn)測試和性能測試證明，對于大多數(shù)流行的瀏覽器而言，其性能都有顯著提高。
 

　　流式編譯帶來的速度提高影響了設(shè)計的大量時間。Mozilla報告說，新的編譯器比以前的優(yōu)化編譯器快10–15倍。
 

　　所有現(xiàn)代的瀏覽器都支持WebGL 2，它可以將3D紋理和對象渲染，片段深度和頂點(diǎn)數(shù)組對象提升到一個全新的水平。
 

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

　　

Evolutionoftheweb圖表
 

　　是的，但是瀏覽器的所有進(jìn)步仍然提升了它們各自的價值，而沒有在更高層次上影響整個行業(yè)。由于網(wǎng)絡(luò)上發(fā)生了太多事情，因此瀏覽器開發(fā)人員很難提出通用解決方案并清理Internet。
 

　　瀏覽器可能很棒，但是如果它們訪問不良的網(wǎng)站，則會受到不良UX的污染。我們必須強(qiáng)迫做出更好的設(shè)計選擇，以發(fā)揮Web瀏覽器當(dāng)前的潛力。
 

　　大多數(shù)網(wǎng)站使瀏覽器看起來像是糟糕的軟件。
 

二、有目的的動畫
 

　　其中，新的瀏覽器功能為動畫打開了大門。不只是元素的運(yùn)動，而是合法的設(shè)計機(jī)會。運(yùn)動設(shè)計這一學(xué)科涉及很多設(shè)計方面，但與心理學(xué)和生物學(xué)相交。
 

　　我們認(rèn)為，這一知識領(lǐng)域?qū)⒃?019年更深入地探索。復(fù)雜性取代了時尚，成為時尚動畫設(shè)計的主要特征。運(yùn)動和過渡傳達(dá)了很多否則會丟失的信息。
 

　　與客戶進(jìn)行更深層次的互動意味著與客戶互動的每一秒都與之保持聯(lián)系，并且每一秒鐘都至關(guān)重要。設(shè)計師正在抓住這個機(jī)會，然后再由直率的營銷毒化。
 

　　運(yùn)動設(shè)計還不僅限于演示和填補(bǔ)空白?，F(xiàn)在，它已成為品牌宣傳的一部分?；諛?biāo)仍然是圖騰。是我們的想象力和經(jīng)驗使他們復(fù)興。為什么不利用這種想像力并確保它引導(dǎo)正確的方向呢?
 

　　如果您還沒有想到徽標(biāo)的組成，徽標(biāo)的感覺，口味，氣味和聲音，那么該是時候了。
 

　　運(yùn)動比照明，定位和材質(zhì)要好。運(yùn)動講述了一個故事。如果您可以通過一些思考使徽標(biāo)成為故事的一部分，那我就說吧。
 

　　

Lakko 由徽標(biāo)動畫茲拉特科
 

　　是的，但是包括動畫在內(nèi)的所有內(nèi)容都有上下文。您所看到的設(shè)計師并不是客戶所看到的……客戶。如果我們要設(shè)計的產(chǎn)品是可行的產(chǎn)品或與可怕的場景相關(guān)聯(lián)，那么即使它們有意義，我們也無法提供動畫。如果存在情感矛盾，請始終保持中立。
 

三、UI設(shè)計界面和深平面中的3D
 

　　真實(shí)鏡頭和圖像的3D渲染和CG增強(qiáng)已經(jīng)存在了一段時間。為了提高速度和性能以及可訪問性，設(shè)計人員在避免用戶界面中使用復(fù)雜的3D模型方面有著悠久的歷史。更好的瀏覽器將這種奢侈變成了負(fù)擔(dān)得起的功能。高度復(fù)雜的VFX或Visual Effects將類似電影的場景帶入網(wǎng)站領(lǐng)域。
 

　　界面中的3D圖形融合了現(xiàn)實(shí)和數(shù)字動畫的優(yōu)勢。這種趨勢對于具有不太直觀的復(fù)雜過程的產(chǎn)品公司特別有用。通過使用3D可視化，您可以利用任何技術(shù)過程并獲得更深層次的理解。
 

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

　　具有新型強(qiáng)大芯片的移動行業(yè)不僅可以渲染3D對象，而且可以在界面中使用它們。較小的屏幕非常適合。
 

　　扁平化UI設(shè)計在過去5年中一直是主要趨勢，并且并未真正改變。最近，我們目睹了在不改變其主要思想的情況下，向平面設(shè)計增加深度和尺寸的明顯轉(zhuǎn)變。為什么必須深度，這也是為什么平面設(shè)計應(yīng)運(yùn)而生的原因-我們需要象征主義才能使一切都變得有意義。扁平化是核心的象征。
 

　　真正的3D和CG組合顯示出客戶對它們可以交互的逼真的對象的反應(yīng)。扁平化設(shè)計還能夠以獨(dú)特且尚待探索的方式做到這一點(diǎn)。他們稱其為偽3D。它的平面層堆疊在一起，營造出三維感。平面設(shè)計的主要要素是陰影和光線的定位以及反射。
 

　　使用傳統(tǒng)的設(shè)計工具(例如Principle和After Effects)來創(chuàng)建模擬3D的運(yùn)動圖案的趨勢也出現(xiàn)了虛假的3D趨勢。
 

　　在2019年，我們甚至可能會以新的方式看到擬態(tài)的回歸。如果平面可以很深，那么它也可以是等距的。在探索現(xiàn)實(shí)的同時保留平面象征意義是一種趨勢。
 

　　是的，但是我們最終將沒有其他選擇。3D UI并沒有朝著什么方向發(fā)展。這是雙向的-簡化和復(fù)雜。盡管需要更多的技術(shù)努力來打動我們，但也需要勇氣將復(fù)雜性排除在外，并推出一個瘋狂的概念。但是，如果最復(fù)雜的界面缺乏意義，或者最勇敢的想法不過是一堵幕墻，那么所有的努力都將毫無用處。
 

　　我們可以做令人印象深刻的圖像?，F(xiàn)在是時候讓它充滿人情味并解決更深層次的問題了。我們怎樣才能做到這一點(diǎn)?
 

四、超現(xiàn)實(shí)設(shè)計
 

　　更好的技術(shù)所帶來的所有3D和運(yùn)動設(shè)計機(jī)會，如果不能引起情感上的沖擊，就毫無意義。具有諷刺意味的是，您不需要復(fù)雜性即可發(fā)揮最大的影響。叛逆態(tài)度一直是主流趨勢的衛(wèi)星，這是其自然的吸引力。
 

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

　　這種卡通風(fēng)格的插圖甚至UI設(shè)計都有一個目的-保持外觀的新鮮感。當(dāng)您的品牌名稱是必不可少的時，您可以將其永無休止地嗡嗡作響。不管與誰說話，都必須很奇怪甚至很丑。期望在2019年看到更多這種先鋒和超現(xiàn)實(shí)的設(shè)計。
 

　　是的，但并非所有公司和產(chǎn)品都能承受這種侮辱。受眾越廣，設(shè)計就必須越中立。即使這對于成熟的品牌可能有用，但是較小的公司和那些努力與曝光度相關(guān)的公司將不得不謹(jǐn)慎行事并堅持共同點(diǎn)。
 

五、漸變2.0，明亮的色彩和黑暗
 

　　新的屏幕具有夢幻般的色彩再現(xiàn)。他們甚至必須通過默認(rèn)壁紙顯示此內(nèi)容。設(shè)計師探索UI的可訪問性和令人印象深刻的漸變邊界。
 

　　漸變不再引起注意，它們現(xiàn)在為界面帶來了深度和尺寸。
 

　　Gradient 2.0非常微妙而簡單。它沒有沖突的顏色。它具有清晰的光源，并且與形狀對齊以帶來深度。
 

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

 

　　我們?nèi)狈π湃魏蜆酚^。鮮艷的色彩可促進(jìn)積極性。您會信任這樣的加密應(yīng)用程序嗎?
 

　　更酷的是，鮮艷的色彩和有意義的漸變在深色背景中表現(xiàn)得更好。黑暗主題將保留下來，而且只會變得更好。在這里，我們采取了人類學(xué)的方法來找出黑暗的主題以及它們?yōu)楹纹鹱饔谩Ｄ切┠軌蛟谏钌?a href="http://5wd995.cn/zt/uiue/" target="_blank">UI設(shè)計的可訪問性與耀眼的色彩的情感反應(yīng)之間找到平衡的人，將在明年成為熱門。
 

　　在黑暗中呈現(xiàn)深淺的平面，顏色和3D。
 

　　是的，但可訪問性并不是漸變，顏色和深色主題的唯一問題。傳統(tǒng)上，明亮的顏色用于增強(qiáng)口音。當(dāng)一切都是彩色的時，您如何強(qiáng)調(diào)?并非所有用戶都可以訪問OLED屏幕。某些漸變可能會丟失。對比度太大會妨礙用戶的注意力。黑暗的主題在外面的晴天不起作用。但這實(shí)際上可能是一件好事。
 

六、可變字體
 

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

　　只要設(shè)計需要多種字體，設(shè)計人員就必須提供所用字體樣式的所有文件。除非您涵蓋所有基礎(chǔ)，否則您不能完全致力于產(chǎn)品的豐富版式。使用可變字體，您只需要一個文件，因為可變或生成字體提供了無數(shù)的字母粗細(xì)和寬度調(diào)整。
 

　　可變字體可以覆蓋文本剩余的設(shè)計空間的任何部分。
 

　　可變字體在快速響應(yīng)的設(shè)計和本地化中蓬勃發(fā)展。在設(shè)計人員不得不絞盡腦汁的地方，他們需要將文字適合在較小的屏幕上顯示，而又不會失去熱情或?qū)⑽淖謹(jǐn)U展為使用更少字符的另一種語言。
 

　　當(dāng)引入網(wǎng)絡(luò)字體時，響應(yīng)能力是它們?nèi)狈Φ囊粋€方面。靈活性不足會導(dǎo)致易讀性問題和設(shè)計本身的不對齊。可變字體是相當(dāng)新的，它們可以幫助更快地為Web交付字體，并有助于簡化總體設(shè)計流程。
 

　　這僅僅是開始?？勺冏煮w的藝術(shù)選擇尚未在2019年進(jìn)行探索。
 

　　是的，但是一種智能且可調(diào)的字體成為促進(jìn)銷售的手段需要多長時間?如果您可以讓文本回復(fù)每個可用數(shù)字環(huán)境的微妙之處，那么它將如何保護(hù)讀者免受操縱?參數(shù)文本起源于書籍印刷，而書籍印刷是受客觀物理學(xué)限制的環(huán)境。這阻止了人們節(jié)省紙張和墨水，并使閱讀成為我們進(jìn)步的最重要原因之一。
 

七、ui和ux需要懂代碼
 

　　今天，我們問一個古老的問題：“設(shè)計人員需要編寫代碼嗎?”然后，“開發(fā)人員需要編寫UX知識嗎?”這些觀點(diǎn)很簡單-避免在設(shè)計時遇到麻煩和差異。因此，如果是關(guān)于目標(biāo)的話，那也應(yīng)該是關(guān)于實(shí)現(xiàn)目標(biāo)的方式。
 

　　學(xué)習(xí)編碼是一個合理的選擇。如果您是執(zhí)行自己的設(shè)計的人，則可以避免很多問題。但是，要成為一名相關(guān)的設(shè)計師和有才華的開發(fā)人員，需要保持大量知識。你能做到嗎?對你有好處。對于那些做不到的人，應(yīng)該有其他選擇。
 

　　目的不是培養(yǎng)通用設(shè)計師。這是關(guān)于愉快地制造更好的產(chǎn)品。
 

　　實(shí)現(xiàn)此目標(biāo)的另一種方法是使用和推廣更好的工具。Figma是這些工具之一。以前，設(shè)計人員必須考慮很多變量，例如操作系統(tǒng)，集成，插件，存儲，同步，協(xié)作，最后還要考慮將這些變量集中在一處的方法。那些確實(shí)制定了工作流程的人應(yīng)該得到各種尊重。但是我們希望減輕壓力。
 

　　Figma是一個按需使用的設(shè)計工具。它預(yù)料到了很多假設(shè)，并引發(fā)了很多懷疑。
 

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

　　是的，但是每當(dāng)我們開發(fā)出更好的產(chǎn)品而未能建立符合上述條件的道德使用方式時，我們只會為自己的滅亡做出貢獻(xiàn)?？匆幌屡χ匦芦@得聲譽(yù)的Twitter 。2018年，科技高管在法庭上作證碩果累累。事實(shí)證明，僅在其中放置工具是不夠的，我們還必須觀察人們?nèi)绾问褂盟鼈儭?br />  

七、語音用戶界面
 

　　設(shè)計不一定必須是視覺或可見的。通過顛簸和挫折，我們意識到如果我們構(gòu)建的不是觸覺體驗，那么工具并不重要。設(shè)計邏輯意味著操作心理。建立語音控制意味著處理自然語言。
 

　　語音UI既精致又感官。
 

　　語音UI最好地實(shí)現(xiàn)了沒有UI的概念。該過程是內(nèi)部過程，與實(shí)際設(shè)計相比，更多地與書寫，構(gòu)建上下文和合成數(shù)據(jù)有關(guān)。即便如此，設(shè)計師還是沉迷于尋找表示語音UI的方法。主要通過令人印象深刻的類似少數(shù)群體報告的界面和動畫來實(shí)現(xiàn)。
 

　　在大多數(shù)情況下，它們與語音接口的現(xiàn)實(shí)并沒有什么共同之處，但是他們?yōu)橛脩籼峁┝藷o需控件的準(zhǔn)備，并教他們?nèi)绾翁幚聿恍枰魏慰丶募夹g(shù)。
 

　　在2019年，隨著越來越多的設(shè)計師從純粹的視覺美學(xué)過渡到有意義的體驗，我們可以希望見證語音UI知識的加深。
 

　　是的，但具有諷刺意味的是，語音UI的最大挑戰(zhàn)在于，人與人之間的交互不是人機(jī)交互，而是人與人之間的交互，這種交互由必須比這兩種技術(shù)更智能的技術(shù)來介導(dǎo)。我們生活在一個高度失衡的全球社會中。我們正努力在包括技術(shù)在內(nèi)的許多方面互相理解。語音控制的電話，汽車和房屋可能只會擴(kuò)大我們之間的差距。
 

　　作為設(shè)計師，我們應(yīng)該始終將人類的幸福視為重中之重。如果技術(shù)，即使是設(shè)計精美的技術(shù)，卻以犧牲其他技術(shù)為代價來服務(wù)于某些技術(shù)，則必須不懈地加以解決。那沒有發(fā)生。
 

八、UX編寫和UX編輯
 

　　去年，設(shè)計師開始關(guān)注帶有字體的單詞的含義。小說和技術(shù)作家，書信愛好者和新聞工作者憑借其技能獲得了毗鄰的行業(yè)。一件事導(dǎo)致另一件事，我們定義了寫作在設(shè)計中的作用：
 

　　您必須控制您的企業(yè)與客戶交談的方式。
 

　　以前，混合了自負(fù)的自戀廢話和技術(shù)術(shù)語。企業(yè)正在做的事情被誤認(rèn)為可以給客戶帶來價值。即使生意很好，他們?nèi)匀蝗狈εc聽眾一起使用的明確，簡單和有說服力的措辭。
 

　　UX寫作基于兩個簡單的原則：尊重和有用。其他一切都源于他們。簡潔意味著要尊重他人，以至于比您更珍惜自己的時間。是您必須在文本上消亡的人，而不是用戶。清晰意味著避免雙重性，避免不良經(jīng)歷，因此很有用。表現(xiàn)力意味著誠實(shí)，沒有缺陷。
 

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

　　人們不希望看到您彎曲并提升自己。他們想知道您是否可以幫助他們。讓您的服務(wù)成為話題。
 

　　在2018年，我們見證了大型公司語音和音調(diào)設(shè)計的顯著增長。他們不再追求獨(dú)創(chuàng)性，而是專注于客戶價值。在2019年，我們尚未看到UX編輯的發(fā)展是一門設(shè)計學(xué)科。
 

　　UX寫入和UX編輯之間的區(qū)別是帶寬。UX編寫器生成面向用戶的文本。UX編輯器可以分析，變形，彎曲和扭曲任何副本，以將其轉(zhuǎn)變?yōu)楹唵蔚娜诵曰谋?。沒有用于UX編輯的速成課程。這是經(jīng)驗，觀察和友善。
 

　　2019年的每個重大重新設(shè)計活動都將需要UX編輯器。
 

　　是的，但是每種趨勢都經(jīng)歷了一系列階段。第一個是懷疑主義，然后是迷戀，然后是無聊。迷戀是最危險的，因為它常常會失控。它將想法變成諷刺漫畫并扭曲其價值。UX寫作沒有什么不同。簡單的時候就誤認(rèn)為是愚蠢的。當(dāng)變得清晰時，變得自以為是，而具有說服力的則變?yōu)樽员啊?br />  

　　在產(chǎn)品設(shè)計中仍有創(chuàng)意寫作的地方。但不是在產(chǎn)品遇到用戶的地方。例如，耐克和波音公司正在向科幻小說家付款，以預(yù)測他們的未來。
 

九、產(chǎn)品設(shè)計師作為職稱
 

　　UX設(shè)計是一個非常寬泛的術(shù)語。它是跨行業(yè)服務(wù)設(shè)計的一部分。結(jié)果，設(shè)計師和設(shè)計公司收集了廣泛的項目組合，從簡單的實(shí)用程序應(yīng)用程序到復(fù)雜的FinTech平臺。
 

　　服務(wù)設(shè)計是毯子。它可以覆蓋每個行業(yè)并應(yīng)用普遍適用的方法。
 

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

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

　　產(chǎn)品設(shè)計相對于服務(wù)設(shè)計具有明顯的優(yōu)勢。這就是對分析的訪問和實(shí)時測試設(shè)計決策的能力。
 

　　產(chǎn)品設(shè)計師可以專注于與他們相關(guān)的產(chǎn)品的細(xì)節(jié)，并放下其他所有東西。與大多數(shù)服務(wù)設(shè)計師必須使用的假設(shè)相反，他們可以深入了解要為其設(shè)計的用戶人口統(tǒng)計信息，并且可以使用真實(shí)數(shù)據(jù)進(jìn)行操作。
 

　　是的，但是過渡到產(chǎn)品設(shè)計需要活力。通過冒險使自己沉浸在某個行業(yè)或產(chǎn)品中，我們正在做出一個我們可能永遠(yuǎn)不會回來的選擇。在這種情況下，必須考慮該決定。我們必須考慮行業(yè)的生存能力以及行業(yè)內(nèi)專業(yè)發(fā)展的前景。
 

　　最后，我們開始注意到的最大趨勢是逐漸走向真誠。您只能采取許多技巧。沒有什么能超越良好的意圖，而設(shè)計的核心就是良好的意圖。