去年,我們對(duì)移動(dòng)UI設(shè)計(jì)趨勢(shì)進(jìn)行了預(yù)測(cè)。今年,我們將進(jìn)一步發(fā)展并超越移動(dòng)領(lǐng)域。因?yàn)楝F(xiàn)代設(shè)計(jì)的第一趨勢(shì)是環(huán)境。不再有概括。一切都在上下文中并且相互聯(lián)系。
感覺就像我們?cè)谑褂盟泄ぞ?,技術(shù)進(jìn)步以及我們對(duì)面向用戶產(chǎn)品的真正工作方式的理解的增長(zhǎng)一樣。
在未來,我們將開發(fā)通用設(shè)計(jì)的思維方式,將涵蓋我們生產(chǎn)的一切,而不僅僅是銷售。我們?yōu)樽约鹤鍪碌姆绞叫枰玫脑O(shè)計(jì)選擇。我們甚至可以更好地設(shè)計(jì)國家的聲音。盡管如此,與我們未來的位置相去甚遠(yuǎn),讓我們進(jìn)入界面并體驗(yàn)2019年的設(shè)計(jì)趨勢(shì)。
傳統(tǒng)上,我們會(huì)在每一種趨勢(shì)的美來標(biāo)榜自己,以提醒人們密切注意事情,避免濫用。
一、強(qiáng)大的瀏覽器
瀏覽器不僅是互聯(lián)網(wǎng)的載體,而且還是一種傳遞影響的手段。瀏覽器變得越來越快,功能越來越強(qiáng)大且更具吸引力。
瀏覽器基準(zhǔn)測(cè)試和性能測(cè)試證明,對(duì)于大多數(shù)流行的瀏覽器而言,其性能都有顯著提高。
流式編譯帶來的速度提高影響了設(shè)計(jì)的大量時(shí)間。Mozilla報(bào)告說,新的編譯器比以前的優(yōu)化編譯器快10–15倍。
所有現(xiàn)代的瀏覽器都支持WebGL 2,它可以將3D紋理和對(duì)象渲染,片段深度和頂點(diǎn)數(shù)組對(duì)象提升到一個(gè)全新的水平。
Web和移動(dòng)瀏覽器功能正在彌合概念設(shè)計(jì)與現(xiàn)實(shí)之間的鴻溝。
Evolutionoftheweb圖表
是的,但是瀏覽器的所有進(jìn)步仍然提升了它們各自的價(jià)值,而沒有在更高層次上影響整個(gè)行業(yè)。由于網(wǎng)絡(luò)上發(fā)生了太多事情,因此瀏覽器開發(fā)人員很難提出通用解決方案并清理Internet。
瀏覽器可能很棒,但是如果它們?cè)L問不良的網(wǎng)站,則會(huì)受到不良UX的污染。我們必須強(qiáng)迫做出更好的設(shè)計(jì)選擇,以發(fā)揮Web瀏覽器當(dāng)前的潛力。
大多數(shù)網(wǎng)站使瀏覽器看起來像是糟糕的軟件。
二、有目的的動(dòng)畫
其中,新的瀏覽器功能為動(dòng)畫打開了大門。不只是元素的運(yùn)動(dòng),而是合法的設(shè)計(jì)機(jī)會(huì)。運(yùn)動(dòng)設(shè)計(jì)這一學(xué)科涉及很多設(shè)計(jì)方面,但與心理學(xué)和生物學(xué)相交。
我們認(rèn)為,這一知識(shí)領(lǐng)域?qū)⒃?019年更深入地探索。復(fù)雜性取代了時(shí)尚,成為時(shí)尚動(dòng)畫設(shè)計(jì)的主要特征。運(yùn)動(dòng)和過渡傳達(dá)了很多否則會(huì)丟失的信息。
與客戶進(jìn)行更深層次的互動(dòng)意味著與客戶互動(dòng)的每一秒都與之保持聯(lián)系,并且每一秒鐘都至關(guān)重要。設(shè)計(jì)師正在抓住這個(gè)機(jī)會(huì),然后再由直率的營銷毒化。
運(yùn)動(dòng)設(shè)計(jì)還不僅限于演示和填補(bǔ)空白?,F(xiàn)在,它已成為品牌宣傳的一部分?;諛?biāo)仍然是圖騰。是我們的想象力和經(jīng)驗(yàn)使他們復(fù)興。為什么不利用這種想像力并確保它引導(dǎo)正確的方向呢?
如果您還沒有想到徽標(biāo)的組成,徽標(biāo)的感覺,口味,氣味和聲音,那么該是時(shí)候了。
運(yùn)動(dòng)比照明,定位和材質(zhì)要好。運(yùn)動(dòng)講述了一個(gè)故事。如果您可以通過一些思考使徽標(biāo)成為故事的一部分,那我就說吧。
Lakko 由徽標(biāo)動(dòng)畫茲拉特科
是的,但是包括動(dòng)畫在內(nèi)的所有內(nèi)容都有上下文。您所看到的設(shè)計(jì)師并不是客戶所看到的……客戶。如果我們要設(shè)計(jì)的產(chǎn)品是可行的產(chǎn)品或與可怕的場(chǎng)景相關(guān)聯(lián),那么即使它們有意義,我們也無法提供動(dòng)畫。如果存在情感矛盾,請(qǐng)始終保持中立。
三、UI設(shè)計(jì)界面和深平面中的3D
真實(shí)鏡頭和圖像的3D渲染和CG增強(qiáng)已經(jīng)存在了一段時(shí)間。為了提高速度和性能以及可訪問性,設(shè)計(jì)人員在避免用戶界面中使用復(fù)雜的3D模型方面有著悠久的歷史。更好的瀏覽器將這種奢侈變成了負(fù)擔(dān)得起的功能。高度復(fù)雜的VFX或Visual Effects將類似電影的場(chǎng)景帶入網(wǎng)站領(lǐng)域。
界面中的3D圖形融合了現(xiàn)實(shí)和數(shù)字動(dòng)畫的優(yōu)勢(shì)。這種趨勢(shì)對(duì)于具有不太直觀的復(fù)雜過程的產(chǎn)品公司特別有用。通過使用3D可視化,您可以利用任何技術(shù)過程并獲得更深層次的理解。
這在電影和視頻游戲中起作用的原因是顯示這些圖像的時(shí)間很短。他們要求膚淺的印象,而不是勤奮的學(xué)習(xí)。結(jié)合有目的的動(dòng)畫,3D成為功能強(qiáng)大的設(shè)計(jì)工具。
具有新型強(qiáng)大芯片的移動(dòng)行業(yè)不僅可以渲染3D對(duì)象,而且可以在界面中使用它們。較小的屏幕非常適合。
扁平化UI設(shè)計(jì)在過去5年中一直是主要趨勢(shì),并且并未真正改變。最近,我們目睹了在不改變其主要思想的情況下,向平面設(shè)計(jì)增加深度和尺寸的明顯轉(zhuǎn)變。為什么必須深度,這也是為什么平面設(shè)計(jì)應(yīng)運(yùn)而生的原因-我們需要象征主義才能使一切都變得有意義。扁平化是核心的象征。
真正的3D和CG組合顯示出客戶對(duì)它們可以交互的逼真的對(duì)象的反應(yīng)。扁平化設(shè)計(jì)還能夠以獨(dú)特且尚待探索的方式做到這一點(diǎn)。他們稱其為偽3D。它的平面層堆疊在一起,營造出三維感。平面設(shè)計(jì)的主要要素是陰影和光線的定位以及反射。
使用傳統(tǒng)的設(shè)計(jì)工具(例如Principle和After Effects)來創(chuàng)建模擬3D的運(yùn)動(dòng)圖案的趨勢(shì)也出現(xiàn)了虛假的3D趨勢(shì)。
在2019年,我們甚至可能會(huì)以新的方式看到擬態(tài)的回歸。如果平面可以很深,那么它也可以是等距的。在探索現(xiàn)實(shí)的同時(shí)保留平面象征意義是一種趨勢(shì)。
是的,但是我們最終將沒有其他選擇。3D UI并沒有朝著什么方向發(fā)展。這是雙向的-簡(jiǎn)化和復(fù)雜。盡管需要更多的技術(shù)努力來打動(dòng)我們,但也需要勇氣將復(fù)雜性排除在外,并推出一個(gè)瘋狂的概念。但是,如果最復(fù)雜的界面缺乏意義,或者最勇敢的想法不過是一堵幕墻,那么所有的努力都將毫無用處。
我們可以做令人印象深刻的圖像。現(xiàn)在是時(shí)候讓它充滿人情味并解決更深層次的問題了。我們?cè)鯓硬拍茏龅竭@一點(diǎn)?
四、超現(xiàn)實(shí)設(shè)計(jì)
更好的技術(shù)所帶來的所有3D和運(yùn)動(dòng)設(shè)計(jì)機(jī)會(huì),如果不能引起情感上的沖擊,就毫無意義。具有諷刺意味的是,您不需要復(fù)雜性即可發(fā)揮最大的影響。叛逆態(tài)度一直是主流趨勢(shì)的衛(wèi)星,這是其自然的吸引力。
我們需要一些東西來平衡常識(shí),我們的肩膀上需要魔鬼,有時(shí)我們很頑皮。
這種卡通風(fēng)格的插圖甚至UI設(shè)計(jì)都有一個(gè)目的-保持外觀的新鮮感。當(dāng)您的品牌名稱是必不可少的時(shí),您可以將其永無休止地嗡嗡作響。不管與誰說話,都必須很奇怪甚至很丑。期望在2019年看到更多這種先鋒和超現(xiàn)實(shí)的設(shè)計(jì)。
是的,但并非所有公司和產(chǎn)品都能承受這種侮辱。受眾越廣,設(shè)計(jì)就必須越中立。即使這對(duì)于成熟的品牌可能有用,但是較小的公司和那些努力與曝光度相關(guān)的公司將不得不謹(jǐn)慎行事并堅(jiān)持共同點(diǎn)。
五、漸變2.0,明亮的色彩和黑暗
新的屏幕具有夢(mèng)幻般的色彩再現(xiàn)。他們甚至必須通過默認(rèn)壁紙顯示此內(nèi)容。設(shè)計(jì)師探索UI的可訪問性和令人印象深刻的漸變邊界。
漸變不再引起注意,它們現(xiàn)在為界面帶來了深度和尺寸。
Gradient 2.0非常微妙而簡(jiǎn)單。它沒有沖突的顏色。它具有清晰的光源,并且與形狀對(duì)齊以帶來深度。
鮮艷的色彩無處不在。我們將看到更多組合的顏色和圖層。實(shí)際上,即使單色調(diào)色板也會(huì)通過深度和尺寸來呈現(xiàn)某種視覺美感。
我們?nèi)狈π湃魏蜆酚^。鮮艷的色彩可促進(jìn)積極性。您會(huì)信任這樣的加密應(yīng)用程序嗎?
更酷的是,鮮艷的色彩和有意義的漸變?cè)谏钌尘爸斜憩F(xiàn)得更好。黑暗主題將保留下來,而且只會(huì)變得更好。在這里,我們采取了人類學(xué)的方法來找出黑暗的主題以及它們?yōu)楹纹鹱饔?。那些能夠在深?a href="http://m.5wd995.cn/zt/uiue/" target="_blank">UI設(shè)計(jì)的可訪問性與耀眼的色彩的情感反應(yīng)之間找到平衡的人,將在明年成為熱門。
在黑暗中呈現(xiàn)深淺的平面,顏色和3D。
是的,但可訪問性并不是漸變,顏色和深色主題的唯一問題。傳統(tǒng)上,明亮的顏色用于增強(qiáng)口音。當(dāng)一切都是彩色的時(shí),您如何強(qiáng)調(diào)?并非所有用戶都可以訪問OLED屏幕。某些漸變可能會(huì)丟失。對(duì)比度太大會(huì)妨礙用戶的注意力。黑暗的主題在外面的晴天不起作用。但這實(shí)際上可能是一件好事。
六、可變字體
傳統(tǒng)上,字體被視為具有有限可調(diào)參數(shù)集的靜態(tài)實(shí)體。設(shè)計(jì)者和作家必須在x高度,筆劃和字母寬度的范圍內(nèi)考慮易讀性。
只要設(shè)計(jì)需要多種字體,設(shè)計(jì)人員就必須提供所用字體樣式的所有文件。除非您涵蓋所有基礎(chǔ),否則您不能完全致力于產(chǎn)品的豐富版式。使用可變字體,您只需要一個(gè)文件,因?yàn)榭勺兓蛏勺煮w提供了無數(shù)的字母粗細(xì)和寬度調(diào)整。
可變字體可以覆蓋文本剩余的設(shè)計(jì)空間的任何部分。
可變字體在快速響應(yīng)的設(shè)計(jì)和本地化中蓬勃發(fā)展。在設(shè)計(jì)人員不得不絞盡腦汁的地方,他們需要將文字適合在較小的屏幕上顯示,而又不會(huì)失去熱情或?qū)⑽淖謹(jǐn)U展為使用更少字符的另一種語言。
當(dāng)引入網(wǎng)絡(luò)字體時(shí),響應(yīng)能力是它們?nèi)狈Φ囊粋€(gè)方面。靈活性不足會(huì)導(dǎo)致易讀性問題和設(shè)計(jì)本身的不對(duì)齊??勺冏煮w是相當(dāng)新的,它們可以幫助更快地為Web交付字體,并有助于簡(jiǎn)化總體設(shè)計(jì)流程。
這僅僅是開始??勺冏煮w的藝術(shù)選擇尚未在2019年進(jìn)行探索。
是的,但是一種智能且可調(diào)的字體成為促進(jìn)銷售的手段需要多長(zhǎng)時(shí)間?如果您可以讓文本回復(fù)每個(gè)可用數(shù)字環(huán)境的微妙之處,那么它將如何保護(hù)讀者免受操縱?參數(shù)文本起源于書籍印刷,而書籍印刷是受客觀物理學(xué)限制的環(huán)境。這阻止了人們節(jié)省紙張和墨水,并使閱讀成為我們進(jìn)步的最重要原因之一。
七、ui和ux需要懂代碼
今天,我們問一個(gè)古老的問題:“設(shè)計(jì)人員需要編寫代碼嗎?”然后,“開發(fā)人員需要編寫UX知識(shí)嗎?”這些觀點(diǎn)很簡(jiǎn)單-避免在設(shè)計(jì)時(shí)遇到麻煩和差異。因此,如果是關(guān)于目標(biāo)的話,那也應(yīng)該是關(guān)于實(shí)現(xiàn)目標(biāo)的方式。
學(xué)習(xí)編碼是一個(gè)合理的選擇。如果您是執(zhí)行自己的設(shè)計(jì)的人,則可以避免很多問題。但是,要成為一名相關(guān)的設(shè)計(jì)師和有才華的開發(fā)人員,需要保持大量知識(shí)。你能做到嗎?對(duì)你有好處。對(duì)于那些做不到的人,應(yīng)該有其他選擇。
目的不是培養(yǎng)通用設(shè)計(jì)師。這是關(guān)于愉快地制造更好的產(chǎn)品。
實(shí)現(xiàn)此目標(biāo)的另一種方法是使用和推廣更好的工具。Figma是這些工具之一。以前,設(shè)計(jì)人員必須考慮很多變量,例如操作系統(tǒng),集成,插件,存儲(chǔ),同步,協(xié)作,最后還要考慮將這些變量集中在一處的方法。那些確實(shí)制定了工作流程的人應(yīng)該得到各種尊重。但是我們希望減輕壓力。
Figma是一個(gè)按需使用的設(shè)計(jì)工具。它預(yù)料到了很多假設(shè),并引發(fā)了很多懷疑。
它可以完成Sketch和Adobe XD的所有工作,但功能更多,更好。更重要的是,F(xiàn)igma旨在構(gòu)建將要實(shí)施的內(nèi)容。每個(gè)Figma組件都可以通過API轉(zhuǎn)換為React組件,并在前端實(shí)現(xiàn)。到目前為止,F(xiàn)igma在成本,性能速度,協(xié)作,共享,嵌入,支持等方面擊敗了競(jìng)爭(zhēng)對(duì)手。話雖如此,F(xiàn)igma仍在發(fā)展中,并且在2019年還會(huì)有更多。
是的,但是每當(dāng)我們開發(fā)出更好的產(chǎn)品而未能建立符合上述條件的道德使用方式時(shí),我們只會(huì)為自己的滅亡做出貢獻(xiàn)??匆幌屡χ匦芦@得聲譽(yù)的Twitter 。2018年,科技高管在法庭上作證碩果累累。事實(shí)證明,僅在其中放置工具是不夠的,我們還必須觀察人們?nèi)绾问褂盟鼈儭?br />
七、語音用戶界面
設(shè)計(jì)不一定必須是視覺或可見的。通過顛簸和挫折,我們意識(shí)到如果我們構(gòu)建的不是觸覺體驗(yàn),那么工具并不重要。設(shè)計(jì)邏輯意味著操作心理。建立語音控制意味著處理自然語言。
語音UI既精致又感官。
語音UI最好地實(shí)現(xiàn)了沒有UI的概念。該過程是內(nèi)部過程,與實(shí)際設(shè)計(jì)相比,更多地與書寫,構(gòu)建上下文和合成數(shù)據(jù)有關(guān)。即便如此,設(shè)計(jì)師還是沉迷于尋找表示語音UI的方法。主要通過令人印象深刻的類似少數(shù)群體報(bào)告的界面和動(dòng)畫來實(shí)現(xiàn)。
在大多數(shù)情況下,它們與語音接口的現(xiàn)實(shí)并沒有什么共同之處,但是他們?yōu)橛脩籼峁┝藷o需控件的準(zhǔn)備,并教他們?nèi)绾翁幚聿恍枰魏慰丶募夹g(shù)。
在2019年,隨著越來越多的設(shè)計(jì)師從純粹的視覺美學(xué)過渡到有意義的體驗(yàn),我們可以希望見證語音UI知識(shí)的加深。
是的,但具有諷刺意味的是,語音UI的最大挑戰(zhàn)在于,人與人之間的交互不是人機(jī)交互,而是人與人之間的交互,這種交互由必須比這兩種技術(shù)更智能的技術(shù)來介導(dǎo)。我們生活在一個(gè)高度失衡的全球社會(huì)中。我們正努力在包括技術(shù)在內(nèi)的許多方面互相理解。語音控制的電話,汽車和房屋可能只會(huì)擴(kuò)大我們之間的差距。
作為設(shè)計(jì)師,我們應(yīng)該始終將人類的幸福視為重中之重。如果技術(shù),即使是設(shè)計(jì)精美的技術(shù),卻以犧牲其他技術(shù)為代價(jià)來服務(wù)于某些技術(shù),則必須不懈地加以解決。那沒有發(fā)生。
八、UX編寫和UX編輯
去年,設(shè)計(jì)師開始關(guān)注帶有字體的單詞的含義。小說和技術(shù)作家,書信愛好者和新聞工作者憑借其技能獲得了毗鄰的行業(yè)。一件事導(dǎo)致另一件事,我們定義了寫作在設(shè)計(jì)中的作用:
您必須控制您的企業(yè)與客戶交談的方式。
以前,混合了自負(fù)的自戀廢話和技術(shù)術(shù)語。企業(yè)正在做的事情被誤認(rèn)為可以給客戶帶來價(jià)值。即使生意很好,他們?nèi)匀蝗狈εc聽眾一起使用的明確,簡(jiǎn)單和有說服力的措辭。
UX寫作基于兩個(gè)簡(jiǎn)單的原則:尊重和有用。其他一切都源于他們。簡(jiǎn)潔意味著要尊重他人,以至于比您更珍惜自己的時(shí)間。是您必須在文本上消亡的人,而不是用戶。清晰意味著避免雙重性,避免不良經(jīng)歷,因此很有用。表現(xiàn)力意味著誠實(shí),沒有缺陷。
一旦您接受尊重和有用,UX編寫就很容易。
人們不希望看到您彎曲并提升自己。他們想知道您是否可以幫助他們。讓您的服務(wù)成為話題。
在2018年,我們見證了大型公司語音和音調(diào)設(shè)計(jì)的顯著增長(zhǎng)。他們不再追求獨(dú)創(chuàng)性,而是專注于客戶價(jià)值。在2019年,我們尚未看到UX編輯的發(fā)展是一門設(shè)計(jì)學(xué)科。
UX寫入和UX編輯之間的區(qū)別是帶寬。UX編寫器生成面向用戶的文本。UX編輯器可以分析,變形,彎曲和扭曲任何副本,以將其轉(zhuǎn)變?yōu)楹?jiǎn)單的人性化文本。沒有用于UX編輯的速成課程。這是經(jīng)驗(yàn),觀察和友善。
2019年的每個(gè)重大重新設(shè)計(jì)活動(dòng)都將需要UX編輯器。
是的,但是每種趨勢(shì)都經(jīng)歷了一系列階段。第一個(gè)是懷疑主義,然后是迷戀,然后是無聊。迷戀是最危險(xiǎn)的,因?yàn)樗3?huì)失控。它將想法變成諷刺漫畫并扭曲其價(jià)值。UX寫作沒有什么不同。簡(jiǎn)單的時(shí)候就誤認(rèn)為是愚蠢的。當(dāng)變得清晰時(shí),變得自以為是,而具有說服力的則變?yōu)樽员啊?br />
在產(chǎn)品設(shè)計(jì)中仍有創(chuàng)意寫作的地方。但不是在產(chǎn)品遇到用戶的地方。例如,耐克和波音公司正在向科幻小說家付款,以預(yù)測(cè)他們的未來。
九、產(chǎn)品設(shè)計(jì)師作為職稱
UX設(shè)計(jì)是一個(gè)非常寬泛的術(shù)語。它是跨行業(yè)服務(wù)設(shè)計(jì)的一部分。結(jié)果,設(shè)計(jì)師和設(shè)計(jì)公司收集了廣泛的項(xiàng)目組合,從簡(jiǎn)單的實(shí)用程序應(yīng)用程序到復(fù)雜的FinTech平臺(tái)。
服務(wù)設(shè)計(jì)是毯子。它可以覆蓋每個(gè)行業(yè)并應(yīng)用普遍適用的方法。
服務(wù)設(shè)計(jì)師可以有自己的風(fēng)格,可以應(yīng)用于任何產(chǎn)品。這就是他們成名的原因,也是企業(yè)愿意為此付出的代價(jià)。這就像從受人尊敬的供應(yīng)商那里購買零件。
但是,大多數(shù)公司都是產(chǎn)品公司,因此可能需要設(shè)計(jì)師加深理解。這些公司需要一名產(chǎn)品設(shè)計(jì)師,該設(shè)計(jì)師必須深深融入團(tuán)隊(duì)中,擁有所有可用數(shù)據(jù)以及影響整個(gè)系統(tǒng)的所有工具。
產(chǎn)品設(shè)計(jì)相對(duì)于服務(wù)設(shè)計(jì)具有明顯的優(yōu)勢(shì)。這就是對(duì)分析的訪問和實(shí)時(shí)測(cè)試設(shè)計(jì)決策的能力。
產(chǎn)品設(shè)計(jì)師可以專注于與他們相關(guān)的產(chǎn)品的細(xì)節(jié),并放下其他所有東西。與大多數(shù)服務(wù)設(shè)計(jì)師必須使用的假設(shè)相反,他們可以深入了解要為其設(shè)計(jì)的用戶人口統(tǒng)計(jì)信息,并且可以使用真實(shí)數(shù)據(jù)進(jìn)行操作。
是的,但是過渡到產(chǎn)品設(shè)計(jì)需要活力。通過冒險(xiǎn)使自己沉浸在某個(gè)行業(yè)或產(chǎn)品中,我們正在做出一個(gè)我們可能永遠(yuǎn)不會(huì)回來的選擇。在這種情況下,必須考慮該決定。我們必須考慮行業(yè)的生存能力以及行業(yè)內(nèi)專業(yè)發(fā)展的前景。
最后,我們開始注意到的最大趨勢(shì)是逐漸走向真誠。您只能采取許多技巧。沒有什么能超越良好的意圖,而設(shè)計(jì)的核心就是良好的意圖。
填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc