1對1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
2021年11個抓人眼球的網(wǎng)站風(fēng)格設(shè)計趨勢(下)
2021年02月20日瀏覽:
為了保持競爭力并提供高質(zhì)量的服務(wù),專業(yè)建站公司都紛紛研究、分析和掌握設(shè)計趨勢,以確保建站公司能夠滿足客戶對網(wǎng)站外觀和用戶體驗的要求,并在開發(fā)過程中應(yīng)用最新的解決方案。那么2021年都有哪些抓眼球的網(wǎng)站風(fēng)格設(shè)計趨勢呢?歡迎大家繼續(xù)學(xué)習(xí)設(shè)計趨勢續(xù)集。
加載動畫在網(wǎng)絡(luò)早期很流行,但在很長一段時間內(nèi)就過時了。最近,我們看到大量設(shè)計師開始再次將加載屏幕融入到他們的設(shè)計中,這種趨勢將持續(xù)到 2021 年。
加載屏幕的復(fù)活源于交互、動畫和沉浸式網(wǎng)站設(shè)計的日益流行。加載屏幕是與觀眾互動并將您的身份傳達(dá)到網(wǎng)站的另一個機(jī)會。Web 用戶討厭等待頁面加載,而動畫? 讓等待不再是一件苦差事。
Antonio Segurado 的網(wǎng)站加載動畫歡迎您進(jìn)入。
我們最喜歡的網(wǎng)站之一是Antonio Segurado的網(wǎng)站,它使用加載動畫向訪問者介紹 Antonio - 創(chuàng)造了一種簡單而溫馨的效果。同樣,Cory Runnells為他的網(wǎng)站創(chuàng)建了完整的敘述。首先是一個加載城市的動畫縮小,然后他將自己介紹為一個超級英雄般的角色,并通過漫畫解釋了他的專業(yè)知識。
Rachel Bavaresco 的 網(wǎng)站加載動畫。
我們還喜歡Rachel Bavaresco的加載動畫,該動畫側(cè)重于她的手繪角色的動畫集合 - 這是展示她的技能并向訪客介紹她的作品的完美方式。
自 COVID-19 大流行開始以來,在家工作和混合工作環(huán)境已成為常態(tài)。鑒于此,支持遠(yuǎn)程協(xié)作的數(shù)字工具或包含顯式協(xié)作支持的功能(例如Webflow 的角色和權(quán)限)不僅很受歡迎,而且已變得必不可少。我們將繼續(xù)看到向數(shù)字工具添加內(nèi)置協(xié)作功能的趨勢繼續(xù)增長。
Trello等工具正在幫助團(tuán)隊進(jìn)行協(xié)作并創(chuàng)造性地工作,即使是在遠(yuǎn)距離的情況下也是如此。
Adobe在 9 月份宣布將收購流行的設(shè)計協(xié)作工具?Figma。該公司以其協(xié)作功能而聞名,例如原型共享和將共享資產(chǎn)保留在一處的?設(shè)計系統(tǒng)。
此次收購標(biāo)志著工作場所正在看到以更有意義的方式支持?jǐn)?shù)字協(xié)作的軟件的價值。我們預(yù)計在不久的將來會看到越來越多的數(shù)字工具推出協(xié)作功能。
展望 2021 年,我們預(yù)計更多的創(chuàng)作者和企業(yè)會發(fā)現(xiàn)會員資格、封閉內(nèi)容和優(yōu)質(zhì)體驗的價值。Web3的整個概念——在過去的一年里獲得了巨大的關(guān)注——就是網(wǎng)絡(luò)的去中心化。在網(wǎng)站中構(gòu)建封閉內(nèi)容可以讓您更好地控制社區(qū),并幫助您通過創(chuàng)建有價值的內(nèi)容獲得報酬。
創(chuàng)作者將越來越多地接受擁有自己的內(nèi)容門戶所帶來的獨(dú)立性。而企業(yè)——正在尋找更具抵御衰退能力的方法——將傾向于優(yōu)質(zhì)內(nèi)容和封閉會員資格,讓他們直接從自己的網(wǎng)站建立額外的收入流。
NoCode Kids使用付費(fèi)會員功能來建立在線學(xué)習(xí)平臺。
NoCode Kids是創(chuàng)建優(yōu)質(zhì)內(nèi)容體驗的網(wǎng)站的一個很好的例子,它使用Webflow 會員資格構(gòu)建整個在線學(xué)習(xí)平臺,教年輕人如何使用無代碼工具。
另一個網(wǎng)站Ladies Get Paid擁有一個付費(fèi)門戶,讓用戶可以訪問整個商界女性社區(qū)以及教育資源。
Sequoia Ampersand還使用 Webflow 的會員功能來提供對其廣泛的業(yè)務(wù)資源檔案的訪問。這不僅有助于 Sequoia Ampersand 努力為社區(qū)提供利益,還可以幫助他們更直接地與用戶互動。
優(yōu)質(zhì)內(nèi)容網(wǎng)關(guān)或會員功能還可以使您的網(wǎng)站比靜態(tài)信息源更有價值、更有吸引力。您可以為客戶創(chuàng)建自己的會員資格或添加訂閱以通過您的模板和設(shè)計獲利。您還可以向客戶推銷優(yōu)質(zhì)內(nèi)容門戶,為您為他人所做的工作增加價值。
無論是在視覺上還是在后端,輕量、快速且針對用戶體驗進(jìn)行優(yōu)化的網(wǎng)站將在 2021 年變得更加普遍。用戶討厭等待。不僅如此,越來越多的用戶在其移動設(shè)備或網(wǎng)絡(luò)上訪問可能很慢的網(wǎng)站。輕量級網(wǎng)站的趨勢可確保用戶獲得所需的內(nèi)容并享受訪問您的網(wǎng)站的樂趣。
縱觀互聯(lián)網(wǎng)歷史,設(shè)計師經(jīng)常限制圖像和圖形以提高網(wǎng)站加載速度。盡管這不再是絕對必要的,但您仍然需要了解網(wǎng)站上的媒體文件的數(shù)據(jù)量有多大。
WebP 圖像等技術(shù)和設(shè)計延遲加載背景視頻等技術(shù)可讓您添加所需的所有媒體,而不會損害用戶體驗。
從歷史上看,公司一直使用移動通知作為銷售工具。通知有能力促使消費(fèi)者購買,無論是提醒他們促銷、要購買的東西還是新功能。
今年,更多的應(yīng)用程序和網(wǎng)站將包含通知以與用戶聯(lián)系。受眾希望他們與所使用的應(yīng)用程序的互動感覺更加真實并且對他們更有用。
通知能夠使網(wǎng)站和應(yīng)用程序更有用、更個性化、更融入用戶的生活。今年的總體趨勢是更具吸引力的網(wǎng)絡(luò)體驗。特別是,我們期望看到通知以更有創(chuàng)意的方式與用戶交互并提供有用的信息。
Twitter引入了替代文本提醒通知,以提高其平臺的可訪問性。
Twitter最近在其應(yīng)用程序中添加了通知,提醒用戶在添加圖像時添加替代文本。替代文本對于可訪問性非常重要,它允許依賴屏幕閱讀器的用戶(例如盲人和弱視用戶)理解圖像的內(nèi)容。這個簡單的添加有可能以有意義的方式提高整個 Twitter 平臺的可訪問性。
我們最近看到的其他一些例子是新的Apple iOS,其中包括“共享焦點狀態(tài)”功能,如果試圖聯(lián)系他們的人在駕駛時設(shè)置為“焦點”模式或在就寢后設(shè)置為“請勿打擾”,則會通知他們。Lyft還融入了非常有用的通知,例如“乘車時間比預(yù)期長”,以及在需要時提供無聲911 援助。
這些例子表明人們越來越意識到通知的力量。這兩個著名的平臺正在嘗試以更集成的方式使用通知。這發(fā)出了一個強(qiáng)烈的早期信號,表明我們可能會在明年看到更多類似的功能推出。
隨著網(wǎng)絡(luò)個性化的興起,更多的網(wǎng)站將提供可定制的觀看體驗。進(jìn)入 2021 年,網(wǎng)絡(luò)體驗將變得更加迎合用戶的需求和偏好。
網(wǎng)站構(gòu)建平臺現(xiàn)在為設(shè)計人員提供了工具,可以輕松地讓用戶自定義其網(wǎng)站體驗的功能。在社會和網(wǎng)絡(luò)上,人們對可訪問性的認(rèn)識有所提高。深色模式和聲音等功能可以使網(wǎng)站對具有不同需求的人更加友好。
人們對那些能夠滿足他們的喜好、互動以及可以根據(jù)自己的品味進(jìn)行定制的設(shè)計的網(wǎng)站反應(yīng)良好。這種構(gòu)建更加可定制的觀看體驗的趨勢是我們前幾年看到的網(wǎng)站即游戲和交互功能的流行的自然發(fā)展。
Timothy Ricks 的持久深色模式開關(guān)可讓用戶打開和關(guān)閉深色模式??寺〈嗽O(shè)計以試驗該功能。
設(shè)計公司官網(wǎng)頁采用了支持黑白模式的用戶體驗設(shè)計
可定制的設(shè)置可以以各種有用且富有創(chuàng)意的方式使用。Timothy Ricks創(chuàng)建了一個持久暗模式開關(guān),訪問者可以使用它來改變他們的觀看體驗(嘗試項目中的可克隆功能)。另一個有用的功能是更改選項卡切換,它提供了響應(yīng)用戶選擇的設(shè)置的用戶信息,例如每月或每年的計劃訂閱(在此處嘗試)。
The Big Bed由 UX UI 產(chǎn)品設(shè)計師Anfernee Grant設(shè)計。
可定制的觀看體驗也可用于創(chuàng)意表達(dá)。Happy Medium允許用戶更改網(wǎng)站上的文本顏色以適應(yīng)他們的想法,這為網(wǎng)站體驗帶來了有趣的補(bǔ)充。
Anfernee Grant甚至通過The Big Bed將網(wǎng)站變成了沉浸式睡前故事。他讓用戶選擇向他們大聲朗讀某些部分或跳到特定頁面。任何給孩子讀過睡前故事的人都會認(rèn)識到一遍又一遍(一遍又一遍)回到他們最喜歡的頁面是多么有用。
網(wǎng)絡(luò)是一個互動的地方,自誕生以來一直如此。設(shè)計師一直喜歡制作沉浸式體驗和創(chuàng)意游戲,并讓訪問者成為其網(wǎng)站體驗的積極組成部分。今年的與眾不同之處在于用戶參與的理念已經(jīng)變得如此輕松地整合。
我們現(xiàn)在擁有的技術(shù)可以讓網(wǎng)絡(luò)用戶參與塑造他們自己的網(wǎng)絡(luò)體驗;不僅在虛擬宇宙、Web3 或任何正在發(fā)生的數(shù)字時代精神中,而且在他們?nèi)粘;ヂ?lián)網(wǎng)使用中微小但有意義的部分中。
您可以通過響應(yīng)速度、動畫和樂趣來提高網(wǎng)站的參與度。您可以添加功能,將您的網(wǎng)站變成睡前故事、學(xué)習(xí)資源、共享的 Web 開發(fā)框架,或者只是一個有趣的場所。
顯而易見的是,現(xiàn)代網(wǎng)站變得越來越生機(jī)勃勃,設(shè)計師和用戶可以找到新的互動和參與方式。我們認(rèn)為這似乎是一種令人愉快的網(wǎng)絡(luò)體驗方式。