網頁設計的吸睛策略
網絡時代中,當各種產業(yè)都面向網路經濟時,網頁設計是否夠吸睛,往往成了營銷致勝的關鍵主因之一。我們整理了 8 個網頁設計的主流應用方向,希望可以作為網站改版或活動網站設計的參考依據。
1. 滿版圖片設計
相較于純文字的描述,視覺性內容更容易吸引網友眼球,利用高畫質圖片讓網友愿意多花一點時間在網站中,并開始留意網站所提供的產品服務說明。其實大圖的設計風格我們可以從 2014 年的一些網站中逐漸尋覓軌跡,例如 Wearemammoth,Fiftythree,Dodocase 等網站中了解網頁設計的趨勢。除此之外,大家可能會好奇高畫質的圖片去哪下載呢?筆者提供一個自己常用的圖庫網站 Stocksnap.io,不僅免費而且無需經過授權。
2. 扁平式設計
扁平式設計為 2014 年初所釋出的一種設計風格,由 Apple 以及 Microsoft 引領此種設計風格,其優(yōu)點在于能夠結合不同素材,并且利用較短的時間就能完成設計。其中 Google’s Material design 就是最好的范例之一。
3. 情緒性圖片設計
情緒性圖片不單純只是一張圖片,它能藉由圖片中的人、事、物深化內容資訊,讓網友從圖片就能意會到作者或編輯欲想表達的情境與感覺,這也就是為什么情緒性圖片是許多部落格寫手與作家最喜歡在網站中所使用的圖片類型,例如Snow fall 與Rolex awards 是使用情緒性圖片的范例網站。
4. 印刷式設計
網站使用的字型也會影響到瀏覽的視覺效果。我們能夠從許多網站發(fā)現,越來越多網站開始使用高畫質印刷字型或云端字型作為網站的設計風格,其優(yōu)點在于能運用簡單的資訊內容與強烈對比讓網友能迅速對網站品牌留下印象,其中以Rsq 與Je Sus Unico 的網站最明顯。
5. 異想情境設計
利用脫離現實情境的設計風格來吸引網友的注意力。此種設計風格的網站較為稀少,其中以 Magic Leap 為此種設計風格的范例。國外營銷團隊 Hubspot 也預測在 2015 年將會有更多網站開始使用異想情境的設計風格。
6. 手繪風格設計
網頁設計的制式風格可能脫離不了又大又美的圖片以及搶眼的印刷字體,但手繪式風格卻逆向操作,利用平易近人的設計突顯出另一種吸睛的網站風格,讓網友能夠以輕松的心情瀏覽網頁,增加網站的停留時間。例如 A List Apart 以及 Basecamp 等都是利用手繪風格設計的范例網站。
7. 背景影片設計
比起高畫質圖片,動態(tài)背景更容易傳遞品牌價值給網友。此種設計風格是利用短暫的背景動態(tài)影片循環(huán)來加深網友對于品牌的印象。在2014 年,許多網站普遍采用高畫質圖片輔助網站的視覺效果,我們也能預見這類風格的網站在未來將持續(xù)帶給網友耳目一新的視覺體驗,例如: Airbnb,Rosewater Film,Maersk Fleet 都是使用背景影片設計的范例網站。
8. 電影動態(tài)設計
相較于圖片與影片的設計,電影動態(tài)影片雖然較為特別,但也更難掌控視覺呈現的效果。藉由靜態(tài)動圖的呈現方式,讓每張圖片更具有張力與故事性,發(fā)揮網友的想像力,將每個部分的故事串接起來,宛如看電影一般。 Cinemagraphs 與 The Guardian Firestorm 都是使用電影動態(tài)設計的范例網站。
無論是哪種網頁設計的方向,不同類型的網站都必須思考如何利用最有效的網頁設計輔助營銷傳播,而前提必須符合目標族群、產品與市場定位的考量,再衡量上述分享的應用設計是否符合需求;畢竟如果為了設計而設計,反而失去了網站設計的初衷,而讓網頁設計成效大打折扣。
1. 滿版圖片設計
相較于純文字的描述,視覺性內容更容易吸引網友眼球,利用高畫質圖片讓網友愿意多花一點時間在網站中,并開始留意網站所提供的產品服務說明。其實大圖的設計風格我們可以從 2014 年的一些網站中逐漸尋覓軌跡,例如 Wearemammoth,Fiftythree,Dodocase 等網站中了解網頁設計的趨勢。除此之外,大家可能會好奇高畫質的圖片去哪下載呢?筆者提供一個自己常用的圖庫網站 Stocksnap.io,不僅免費而且無需經過授權。
2. 扁平式設計
扁平式設計為 2014 年初所釋出的一種設計風格,由 Apple 以及 Microsoft 引領此種設計風格,其優(yōu)點在于能夠結合不同素材,并且利用較短的時間就能完成設計。其中 Google’s Material design 就是最好的范例之一。
3. 情緒性圖片設計
情緒性圖片不單純只是一張圖片,它能藉由圖片中的人、事、物深化內容資訊,讓網友從圖片就能意會到作者或編輯欲想表達的情境與感覺,這也就是為什么情緒性圖片是許多部落格寫手與作家最喜歡在網站中所使用的圖片類型,例如Snow fall 與Rolex awards 是使用情緒性圖片的范例網站。
4. 印刷式設計
網站使用的字型也會影響到瀏覽的視覺效果。我們能夠從許多網站發(fā)現,越來越多網站開始使用高畫質印刷字型或云端字型作為網站的設計風格,其優(yōu)點在于能運用簡單的資訊內容與強烈對比讓網友能迅速對網站品牌留下印象,其中以Rsq 與Je Sus Unico 的網站最明顯。
5. 異想情境設計
利用脫離現實情境的設計風格來吸引網友的注意力。此種設計風格的網站較為稀少,其中以 Magic Leap 為此種設計風格的范例。國外營銷團隊 Hubspot 也預測在 2015 年將會有更多網站開始使用異想情境的設計風格。
6. 手繪風格設計
網頁設計的制式風格可能脫離不了又大又美的圖片以及搶眼的印刷字體,但手繪式風格卻逆向操作,利用平易近人的設計突顯出另一種吸睛的網站風格,讓網友能夠以輕松的心情瀏覽網頁,增加網站的停留時間。例如 A List Apart 以及 Basecamp 等都是利用手繪風格設計的范例網站。
7. 背景影片設計
比起高畫質圖片,動態(tài)背景更容易傳遞品牌價值給網友。此種設計風格是利用短暫的背景動態(tài)影片循環(huán)來加深網友對于品牌的印象。在2014 年,許多網站普遍采用高畫質圖片輔助網站的視覺效果,我們也能預見這類風格的網站在未來將持續(xù)帶給網友耳目一新的視覺體驗,例如: Airbnb,Rosewater Film,Maersk Fleet 都是使用背景影片設計的范例網站。
8. 電影動態(tài)設計
相較于圖片與影片的設計,電影動態(tài)影片雖然較為特別,但也更難掌控視覺呈現的效果。藉由靜態(tài)動圖的呈現方式,讓每張圖片更具有張力與故事性,發(fā)揮網友的想像力,將每個部分的故事串接起來,宛如看電影一般。 Cinemagraphs 與 The Guardian Firestorm 都是使用電影動態(tài)設計的范例網站。
無論是哪種網頁設計的方向,不同類型的網站都必須思考如何利用最有效的網頁設計輔助營銷傳播,而前提必須符合目標族群、產品與市場定位的考量,再衡量上述分享的應用設計是否符合需求;畢竟如果為了設計而設計,反而失去了網站設計的初衷,而讓網頁設計成效大打折扣。
- 基于用戶創(chuàng)新
界面設計日新月異,夢創(chuàng)義堅持基于用戶需求的界面創(chuàng)新設計……
- 服務設計思維
互聯網的格局發(fā)生的改變,在我們進行設計服務時更是考慮不同用戶、不同……
- 洞察用戶心理
洞察用戶有意識和無意識的行為以及心理特征通過構造一系列的服務來促進……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網站建設完應該如何營銷
- 很多中小型企業(yè)往往糾結于以下10個問題:一、我們起步比別人晚,我們的……
- 做企業(yè)網站到底做給誰看?
- 設計經常時不時的遇到一些企業(yè)客戶,常常搞不清楚誰會真正看你的企業(yè)網……
- 傳統(tǒng)企業(yè)進軍移動互聯網,從移動云網站開始
- 移動互聯網是移動通信和互聯網融合的產物,其發(fā)展的重要基礎便是智能手……
- 網站建設和運營五大細節(jié)決定用戶黏性
- 網站的成功離不開搜索引擎優(yōu)化,更離不開最基礎最根本的用戶群體,如何……
- 2015年值得關注的電子商務5大趨勢
- 線上線下銷售的界線正在變得越來越模糊。在2015年,這一趨勢仍將繼續(xù)!