2021年高質感網站設計大趨勢

今年全球受到新冠肺炎的影響,人們利用科技抗疫,網頁自然也沒有缺席,因此今年許多網頁設計的趨勢都圍繞在防疫上。舉例來說:為了維持業績,企業大多投注了更多預算於線上商城上;美食外送成為主流,許多食品公司也順勢推出線上訂購料理包的服務,甚至是教育機構將課程搬上網絡,讓學生減少外出的機會避免染疫…這些變化勢必仍會延續到2021年。人們對於網頁設計的期盼更高,也希望透過網頁能夠得到更好的服務,更多的資訊,當然也要賞心悅目,這些都是對於2021年網頁設計產業的挑戰。

疫情期間,人與人的互動少了,神奇的是人們與書的互動變多了。許多資料顯示疫情期間,人們更願意回到閱讀的懷抱。根據媒體報導指出,人們面對疫情降低人與人的互動,在家進行的休閒娛樂項目需求大增:拼圖、健身、遊樂器等都熱銷一空,其中閱讀不但安全,也能滿足人們對於資訊的需求。
雜誌風格的網頁設計風潮,也吹向了網頁設計。網站能否呈現出類似閱讀的方式呢?
這一點是十分肯定的,很巧合的是,許多客戶與我們的想法不謀而合,已經將故事的概念應用在網頁的產品說明,也十分樂見網頁設計公司將敘說故事的概念設計在網頁上。例如美兆集團的Interior室內設計雜誌,採用了雜誌設計風格的版型,讓網頁瀏覽的過程更具故事性。
另外一個例子:大家健康雜誌,是以紙本雜誌為出版事業主體,後打造官方入口網站。從紙本的雜誌延伸的官網,在首頁的呈現使用了顯著的區塊做出內容區隔,類似報章雜誌的專欄設計風格,可以更容易與紙本的媒體有視覺上的連結。
雜誌風格的網頁設計呈現方式不只出現在設計相關的產業,連科技產業也非常喜愛。例如科技人文雜誌WIRED的首頁呈現,就呈現出報章雜誌的區塊式閱讀風格,讓人一眼就像是回到了熟悉的紙本媒體。但可惜的是無法避免的廣告干擾了閱讀的廣告,而且很多…畢竟雜誌媒體已經萎縮了很多,不得不透過廣告獲利。
放下冷冰冰的產品說明,想想故事吧—成都雲思禾網絡運營
人們都討厭硬生生的廣告,卻很喜歡聽故事,許多令人津津樂道的廣告,多有一段好的故事,讓產品介紹退居第二位,看似將重點放在故事,事實上以退為進,反而讓人深深地記得產品與故事的緊密連結。
以美琪生技為例,是知名的個人清潔用品品牌。網站內除了產品介紹外,透過部落格的專欄,將清潔防疫相關的知識以影片、文字等故事方式敘說給訪客,接著進入產品的訊息分享,以故事取代廣告,增加訪客對於品牌的信任感。
網頁也應該要有說故事的概念,幸運的是網頁設計沒有頁數、時間與篇幅的限制,可以盡情揮灑各種巧思,但網頁設計卻相對更為困難,舉例來說:要設計出滾動網頁視覺特效,就需要Javascript與CSS的技術,加上視覺設計、文字設計等工作,團隊合作上要有一定的默契。
越來越多人透過網絡找尋服務,網站提供的即時通訊工具,有助於解決信件與表單無法解決的問題。
網頁上即時通訊平台首推微信和QQ,原因十分單純:在國內的通用性最高,且基本功能免費,只要將程式碼交給網頁設計人員,就能讓你的網站搖身一變成為與客戶溝通的平台。功能對中小企業來說也已經夠用,由於微信與QQ已經是全球數以億計的即時通訊平台,越來越多客戶管理系統(CRM)都有串聯的功能,讓客戶聯繫的過程得以記錄在一個整合的資料庫內。
除了即時通訊工具以外,線上研討會也是維繫客戶的一個好辦法。在疫情散播之前,許多線上會議的軟體以企業為對主要用戶,價格並不便宜,疫情爆發之後,多數的線上會議工具暫停收費或推出免費版,全球掀起了一股線上研討會的熱潮。
用戶來到網站,一開始會觀察網頁設計的視覺效果,所以如何留下一個好印象,版型是一個關鍵指標。以往將網頁填滿資訊,與大量按鈕的舊式設計逐漸退場,這幾年的網頁版型技巧上,滿版+留白設計受到不少客戶青睞,有幾個主要的原因:
首先,滿版網頁設計非常適合呈現照片式的內容,當你的主題以照片呈現時,滿版可以讓用戶的專注力聚焦在圖片上。以Allboard English這個網站來說,一張照片就能呈現出上課時的環境、師資與學生的活力,沒有什麼比這樣的照片更具說服力了。
接著,滿版網頁設計更符合RWD響應式的設計,這一次的案例來說,滿版的網頁設計結合了區塊式的內容呈現,帶來了更鮮明的內容呈現,恰好與智慧手機經常使用的卡片式內容呈現模式相似。此外,大量的按鈕整合在漢堡選單也是一個顯著的趨勢,使用漢堡選單于網頁設計是一個很重要的趨勢,尤其是對於智慧手機網頁設計來說。
另外一個滿版的案例是聖光雕刻,滿版網頁設計的視覺搭配了大量的留白,網頁沒有被滿滿的圖文擠滿,而是圖文內容以和諧的方式呈現,與文物的質感相互呼應,雖然用戶得多花一點時間捲動網頁,才能看到完整的內容,但訪客會更樂於停在網站上閱讀內容,對於網站的客戶停留時間指標來說,會帶來一定的幫助。
形象區塊:強而有力的循環影片—成都雲思禾網絡運營
利用影片於網頁設計的情境很多,最常見的情境之一就是將影片放在首頁上方,給訪客視覺上的驚喜。不過,我們注意到大多數的首頁影片,因為影片檔案過大,用戶畫面還沒呈現之前,就已經離開了網頁。
網頁設計者要考慮到影片檔案遠比文字、圖片來得大數十倍,甚至百倍,使用不當會使得網頁開啟得緩慢,我們建議使用影片務必優化影片,讓影片更適合在網頁上呈現。
先從影音服務開始說起,除了免費的視頻平台以外,有許多付費的影音平台提供了無廣告,也更穩定的影音服務,這是一個提升網頁影音品質的策略。另外,將影片的長度縮短是縮小影片檔案大小最立竿見影的方式,例如我們最近看到了羅技滑鼠的新產品網頁,使用了循環影片播放的方式,檔案格視為MP4,且大小控制在3MB,既能表現產品的高質感又能快速於網頁上顯示,相當值得學習。
網頁品質三要素:響應式設計、速度、內容—成都雲思禾網絡運營
2020年Google Search Console(原站長工具)出現了很大的新元素:網站核心使用體驗。這個新的標準有三個新的指標,LCP (最大內容繪製)、FID (首次輸入延遲時間)和CLS(累計版面配置轉移),這三個新的指標要達到Google的標準並不容易,考驗著網站開發人員。這三個標準預計在2021年納入指標,勢必影響網站排名,相信未來類似百度的國內搜尋引擎也會採用此標準。
最後,網站的內容仍主導了搜尋引擎自然排名的結果。一個好的網站,應該持續更新內容,內容對用戶有幫助,就有更高的曝光機會。網站的內容不再局限於文字與圖片,影音早就已經是今日網絡用戶的最愛,企業應該試著開發出有助於用戶的影音內容,並且放在公開的影音平台。
綜觀上述的幾個趨勢,不難察覺網站的設計品質決定了一個網站的排名,遵守搜尋引擎的網頁設計規範,並且優化網頁的讀取效率,加強網站的內容品質,做到這三點的網站必可取得較佳的自然排名。
讓網頁具備基本電商功能
疫情下的經濟大量仰賴電子商務,但要短時間內成立一個電子商城,並不是一件容易的事情,因此有客戶使用簡易的表單功能,做到基礎電子商務的服務。雖然表單的功能並不強大,便利性也比不上線上金流支付,優點是可以與客戶做進一步的確認訂單,也能減少網絡詐騙的問題,仍有不少廠商運用表單的方式,達到電子商務的目的。
原文網址:https://read01.com/EyLA4n0.html

分享:

Facebook
Twitter

想了解更多服務就在一指間!

默聲創意 Morcept Design 提供企業最適形象設計整合方案,網頁設計、LOGO設計、CIS設計、行銷整合等,服務一次到位

立即聯繫

Social Media

Most Popular

Get The Latest Updates

Subscribe To Our Weekly Newsletter

No spam, notifications only about new products, updates.
更多文章

你可能會喜歡

© Copyright - 默聲創意有限公司 Morcept Design

留下您的聯絡資料,1.5小時內立即聯繫!

Subscribe for exclusive offers and updates on new arrivals
Happy New Year

【新春年節公告】

Hello 您好,
默聲創意年假期間為 1/19 (四) ~ 1/27 (五),此期間如需服務或諮詢,歡迎使用官方聯繫表單留下訊息 (morcept.com/contact)
我們將於開工日 1/30 (一) 盡快與您聯繫。 若造成您的不便,敬請見諒 :)

祝您新年快樂,錢兔似錦!鴻兔大展 :)

台北網頁設計, 網頁設計公司, 網頁設計, 響應式網頁設計, SEO網頁設計, 網站設計, 形象網站設計, 公司官網設計, 官方網站設計 Keywords: 台北網頁設計 網頁設計公司 網頁設計 響應式網頁設計 SEO網頁設計 網站設計 形象網站設計 公司官網設計 官方網站設計

官方網站設計品牌設計LOGO設計響應式網頁設計CIS企業識別設計網頁設計網站設計公司網頁設計公司官網設計響應式網頁設計台北網頁設計公司推薦網頁設計推薦SEO網頁設計推薦台北品牌設計推薦台北網頁設計公司台北官方網站設計台北形象網站設計官方網站設計形象網站設計默聲創意網頁設計品牌設計SEO搜尋引擎最佳化網站SEOGOOGLE SEO企業品牌設計公司品牌設計設計品牌品牌設計LOGO設計名片設計CIS企業識別設計設計LOGO婚攝婚攝婚紗自助婚紗美式婚禮攝影師婚攝美式婚禮攝影婚禮紀錄婚攝推薦美式婚攝美式婚禮攝影網站設計網頁設計響應式網頁設計SEO最佳化SEO搜尋引擎最佳化血壓量測腕式血壓計全自動手臂式血壓計心房顫動偵測體溫計耳溫槍額溫槍熱敷墊電毯中風高血壓血壓計血壓計推薦血壓計品牌歐姆龍百靈攝影棚出租攝影棚租借攝影場地租借專業形象照形象照拍攝個人形象照孕婦禮服出租孕婦禮服租借自助婚紗自助婚紗攝影台北攝影棚出租推薦台北專業形象照推薦孕婦禮服出租推薦自助婚紗推薦婚攝婚攝勇年婚禮紀錄婚紗婚攝孕婦寫真婚禮攝影自助婚紗婚攝推薦文華東方婚攝親子寫真台南親子寫真台中親子寫真台北親子寫真高雄親子寫真台南兒童寫真台中兒童寫真台北兒童寫真高雄兒童寫真台南親子寫真推薦台中親子寫真推薦高雄親子寫真推薦台北親子寫真推薦台南家庭寫真台中家庭寫真高雄家庭寫真台北家庭寫真台南全家福台中全家福高雄全家福台北全家福Milk and Honey Studio 美式婚禮婚紗攝影團隊Milk and Honey Studio 美式婚攝婚攝婚禮攝影婚紗攝影婚攝推薦美式婚禮攝影美式婚紗攝影自助婚紗孕婦寫真親子寫真家庭寫真美式風格婚紗攝影美式風格婚禮攝影台北美式婚禮攝影推薦台中美式婚禮攝影推薦美式婚攝推薦美式婚禮婚紗攝影團隊美式婚攝美式婚攝第一品牌PTT美式風格婚攝新秘新娘秘書新娘造型高雄新秘推薦台北新秘推薦新秘Yuki白色夢幻新秘Yuki新娘秘書Yuki根尖手術根管治療牙齒再植手術顯微根管鈣化根管治療再生性根管治療牙根黑影與膿包治療高雄根管治療高雄牙齒醫師高雄牙齒高雄顯微根管醫師美白牙齒婚禮顧問婚顧婚禮企劃婚禮主持雙語婚禮主持英文婚禮主持Wedding mcWedding PlannerBilingual WeddingWedding mc in Taiwan Wedding mc in TaipeiWedding Planner in TaiwanWedding Planner in TaipeiBilingual Wedding mc in TaiwanBilingual Wedding mc in Taipei婚禮顧問推薦婚禮企劃推薦禮儀公司葬儀社生命禮儀禮儀服務殯葬服務殯葬禮儀屏東禮儀公司屏東禮儀社屏東葬儀社屏東生命禮儀屏東禮儀服務屏東殯葬服務高雄禮儀公司高雄葬儀社高雄生命禮儀高雄禮儀服務高雄殯葬服務中式禮儀服務西式禮儀服務工業廠房投資辦公室工業地徵收土地土地整治土地開發工業地產投資廠辦整合規劃壯陽藥壯陽藥寵物氧氣機寵物活氧機寵物專用氧氣機寵物呼吸機狗用氧氣機貓用氧氣機犬貓氧氣機寵物魚油犬貓魚油貓用魚油犬用魚油狗魚油貓魚油寵物魚油犬貓魚油貓用魚油犬用魚油狗魚油貓魚油室內香氛居家香氛房間香氛空間香氛香氛蠟燭香氛精油居家香精精油香氛居家香氛擴香香氛蠟燭推薦房間香氛推薦香氛品牌推薦嚴選香氛香氛推薦精油推薦