網(wǎng)站建設(shè)中要注意網(wǎng)頁設(shè)計(jì)中的哪些問題？

時(shí)間：2023-09-11 08:12:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-11 08:12:02 來源：網(wǎng)站運(yùn)營

網(wǎng)站建設(shè)中要注意網(wǎng)頁設(shè)計(jì)中的哪些問題？：網(wǎng)站視覺設(shè)計(jì)的重要性大家應(yīng)該都清楚，對(duì)于普通訪客來說，網(wǎng)站框架、交互邏輯等這些都是其次的，訪客首先感受到的是網(wǎng)站的視覺設(shè)計(jì)， 同時(shí)視覺也能夠直觀地表達(dá)出我們所要傳遞的價(jià)值。

因此，我們?cè)诮ㄔO(shè)網(wǎng)站時(shí)，一方面需要確保網(wǎng)站的視覺效果足夠優(yōu)秀，另一方面需要保證視覺能夠傳遞正確的商業(yè)價(jià)值。

1.如何設(shè)計(jì)一個(gè)高辨識(shí)度的網(wǎng)站

VI（視覺識(shí)別系統(tǒng)）是品牌的視覺符號(hào)化，是品牌識(shí)別中最具傳播力和感染力的部分，它可以將品牌識(shí)別系統(tǒng)的非可視化內(nèi)容，轉(zhuǎn)化為靜態(tài)的視覺識(shí)別符號(hào)，它包含了品牌 LOGO、標(biāo)準(zhǔn)色、象征圖形、標(biāo)準(zhǔn)字體等等。另外還會(huì)包含品牌核心價(jià)值和個(gè)性，不同的品牌 VI 是各個(gè)品牌之間形成差異化的根本原因之一。

因此，我們可以通過與品牌 VI 相結(jié)合的方式進(jìn)行設(shè)計(jì)，品牌 VI 可以有非常豐富多樣的應(yīng)用形式，在廣泛的層面上進(jìn)行直接的傳播，能夠在不同場(chǎng)景中進(jìn)行應(yīng)用，讓人們快速辨認(rèn)出該品牌。品牌 LOGO 則是最具辨識(shí)度的視覺符號(hào)，通過提取 LOGO 中的基因，延用到我們網(wǎng)站中，更有助于提升品牌辨識(shí)度。我們可以從兩個(gè)維度來提?。?br>

• LOGO 的“形”
• LOGO 的“色”

（1）LOGO 的“形”

首先，我們可以通過提取 logo 的形狀作為網(wǎng)站視覺設(shè)計(jì)中的「視覺符號(hào)」也可以參考 VI 手冊(cè)中的「象征圖形」進(jìn)行延展，提取 logo 外形結(jié)構(gòu)做成應(yīng)的 icon 或是動(dòng)效等是 logo 元素的直觀體現(xiàn)。

舉個(gè)例子，天虹的 logo 是一抹橙色極簡的彩虹形狀，天虹企業(yè)簡介Banner以及每個(gè)頁面的底部導(dǎo)航，都有將 Logo 這一特征延展出來的形設(shè)計(jì)。

這種方法需要我們很好地提取 logo 中的部分結(jié)構(gòu) , 或根據(jù)造型轉(zhuǎn)變?yōu)閯?dòng)效、icon 等，這樣在網(wǎng)頁中的融入感十分可觀。

（2）LOGO 的“色”

提取 logo 中的標(biāo)準(zhǔn)色或代表性的顏色與網(wǎng)頁元素相呼應(yīng)，也是一種常見的方式。將 Logo 顏色通過網(wǎng)站中的文字、頁面板式、icon 設(shè)計(jì)表現(xiàn)出來，這是很好的一種呼應(yīng)方法。

比如：綠色是綠革的標(biāo)志性顏色。打開綠革官網(wǎng)，可以清晰直觀地看到綠革將 logo 中的兩種綠色元素，融入到網(wǎng)站界面 UI 中，需要突出的文案也會(huì)運(yùn)用這兩種綠色去做表達(dá)和強(qiáng)調(diào)。

在網(wǎng)站設(shè)計(jì)中，我們可以將標(biāo)準(zhǔn)色換到標(biāo)題文字、icon、控件。訪客打開網(wǎng)站時(shí)會(huì)很容易被這些顏色吸引，也不會(huì)感到突兀，合理運(yùn)用 logo 顏色，可以統(tǒng)一網(wǎng)站的整體視覺且做到突出重點(diǎn)與更有效地傳達(dá)信息。

2.平衡藝術(shù)與商業(yè)的設(shè)計(jì)思維

藝術(shù)與商業(yè)的本質(zhì)其實(shí)是感性與理性，兩者之間沒有絕對(duì)的好與壞，相輔相成才是發(fā)揮價(jià)值的關(guān)鍵。例如在我們看來，企業(yè)網(wǎng)站視覺設(shè)計(jì)必須具備商業(yè)思維。在商業(yè)環(huán)境下的視覺設(shè)計(jì)本質(zhì)應(yīng)該是強(qiáng)化產(chǎn)品，升華價(jià)值，因此需做到不為設(shè)計(jì)而設(shè)計(jì)。

當(dāng)然，這并非是拋棄新創(chuàng)意，而是應(yīng)該更注重于強(qiáng)化產(chǎn)品，給予滿足需求的產(chǎn)品力加持。過度強(qiáng)調(diào)創(chuàng)意設(shè)計(jì)，或許會(huì)給訪客瀏覽帶來負(fù)擔(dān)。

設(shè)計(jì)需要理解功能目的：為什么策劃這個(gè)功能？如何通過設(shè)計(jì)讓訪客使用更順暢？如何讓訪客愛上這個(gè)功能？這都是設(shè)計(jì)需要不斷探討和思考的問題。設(shè)計(jì)與產(chǎn)品之間通過產(chǎn)品思維進(jìn)行聯(lián)動(dòng)，能夠確保核心目標(biāo)一致、步調(diào)一致，真正創(chuàng)造出一個(gè)有價(jià)值的網(wǎng)站。

我們始終要對(duì)設(shè)計(jì)的結(jié)果負(fù)責(zé)，各個(gè)環(huán)節(jié)的品牌維護(hù)及更新必須形成閉環(huán)的設(shè)計(jì)思考，最終達(dá)到“設(shè)計(jì)應(yīng)時(shí)輸出，信息精準(zhǔn)傳達(dá)，符合結(jié)果預(yù)期”，在落地層面始終執(zhí)行著的“四環(huán)建設(shè)”：

• 第一環(huán)：讓出品更好看（視覺側(cè)）
• 第二環(huán)：讓出品更好用（體驗(yàn)側(cè)）
• 第三環(huán)：讓出品高轉(zhuǎn)化（營銷側(cè)）
• 第四環(huán)：讓出品高價(jià)值（品牌側(cè)）

視覺設(shè)計(jì)是網(wǎng)站的一個(gè)重要層面，網(wǎng)站作為互聯(lián)網(wǎng)產(chǎn)品，其視覺設(shè)計(jì)的本質(zhì)是價(jià)值傳遞，我們一直以增長思維和產(chǎn)品思維與視覺設(shè)計(jì)相融合，就是為了實(shí)現(xiàn)高效傳遞高價(jià)值信息。

訪客通過對(duì)視覺信息的感知，來決定自己的行為。當(dāng)我們從信息的角度去理解視覺設(shè)計(jì)時(shí)，可以打破慣性思維對(duì)我們的限制，因?yàn)橐曈X設(shè)計(jì)是一個(gè)由抽象信息轉(zhuǎn)換為圖像信息的過程，理解這層道理才能真正打造出一個(gè)具有高顏值和高價(jià)值的網(wǎng)站。

另外，增長超人全新推出了《企業(yè)官網(wǎng)建設(shè)實(shí)戰(zhàn)指南》，這本建站白皮書以增長超人的建站三大思維（產(chǎn)品思維、數(shù)據(jù)思維、增長思維）為核心，從前期市場(chǎng)調(diào)研、歷史數(shù)據(jù)分析、原型設(shè)計(jì)、視覺設(shè)計(jì)、技術(shù)開發(fā)、 上線分析優(yōu)化等六大版塊來和你分享如何做出一個(gè)高質(zhì)量的企業(yè)官網(wǎng)。

感興趣的也可以關(guān)注我的公眾號(hào)（增長超人），上面會(huì)定期分享 企業(yè)增長 | 網(wǎng)站建設(shè) | 新媒體營銷 等相關(guān)干貨內(nèi)容。