網(wǎng)絡(luò)時代中,當(dāng)各種產(chǎn)業(yè)都面向網(wǎng)路經(jīng)濟(jì)時,
網(wǎng)頁設(shè)計(jì)是否夠吸睛,往往成了營銷致勝的關(guān)鍵主因之一。我們整理了 8 個
網(wǎng)頁設(shè)計(jì)的主流應(yīng)用方向,希望可以作為
網(wǎng)站改版或活動
網(wǎng)站設(shè)計(jì)的參考依據(jù)。
1. 滿版圖片設(shè)計(jì)相較于純文字的描述,視覺性內(nèi)容更容易吸引網(wǎng)友眼球,利用高畫質(zhì)圖片讓網(wǎng)友愿意多花一點(diǎn)時間在網(wǎng)站中,并開始留意網(wǎng)站所提供的產(chǎn)品服務(wù)說明。其實(shí)大圖的設(shè)計(jì)風(fēng)格我們可以從 2014 年的一些網(wǎng)站中逐漸尋覓軌跡,例如 Wearemammoth,Fiftythree,Dodocase 等網(wǎng)站中了解
網(wǎng)頁設(shè)計(jì)的趨勢。除此之外,大家可能會好奇高畫質(zhì)的圖片去哪下載呢?筆者提供一個自己常用的圖庫網(wǎng)站 Stocksnap.io,不僅免費(fèi)而且無需經(jīng)過授權(quán)。
2. 扁平式設(shè)計(jì)扁平式設(shè)計(jì)為 2014 年初所釋出的一種設(shè)計(jì)風(fēng)格,由 Apple 以及 Microsoft 引領(lǐng)此種設(shè)計(jì)風(fēng)格,其優(yōu)點(diǎn)在于能夠結(jié)合不同素材,并且利用較短的時間就能完成設(shè)計(jì)。其中 Google’s Material design 就是最好的范例之一。
3. 情緒性圖片設(shè)計(jì)情緒性圖片不單純只是一張圖片,它能藉由圖片中的人、事、物深化內(nèi)容資訊,讓網(wǎng)友從圖片就能意會到作者或編輯欲想表達(dá)的情境與感覺,這也就是為什么情緒性圖片是許多部落格寫手與作家最喜歡在網(wǎng)站中所使用的圖片類型,例如Snow fall 與Rolex awards 是使用情緒性圖片的范例網(wǎng)站。
4. 印刷式設(shè)計(jì)網(wǎng)站使用的字型也會影響到瀏覽的視覺效果。我們能夠從許多網(wǎng)站發(fā)現(xiàn),越來越多網(wǎng)站開始使用高畫質(zhì)印刷字型或云端字型作為網(wǎng)站的設(shè)計(jì)風(fēng)格,其優(yōu)點(diǎn)在于能運(yùn)用簡單的資訊內(nèi)容與強(qiáng)烈對比讓網(wǎng)友能迅速對網(wǎng)站品牌留下印象,其中以Rsq 與Je Sus Unico 的網(wǎng)站最明顯。
5. 異想情境設(shè)計(jì)利用脫離現(xiàn)實(shí)情境的設(shè)計(jì)風(fēng)格來吸引網(wǎng)友的注意力。此種設(shè)計(jì)風(fēng)格的網(wǎng)站較為稀少,其中以 Magic Leap 為此種設(shè)計(jì)風(fēng)格的范例。國外營銷團(tuán)隊(duì) Hubspot 也預(yù)測在 2015 年將會有更多網(wǎng)站開始使用異想情境的設(shè)計(jì)風(fēng)格。
6. 手繪風(fēng)格設(shè)計(jì)網(wǎng)頁設(shè)計(jì)的制式風(fēng)格可能脫離不了又大又美的圖片以及搶眼的印刷字體,但手繪式風(fēng)格卻逆向操作,利用平易近人的設(shè)計(jì)突顯出另一種吸睛的網(wǎng)站風(fēng)格,讓網(wǎng)友能夠以輕松的心情瀏覽網(wǎng)頁,增加網(wǎng)站的停留時間。例如 A List Apart 以及 Basecamp 等都是利用手繪風(fēng)格設(shè)計(jì)的范例網(wǎng)站。
7. 背景影片設(shè)計(jì)比起高畫質(zhì)圖片,動態(tài)背景更容易傳遞品牌價值給網(wǎng)友。此種設(shè)計(jì)風(fēng)格是利用短暫的背景動態(tài)影片循環(huán)來加深網(wǎng)友對于品牌的印象。在2014 年,許多網(wǎng)站普遍采用高畫質(zhì)圖片輔助網(wǎng)站的視覺效果,我們也能預(yù)見這類風(fēng)格的網(wǎng)站在未來將持續(xù)帶給網(wǎng)友耳目一新的視覺體驗(yàn),例如: Airbnb,Rosewater Film,Maersk Fleet 都是使用背景影片設(shè)計(jì)的范例網(wǎng)站。
8. 電影動態(tài)設(shè)計(jì)相較于圖片與影片的設(shè)計(jì),電影動態(tài)影片雖然較為特別,但也更難掌控視覺呈現(xiàn)的效果。藉由靜態(tài)動圖的呈現(xiàn)方式,讓每張圖片更具有張力與故事性,發(fā)揮網(wǎng)友的想像力,將每個部分的故事串接起來,宛如看電影一般。 Cinemagraphs 與 The Guardian Firestorm 都是使用電影動態(tài)設(shè)計(jì)的范例網(wǎng)站。
無論是哪種
網(wǎng)頁設(shè)計(jì)的方向,不同類型的網(wǎng)站都必須思考如何利用最有效的
網(wǎng)頁設(shè)計(jì)輔助營銷傳播,而前提必須符合目標(biāo)族群、產(chǎn)品與市場定位的考量,再衡量上述分享的應(yīng)用設(shè)計(jì)是否符合需求;畢竟如果為了設(shè)計(jì)而設(shè)計(jì),反而失去了
網(wǎng)站設(shè)計(jì)的初衷,而讓
網(wǎng)頁設(shè)計(jì)成效大打折扣。
網(wǎng)站欄目:網(wǎng)頁設(shè)計(jì)的吸睛策略
當(dāng)前鏈接:http://www.rwnh.cn/news9/133359.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、服務(wù)器托管、網(wǎng)站收錄、搜索引擎優(yōu)化、建站公司、域名注冊
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)