2021年高質(zhì)感網(wǎng)站設計大趨勢
來(lái)源: http://huarui.cc/ 時(shí)間:2021-02-18
今年全球受到新冠肺炎的影響,錦州軟件開(kāi)發(fā)人類(lèi)的生活受到了重大影響:旅行禁令、封城、停校停課...深遠影響了所有人,人們利用科技抗疫,網(wǎng)頁(yè)自然也沒(méi)有缺席,因此今年許多網(wǎng)頁(yè)設計的趨勢都圍繞在防疫上。
舉例來(lái)說(shuō):為了維持業(yè)績(jì),企業(yè)大多投注了更多預算于線(xiàn)上商城上;美食外送成為主流,許多食品公司也順勢推出線(xiàn)上訂購料理包的服務(wù),甚至是教育機構將課程搬上網(wǎng)絡(luò ),讓學(xué)生減少外出的機會(huì )避免染疫...這些變化勢必仍會(huì )延續到2021年。人們對于網(wǎng)頁(yè)設計的期盼更高,也希望透過(guò)網(wǎng)頁(yè)能夠得到更好的服務(wù),更多的資訊,當然也要賞心悅目,這些都是對于2021年網(wǎng)頁(yè)設計產(chǎn)業(yè)的挑戰。
有「閱讀感」的網(wǎng)頁(yè)設計風(fēng)---遼寧華睿科技有限公司
疫情期間,人與人的互動(dòng)少了,神奇的是人們與書(shū)的互動(dòng)變多了。錦州軟件開(kāi)發(fā)許多資料顯示疫情期間,人們更愿意回到閱讀的懷抱。根據媒體報導指出,人們面對疫情降低人與人的互動(dòng),在家進(jìn)行的休閑娛樂(lè )項目需求大增:拼圖、健身、游樂(lè )器等都熱銷(xiāo)一空,其中閱讀不但安全,也能滿(mǎn)足人們對于資訊的需求。
雜志風(fēng)格的網(wǎng)頁(yè)設計風(fēng)潮,也吹向了網(wǎng)頁(yè)設計。網(wǎng)站能否呈現出類(lèi)似閱讀的方式呢?
這一點(diǎn)是十分肯定的,很巧合的是,許多客戶(hù)與我們的想法不謀而合,已經(jīng)將故事的概念應用在網(wǎng)頁(yè)的產(chǎn)品說(shuō)明,也十分樂(lè )見(jiàn)網(wǎng)頁(yè)設計公司將敘說(shuō)故事的概念設計在網(wǎng)頁(yè)上。例如美兆集團的Interior室內設計雜志,采用了雜志設計風(fēng)格的版型,讓網(wǎng)頁(yè)瀏覽的過(guò)程更具故事性。
另外一個(gè)例子:大家健康雜志,是以紙本雜志為出版事業(yè)主體,后打造官方入口網(wǎng)站。從紙本的雜志延伸的官網(wǎng),在首頁(yè)的呈現使用了顯著(zhù)的區塊做出內容區隔,類(lèi)似報章雜志的專(zhuān)欄設計風(fēng)格,可以更容易與紙本的媒體有視覺(jué)上的連結。
雜志風(fēng)格的網(wǎng)頁(yè)設計呈現方式不只出現在設計相關(guān)的產(chǎn)業(yè),連科技產(chǎn)業(yè)也非常喜愛(ài)。例如科技人文雜志W(wǎng)IRED的首頁(yè)呈現,就呈現出報章雜志的區塊式閱讀風(fēng)格,讓人一眼就像是回到了熟悉的紙本媒體。但可惜的是無(wú)法避免的廣告干擾了閱讀的廣告,而且很多...畢竟雜志媒體已經(jīng)萎縮了很多,不得不透過(guò)廣告獲利。
放下冷冰冰的產(chǎn)品說(shuō)明,想想故事吧---成都云思禾網(wǎng)絡(luò )運營(yíng)
人們都討厭硬生生的廣告,卻很喜歡聽(tīng)故事,錦州軟件開(kāi)發(fā)許多令人津津樂(lè )道的廣告,多有一段好的故事,讓產(chǎn)品介紹退居第二位,看似將重點(diǎn)放在故事,事實(shí)上以退為進(jìn),反而讓人深深地記得產(chǎn)品與故事的緊密連結。
以美琪生技為例,是知名的個(gè)人清潔用品品牌。網(wǎng)站內除了產(chǎn)品介紹外,透過(guò)部落格的專(zhuān)欄,將清潔防疫相關(guān)的知識以影片、文字等故事方式敘說(shuō)給訪(fǎng)客,接著(zhù)進(jìn)入產(chǎn)品的訊息分享,以故事取代廣告,增加訪(fǎng)客對于品牌的信任感。
網(wǎng)頁(yè)也應該要有說(shuō)故事的概念,幸運的是網(wǎng)頁(yè)設計沒(méi)有頁(yè)數、時(shí)間與篇幅的限制,可以盡情揮灑各種巧思,但網(wǎng)頁(yè)設計卻相對更為困難,舉例來(lái)說(shuō):要設計出滾動(dòng)網(wǎng)頁(yè)視覺(jué)特效,就需要Javascript與CSS的技術(shù),加上視覺(jué)設計、文字設計等工作,團隊合作上要有一定的默契。
2021年網(wǎng)頁(yè)更需互動(dòng)---遼寧華睿科技有限公司
越來(lái)越多人透過(guò)網(wǎng)絡(luò )找尋服務(wù),網(wǎng)站提供的即時(shí)通訊工具,有助于解決信件與表單無(wú)法解決的問(wèn)題。
網(wǎng)頁(yè)上即時(shí)通訊平臺首推微信和QQ,原因十分單純:在國內的通用性最高,且基本功能免費,只要將程式碼交給網(wǎng)頁(yè)設計人員,就能讓你的網(wǎng)站搖身一變成為與客戶(hù)溝通的平臺。功能對中小企業(yè)來(lái)說(shuō)也已經(jīng)夠用,由于微信與QQ已經(jīng)是全球數以?xún)|計的即時(shí)通訊平臺,越來(lái)越多客戶(hù)管理系統(CRM)都有串聯(lián)的功能,讓客戶(hù)聯(lián)系的過(guò)程得以記錄在一個(gè)整合的資料庫內。
除了即時(shí)通訊工具以外,線(xiàn)上研討會(huì )也是維系客戶(hù)的一個(gè)好辦法。在疫情散播之前,許多線(xiàn)上會(huì )議的軟體以企業(yè)為對主要用戶(hù),價(jià)格并不便宜,疫情爆發(fā)之后,多數的線(xiàn)上會(huì )議工具暫停收費或推出免費版,全球掀起了一股線(xiàn)上研討會(huì )的熱潮。
滿(mǎn)版留白、網(wǎng)頁(yè)設計新主流---遼寧華睿科技有限公司
用戶(hù)來(lái)到網(wǎng)站,一開(kāi)始會(huì )觀(guān)察網(wǎng)頁(yè)設計的視覺(jué)效果,所以如何留下一個(gè)好印象,版型是一個(gè)關(guān)鍵指標。以往將網(wǎng)頁(yè)填滿(mǎn)資訊,與大量按鈕的舊式設計逐漸退場(chǎng),這幾年的網(wǎng)頁(yè)版型技巧上,滿(mǎn)版+留白設計受到不少客戶(hù)青睞,有幾個(gè)主要的原因:
首先,滿(mǎn)版網(wǎng)頁(yè)設計非常適合呈現照片式的內容,當你的主題以照片呈現時(shí),滿(mǎn)版可以讓用戶(hù)的專(zhuān)注力聚焦在圖片上。以Allboard English這個(gè)網(wǎng)站來(lái)說(shuō),一張照片就能呈現出上課時(shí)的環(huán)境、師資與學(xué)生的活力,沒(méi)有什么比這樣的照片更具說(shuō)服力了。
接著(zhù),滿(mǎn)版網(wǎng)頁(yè)設計更符合RWD響應式的設計,這一次的案例來(lái)說(shuō),滿(mǎn)版的網(wǎng)頁(yè)設計結合了區塊式的內容呈現,帶來(lái)了更鮮明的內容呈現,恰好與智慧手機經(jīng)常使用的卡片式內容呈現模式相似。此外,大量的按鈕整合在漢堡選單也是一個(gè)顯著(zhù)的趨勢,使用漢堡選單于網(wǎng)頁(yè)設計是一個(gè)很重要的趨勢,尤其是對于智慧手機網(wǎng)頁(yè)設計來(lái)說(shuō)。
另外一個(gè)滿(mǎn)版的案例是圣光雕刻,滿(mǎn)版網(wǎng)頁(yè)設計的視覺(jué)搭配了大量的留白,網(wǎng)頁(yè)沒(méi)有被滿(mǎn)滿(mǎn)的圖文擠滿(mǎn),而是圖文內容以和諧的方式呈現,與文物的質(zhì)感相互呼應,雖然用戶(hù)得多花一點(diǎn)時(shí)間卷動(dòng)網(wǎng)頁(yè),才能看到完整的內容,但訪(fǎng)客會(huì )更樂(lè )于停在網(wǎng)站上閱讀內容,對于網(wǎng)站的客戶(hù)停留時(shí)間指標來(lái)說(shuō),會(huì )帶來(lái)一定的幫助。
形象區塊:強而有力的循環(huán)影片---遼寧華睿科技有限公司
利用影片于網(wǎng)頁(yè)設計的情境很多,最常見(jiàn)的情境之一就是將影片放在首頁(yè)上方,給訪(fǎng)客視覺(jué)上的驚喜。不過(guò),我們注意到大多數的首頁(yè)影片,因為影片檔案過(guò)大,用戶(hù)畫(huà)面還沒(méi)呈現之前,就已經(jīng)離開(kāi)了網(wǎng)頁(yè)。
網(wǎng)頁(yè)設計者要考慮到影片檔案遠比文字、圖片來(lái)得大數十倍,甚至百倍,使用不當會(huì )使得網(wǎng)頁(yè)開(kāi)啟得緩慢,我們建議使用影片務(wù)必優(yōu)化影片,讓影片更適合在網(wǎng)頁(yè)上呈現。
先從影音服務(wù)開(kāi)始說(shuō)起,除了免費的視頻平臺以外,有許多付費的影音平臺提供了無(wú)廣告,也更穩定的影音服務(wù),這是一個(gè)提升網(wǎng)頁(yè)影音品質(zhì)的策略。另外,將影片的長(cháng)度縮短是縮小影片檔案大小最立竿見(jiàn)影的方式,例如我們最近看到了羅技滑鼠的新產(chǎn)品網(wǎng)頁(yè),使用了循環(huán)影片播放的方式,檔案格視為MP4,且大小控制在3MB,既能表現產(chǎn)品的高質(zhì)感又能快速于網(wǎng)頁(yè)上顯示,相當值得學(xué)習。
網(wǎng)頁(yè)品質(zhì)三要素:響應式設計、速度、內容---成都云思禾網(wǎng)絡(luò )運營(yíng)
2020年Google Search Console(原站長(cháng)工具)出現了很大的新元素:網(wǎng)站核心使用體驗。這個(gè)新的標準有三個(gè)新的指標,LCP (最大內容繪制)、FID (首次輸入延遲時(shí)間)和CLS(累計版面配置轉移),這三個(gè)新的指標要達到Google的標準并不容易,考驗著(zhù)網(wǎng)站開(kāi)發(fā)人員。這三個(gè)標準預計在2021年納入指標,勢必影響網(wǎng)站排名,相信未來(lái)類(lèi)似百度的國內搜索引擎也會(huì )采用此標準。
最后,網(wǎng)站的內容仍主導了搜尋引擎自然排名的結果。一個(gè)好的網(wǎng)站,應該持續更新內容,內容對用戶(hù)有幫助,就有更高的曝光機會(huì )。網(wǎng)站的內容不再局限于文字與圖片,影音早就已經(jīng)是今日網(wǎng)絡(luò )用戶(hù)的最?lèi)?ài),企業(yè)應該試著(zhù)開(kāi)發(fā)出有助于用戶(hù)的影音內容,并且放在公開(kāi)的影音平臺。
綜觀(guān)上述的幾個(gè)趨勢,不難察覺(jué)網(wǎng)站的設計品質(zhì)決定了一個(gè)網(wǎng)站的排名,遵守搜索引擎的網(wǎng)頁(yè)設計規范,并且優(yōu)化網(wǎng)頁(yè)的讀取效率,加強網(wǎng)站的內容品質(zhì),做到這三點(diǎn)的網(wǎng)站必可取得較佳的自然排名。
讓網(wǎng)頁(yè)具備基本電商功能
疫情下的經(jīng)濟大量仰賴(lài)電子商務(wù),但要短時(shí)間內成立一個(gè)電子商城,并不是一件容易的事情,因此有客戶(hù)使用簡(jiǎn)易的表單功能,做到基礎電子商務(wù)的服務(wù)。雖然表單的功能并不強大,便利性也比不上線(xiàn)上金流支付,優(yōu)點(diǎn)是可以與客戶(hù)做進(jìn)一步的確認訂單,也能減少網(wǎng)絡(luò )詐騙的問(wèn)題,仍有不少廠(chǎng)商運用表單的方式,達到電子商務(wù)的目的。
例如上圖的案例中所推出的湯品調理包大受市場(chǎng)歡迎,透過(guò)表單的功能,能夠讓客戶(hù)自己下訂組合不同的組合,并且選擇付款的方式后,就能夠完成線(xiàn)上訂購。
使用表單替代電子商務(wù),我們認為最好的方式是與網(wǎng)頁(yè)設計結合,將表單與網(wǎng)站融合在一起,因為網(wǎng)站內的產(chǎn)品介紹,聯(lián)絡(luò )資訊等內容,都可以提升用戶(hù)的信任感,填寫(xiě)表單也比較不會(huì )擔心遇到詐騙。