隨著我們進(jìn)入四月，許多UX或網(wǎng)頁設(shè)計(jì)師開始計(jì)劃今年晚些時(shí)候的網(wǎng)頁和用戶界面設(shè)計(jì)。重點(diǎn)始終放在新的特性和功能上，但在這些會(huì)議期間經(jīng)常被忽視的一件事是設(shè)計(jì)。隨著越來越多的消費(fèi)者依賴移動(dòng)設(shè)備進(jìn)行在線購物，企業(yè)必須確保他們在所有平臺(tái)上擁有強(qiáng)大的視覺品牌標(biāo)識(shí)。
關(guān)于設(shè)計(jì)趨勢，要記住哪些基本事項(xiàng)？
在過去的幾十年里，良好的網(wǎng)頁和UI設(shè)計(jì)的基礎(chǔ)并沒有太大變化——干凈的布局、清晰的排版、直觀的導(dǎo)航、響應(yīng)式設(shè)計(jì)等，都是今天仍然適用的基礎(chǔ)。
然而，不可否認(rèn)的是，我們看到越來越多的網(wǎng)站采用獨(dú)特的設(shè)計(jì)方法，打破了傳統(tǒng)規(guī)范。
在本文中，我們整理了我們希望今年出現(xiàn)的五大網(wǎng)頁設(shè)計(jì)趨勢。這些最新的網(wǎng)頁設(shè)計(jì)趨勢值得您關(guān)注，因?yàn)樗鼈兛梢詭椭谟?jì)劃創(chuàng)建網(wǎng)站時(shí)保持領(lǐng)先地位。
1. 極簡主義
在過去的幾年里，干凈的極簡主義圖形設(shè)計(jì)是燃燒的網(wǎng)頁設(shè)計(jì)趨勢。千禧一代對(duì)網(wǎng)頁設(shè)計(jì)中的極簡主義比對(duì)極簡主義更感興趣（1）。簡單來說，極簡主義是一種新興趨勢，專注于為您的網(wǎng)站添加大量內(nèi)容。
您添加一些交互式字體，另一個(gè)微動(dòng)畫，一些自定義插圖，一些小動(dòng)畫，用下拉菜單等填充它。這增加了多樣性，使頁面在視覺上具有吸引力，并創(chuàng)造了一種樂趣。這種“混亂”的方法并不意味著它沒有組織;恰到好處的混亂。你的網(wǎng)頁設(shè)計(jì)可能會(huì)因?yàn)樗呢S富而感到混亂，但如果做得好，它可以非常優(yōu)雅和時(shí)尚。
根據(jù)在千禧一代用戶中進(jìn)行的研究，那些喜歡極簡主義網(wǎng)頁設(shè)計(jì)的人和那些喜歡更具表現(xiàn)力的設(shè)計(jì)的人之間存在顯著差異。千禧一代往往更喜歡更大膽的配色方案，而不是柔和的顏色、更大的排版和傳達(dá)情感而不是單獨(dú)信息的圖像。
登陸頁面是嘗試極簡主義概念的好地方。登陸頁面通常旨在將訪問者轉(zhuǎn)化為客戶。因此，它必須從其他網(wǎng)站中脫穎而出并給人留下持久的印象。登陸頁面最適合大型英雄圖像橫幅、高質(zhì)量視頻和彩色信息圖表。
極簡主義網(wǎng)頁設(shè)計(jì)不一定比簡約的網(wǎng)頁設(shè)計(jì)更好，盡管它們在某些情況下可能有用。極簡主義的設(shè)計(jì)方法可以使技術(shù)圖紙、圖表、圖表和圖形受益。另一方面，創(chuàng)意機(jī)構(gòu)可能希望考慮一種更具趣味性和動(dòng)態(tài)性的美學(xué)來吸引年輕觀眾。
在實(shí)踐中，這意味著雖然極簡主義網(wǎng)站可能仍然適用于某些品牌，但極簡主義設(shè)計(jì)在千禧一代網(wǎng)站訪問者中提供了更高的參與率。如果您的企業(yè)面向年輕的受眾群體，您應(yīng)該考慮為您的網(wǎng)站使用最大化布局。
網(wǎng)頁設(shè)計(jì)，像任何行業(yè)一樣，由于技術(shù)進(jìn)步和不斷變化的消費(fèi)者偏好而不斷發(fā)展。雖然好的網(wǎng)頁設(shè)計(jì)背后的原則保持一致，但設(shè)計(jì)師實(shí)施這些策略的方式也相應(yīng)地發(fā)展。此外，網(wǎng)頁設(shè)計(jì)師必須調(diào)整自己的個(gè)人風(fēng)格，以匹配客戶目標(biāo)市場的口味。
2. 數(shù)據(jù)驅(qū)動(dòng)的敘事
數(shù)據(jù)可視化在網(wǎng)頁設(shè)計(jì)師中的地位繼續(xù)增長。雖然信息圖表當(dāng)然不是什么新鮮事，但似乎對(duì)將數(shù)據(jù)可視化納入設(shè)計(jì)過程重新產(chǎn)生了興趣。這種趨勢也不僅限于平面設(shè)計(jì)師;Web開發(fā)人員開始使用數(shù)據(jù)可視化作為自己工作流程的一部分，創(chuàng)建D3.js和 d3viz.org 等工具，使其他設(shè)計(jì)人員和開發(fā)人員更容易將它們集成到他們的項(xiàng)目中。
深度神經(jīng)網(wǎng)絡(luò)已被證明可以有效地從大型數(shù)據(jù)集中提取模式，因此可以作為設(shè)計(jì)數(shù)據(jù)可視化的寶貴資源。設(shè)計(jì)人員可以通過訓(xùn)練模型來利用這些功能，以便在以可視化格式呈現(xiàn)數(shù)據(jù)集之前從數(shù)據(jù)集中提取有意義的見解。
例如，設(shè)計(jì)師可能想要展示產(chǎn)品的銷售歷史記錄以及它與同一類別中的類似產(chǎn)品的比較情況。通過向機(jī)器學(xué)習(xí)算法提供有關(guān)各種競爭對(duì)手產(chǎn)品先前銷售數(shù)據(jù)的歷史數(shù)據(jù)，系統(tǒng)可以確定哪些因素會(huì)影響銷售業(yè)績，并根據(jù)該信息預(yù)測未來趨勢。因此，設(shè)計(jì)師將確切地知道要突出顯示哪些指標(biāo)，以向讀者傳達(dá)令人信服的敘述。
至于圖形元素，可能性是無窮無盡的。從線條藝術(shù)到矢量圖形，選擇完全取決于可視化的目的和期望的結(jié)果。扁平化設(shè)計(jì)和中性設(shè)計(jì)等UI趨勢特別有利于數(shù)據(jù)可視化，使設(shè)計(jì)師可以輕松地將交互式元素整合到他們的工作流程中，而不必太擔(dān)心每個(gè)組件的美學(xué)。
3. 單頁滾動(dòng)網(wǎng)站
有時(shí)候，少即是多。隨著移動(dòng)端的興起，單頁可滾動(dòng)網(wǎng)站變得越來越流行，因?yàn)樗鼈兡軌蛟诓粻奚捎眯缘那闆r下適應(yīng)較小的屏幕。它節(jié)省了加載多個(gè)頁面的時(shí)間，減少了加載時(shí)間，并允許用戶更有效地訪問網(wǎng)站的相關(guān)部分。
這些網(wǎng)站通常在屏幕底部包含一個(gè)主導(dǎo)航菜單，允許網(wǎng)站訪問者輕松找到他們最感興趣的頁面部分。它就像一個(gè)物理傳單;您翻閱它，直到到達(dá)所需的部分。一些設(shè)計(jì)師甚至選擇完全省略標(biāo)題，而是選擇展示網(wǎng)頁的整個(gè)寬度。
然而，這種趨勢已經(jīng)超越了它的起源，并開始融入視差效果、視頻背景、動(dòng)畫過渡和其他互動(dòng)元素。這為整體體驗(yàn)提供了更加身臨其境的感覺，鼓勵(lì)觀眾停留更長時(shí)間并進(jìn)一步參與網(wǎng)站。
手機(jī)網(wǎng)站移動(dòng)用戶應(yīng)該從這種類型的設(shè)計(jì)中受益，因?yàn)樗麄冊谙蛳聺L動(dòng)后不會(huì)像在單獨(dú)的頁面之間導(dǎo)航時(shí)那樣失去對(duì)頁面的跟蹤。
移動(dòng)的電影作品集卷軸是單頁滾動(dòng)網(wǎng)站的一個(gè)很好的例子。用戶沿著時(shí)間線從左向右滾動(dòng)，觀看不同導(dǎo)演拍攝的電影片段。每個(gè)片段都包含正在展示的場景的縮略圖、標(biāo)題和描述，然后是一個(gè)號(hào)召性用語按鈕，邀請觀眾觀看整件作品。
單頁網(wǎng)站對(duì)電子商務(wù)商店特別有益。由于登陸頁面已經(jīng)用作主頁，因此創(chuàng)建僅包含特定類別的其他子頁面幾乎沒有意義。相反，店主可以簡單地在主導(dǎo)航欄下包含下拉菜單，以允許購物者根據(jù)他們的喜好過濾商品。
4. 粗體排版
自Times New Roman，Comic Sans，Arial，Helvetica Neue和Verdana時(shí)代以來，我們已經(jīng)走了很長一段路。現(xiàn)代字體變得越來越復(fù)雜，為網(wǎng)頁和打印使用提供了更高的靈活性和多功能性。從襯線字體到無襯線字體，有無數(shù)種選擇可以滿足各種口味。
較大的字體大小允許設(shè)計(jì)人員使用更少的圖像有效地傳達(dá)信息，尤其是對(duì)于標(biāo)題。在標(biāo)題標(biāo)簽中使用粗體排版會(huì)增加點(diǎn)擊率，而使用較小的字體會(huì)導(dǎo)致更高的跳出率。為獲得最佳效果，請嘗試將不同類型的字體系列組合在一起，例如襯線字體和無襯線字體，或者腳本和幾何字體。
字體配對(duì)對(duì)于實(shí)現(xiàn)最佳可讀性也至關(guān)重要。組合兩種對(duì)比鮮明的字體可能會(huì)導(dǎo)致混淆，因此請保持簡單！作為網(wǎng)頁設(shè)計(jì)師，您必須注意不要在背景中放置太多競爭性顏色，因?yàn)檫@可能會(huì)導(dǎo)致對(duì)比度問題。相反，選擇灰色、白色、黑色或藍(lán)色的中性色調(diào)。
顏色和紋理等設(shè)計(jì)元素在決定您網(wǎng)站的個(gè)性方面起著重要作用。用戶界面設(shè)計(jì)正在迅速發(fā)展，這為我們在工作中提供了充足的實(shí)驗(yàn)空間。大膽的排版選擇為網(wǎng)站提供了獨(dú)特的聲音，并可以讓您與利基市場中的其他品牌區(qū)分開來。
5. 性別中立的網(wǎng)頁設(shè)計(jì)
眾所周知，近幾十年來世界發(fā)生了巨大變化，尤其是在性別平等方面。許多人認(rèn)為，社會(huì)已經(jīng)足夠進(jìn)步，在廣告活動(dòng)、工作機(jī)會(huì)和營銷材料方面，男性和女性不應(yīng)該被區(qū)別對(duì)待。
專門針對(duì)單一性別客戶的設(shè)計(jì)元素正在慢慢消失，取而代之的是平等地吸引所有人的無性別美學(xué)。盡管與此處列出的其他趨勢相比，這種趨勢相對(duì)較新，但我認(rèn)為我們將在未來幾個(gè)月內(nèi)開始看到越來越多的網(wǎng)站采用非性別方法。
性別中立不僅有利于希望吸引更廣泛客戶群的公司，而且還為設(shè)計(jì)師提供了創(chuàng)造性表達(dá)自己的機(jī)會(huì)。畢竟，為什么要將自己限制在男性或女性的設(shè)計(jì)慣例中呢？完全有可能創(chuàng)造出令人驚嘆的設(shè)計(jì)，具有跨性別的平等代表性，而不必訴諸刻板印象。
平面設(shè)計(jì)和材料設(shè)計(jì)等 UI 趨勢是實(shí)施性別中立方法的理想平臺(tái)，因?yàn)樗鼈兏蓛羟乙子诶斫猓瑹o論目標(biāo)人群如何。理想情況下，文本元素應(yīng)以清晰簡潔的語言編寫，避免使用有時(shí)可能暗示特定性別的俚語或口語。獨(dú)特的品牌標(biāo)識(shí)應(yīng)始終強(qiáng)調(diào)高于其他任何東西，因此不要忘記添加反映公司文化的微妙細(xì)節(jié)，例如圖標(biāo)、徽標(biāo)和調(diào)色板。
如果您正在尋找一個(gè)網(wǎng)頁設(shè)計(jì)團(tuán)隊(duì)，可以幫助遵循最新的頂級(jí)網(wǎng)站設(shè)計(jì)趨勢進(jìn)行網(wǎng)頁設(shè)計(jì)和網(wǎng)頁開發(fā)，請隨時(shí)聯(lián)系我們網(wǎng)站制作公司。
