淺析企業(yè)網(wǎng)站的吸引力

王瑾　蔣莉

摘 要：隨著網(wǎng)絡(luò)不斷發(fā)展，企業(yè)網(wǎng)站成為企業(yè)經(jīng)營(yíng)中不可或缺的一環(huán)，為了提高網(wǎng)站吸引力，設(shè)計(jì)師需要準(zhǔn)確把握設(shè)計(jì)風(fēng)格，合理進(jìn)行排版設(shè)計(jì)，打造優(yōu)秀的配色方案。本文主要從三個(gè)方面分析了如何從設(shè)計(jì)層面提高企業(yè)網(wǎng)站對(duì)用戶的吸引力，留住用戶，實(shí)現(xiàn)企業(yè)網(wǎng)站的建站目的。

關(guān)鍵詞：企業(yè)網(wǎng)站；風(fēng)格；排版；配色

0 前言

企業(yè)網(wǎng)站是企業(yè)直接面向用戶的窗口，借助企業(yè)網(wǎng)站可以推廣企業(yè)形象、宣傳企業(yè)產(chǎn)品，為企業(yè)提供展示平臺(tái)、開(kāi)辟互聯(lián)網(wǎng)市場(chǎng)、開(kāi)拓銷售渠道、節(jié)約運(yùn)營(yíng)成本，同時(shí)也為用戶提供了解企業(yè)的途徑，為商務(wù)交易提供便捷方式。企業(yè)網(wǎng)站為了達(dá)到建設(shè)網(wǎng)站的目的，提高用戶對(duì)網(wǎng)站的認(rèn)可程度，對(duì)網(wǎng)站的吸引力提出了較高的要求。設(shè)計(jì)師如何能在設(shè)計(jì)層面上抓住用戶眼球，突顯企業(yè)文化，提升網(wǎng)站吸引力，值得進(jìn)一步探討。

1 準(zhǔn)確的設(shè)計(jì)風(fēng)格

1.1 品牌風(fēng)格

一個(gè)強(qiáng)大的品牌能夠使企業(yè)從競(jìng)爭(zhēng)者中脫穎而出，網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)是將網(wǎng)頁(yè)和用戶連結(jié)，有效傳達(dá)品牌和信息，為用戶建立對(duì)品牌的信任感，幫助推廣品牌。網(wǎng)站的整體風(fēng)格，從配色、logo、圖標(biāo)、導(dǎo)航、背景、版式……設(shè)計(jì)師創(chuàng)建的每一個(gè)元素都需要和品牌緊密掛鉤，形成渾然一體的品牌風(fēng)格，讓用戶在進(jìn)入網(wǎng)站之后就能感知企業(yè)文化。

1.2 設(shè)計(jì)風(fēng)格

如今，關(guān)于扁平化與擬物化孰優(yōu)孰劣的討論此起彼伏。擬物化設(shè)計(jì)強(qiáng)調(diào)設(shè)計(jì)要反映物理世界的真實(shí)細(xì)節(jié)與質(zhì)感，但大多數(shù)擬物化界面并沒(méi)有實(shí)現(xiàn)功能化，花費(fèi)大量的時(shí)間在視覺(jué)效果上，反而降低了效率。扁平化設(shè)計(jì)摒棄高光、陰影等造成透視感的效果，通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn)，非常適合目前人們更希望專注于信息和任務(wù)本身的需求，但是因?yàn)槿サ袅搜b飾，使得個(gè)性化的空間很小，造成令人深刻的界面不多，設(shè)計(jì)師很容易實(shí)現(xiàn)它，但是要做出真正出色的東西卻更難。

設(shè)計(jì)的好壞不是“美學(xué)”可以決定的，風(fēng)格不存在好壞，對(duì)設(shè)計(jì)風(fēng)格的選取要取決于需求的實(shí)際情況，擬物化不會(huì)就此消失，一方面總是有人喜歡，另一方面部分界面需要趣味和親和力，有必要用到擬物化，同時(shí)極簡(jiǎn)的設(shè)計(jì)，也會(huì)被人看膩而適當(dāng)加入一些裝飾元素。

2 合理的排版設(shè)計(jì)

2.1 網(wǎng)頁(yè)尺寸

隨著科技發(fā)展，顯示器屏幕尺寸越做越大，大屏幕在逐漸普及，以往1000px寬度的網(wǎng)站已經(jīng)不能滿足于大屏幕的展示。因此在設(shè)計(jì)中需要考慮不同屏幕尺寸下，界面元素的展示方式。最基本的要求是要考慮好最大及最小的場(chǎng)景：1920×1080和1024×768，通過(guò)科學(xué)合理地布局以滿足大部分用戶瀏覽網(wǎng)站的舒適度。

2.2 常用結(jié)構(gòu)

大批網(wǎng)站有一套通行的排版布局模式，頁(yè)頭、頁(yè)腳、側(cè)邊欄和內(nèi)容區(qū)域，企業(yè)網(wǎng)站一般常用的布局包括國(guó)字型、拐角型、左右框架型、上下框架型等。

國(guó)字型最上面是標(biāo)題導(dǎo)航，下面是主要內(nèi)容，呈現(xiàn)左中右結(jié)構(gòu)，中間較寬是主要部分，左右較窄分列兩小條內(nèi)容，最下面是網(wǎng)站基本信息、聯(lián)系方式、版權(quán)聲明等。拐角型與國(guó)字型很相近，上面是標(biāo)題導(dǎo)，下面左側(cè)是一窄列鏈接，右側(cè)是較寬的正文，下面也是網(wǎng)站的輔助信息。左右框架型是一種左右為分別兩頁(yè)的框架結(jié)構(gòu)，一般左側(cè)是導(dǎo)航鏈接，有時(shí)最上面會(huì)有一個(gè)小的標(biāo)題或logo，右側(cè)是主要內(nèi)容。上下框架型與左右框架類似，區(qū)別僅在于上下分為兩頁(yè)。

2.3 排版趨勢(shì)

互聯(lián)網(wǎng)的變化翻天覆地，雖然不少傳統(tǒng)企業(yè)的網(wǎng)站設(shè)計(jì)更傾向于傳統(tǒng)風(fēng)格，但是也開(kāi)始有企業(yè)關(guān)注網(wǎng)站轉(zhuǎn)型，比較注重視覺(jué)效果和公司形象展現(xiàn)，網(wǎng)站布局不再拘泥于固定格式，不再嚴(yán)格遵循某種準(zhǔn)則或既定體系，不少有創(chuàng)意的網(wǎng)站布局讓排版方式進(jìn)入了一個(gè)新的時(shí)代。

3 優(yōu)秀的配色方案

3.1 配色內(nèi)容

顏色的使用在企業(yè)網(wǎng)站設(shè)計(jì)中占據(jù)著非常重要的位置，創(chuàng)建一套具有凝聚力又能抓人眼球的色板是創(chuàng)建一個(gè)成功網(wǎng)站的先決條件。好的配色不論是用來(lái)集中用戶的注意力還是表達(dá)感情或者是傳遞信息都是非常有力的工具。網(wǎng)頁(yè)設(shè)計(jì)的配色包括四塊內(nèi)容：主體色，是占據(jù)網(wǎng)頁(yè)面積最大的一塊顏色，面積占整個(gè)網(wǎng)頁(yè)的40% ～ 70%；輔助色，一般是主體色在色輪90度以內(nèi)的近似色，起到變化的作用，面積占20% ～ 30%；點(diǎn)睛色，一般取主色和輔色色輪120 ～ 180度的對(duì)比色或者補(bǔ)色，起到點(diǎn)睛作用，面積在10%以內(nèi)；背景色，是網(wǎng)頁(yè)上什么也沒(méi)有的情況下顯示的顏色。

3.2 配色方法

（1）應(yīng)用品牌色。網(wǎng)站的配色是影響網(wǎng)站視覺(jué)效果的重要元素，色彩是最容易吸引用戶的，成功的企業(yè)往往都會(huì)巧妙地運(yùn)用品牌色，利用色彩刺激用戶的視覺(jué)，增強(qiáng)對(duì)品牌的記憶力。如果擁有現(xiàn)成的品牌，構(gòu)建網(wǎng)站的時(shí)候，可以根據(jù)企業(yè)提供的CI和VI資料使用現(xiàn)成的品牌風(fēng)格指南，根據(jù)需求適當(dāng)?shù)赝卣钩霾煌顪\、色度的衍生色，將品牌色作為界面的主體配色來(lái)使用，這樣更符合企業(yè)品牌的需要。

（2）創(chuàng)建配色方案。如果需要從無(wú)到有構(gòu)建一個(gè)全新的配色，最簡(jiǎn)單安全的方法是使用單色配色，很多網(wǎng)頁(yè)的主體通常使用白色或淺灰色的背景搭配深灰色或者黑色的文字，首先這種對(duì)比度能夠確?？勺x性，其次黑白灰中性色可以和任何配色方案搭配，在簡(jiǎn)單大方的基調(diào)上選擇一個(gè)比較柔和的顏色，擴(kuò)展它的色相、飽和度和亮度，就可以創(chuàng)建出一個(gè)單色配色方案。也可以再增加一個(gè)新的高亮顏色，例如在藍(lán)色中加入橙色或者綠色，通過(guò)兩種色彩的選擇，一主一次，支撐起網(wǎng)站視覺(jué)。在必要的時(shí)候，可以基于這兩種色彩拓展出更多的同色系色彩，令網(wǎng)站色彩更加豐富。

（3）運(yùn)用其他色彩選取方法。除了根據(jù)色彩原理自行創(chuàng)建配色之外，還可以借助一些色彩選取方法，得到好用且高效的配色方案。這些配色的靈感可以源自于其他作品，也可以得自于天然，可以使用在線的色輪工具，也可以向其他設(shè)計(jì)領(lǐng)域進(jìn)行借鑒，只要是一套靠譜的方案就會(huì)有助于設(shè)計(jì)。

4 結(jié)語(yǔ)

本文概述了如何利用風(fēng)格、排版、配色提升企業(yè)網(wǎng)站的吸引力，正確的設(shè)計(jì)風(fēng)格可以為整個(gè)網(wǎng)站確定基調(diào)，排版是設(shè)計(jì)的靈魂，是視覺(jué)識(shí)別能力的核心，色彩的成功使用可以令網(wǎng)站賞心悅目，協(xié)助組織信息、平衡結(jié)構(gòu)、突出元素，吸引用戶的注意力。為了使網(wǎng)頁(yè)具有更吸引人的視覺(jué)效果，除了文中討論的三點(diǎn)之外還有字型、字體、對(duì)齊、間距、按鈕、圖片等問(wèn)題都值得深入研究，同時(shí)由于網(wǎng)頁(yè)設(shè)計(jì)流行趨勢(shì)的不斷更新，設(shè)計(jì)師需要時(shí)刻保持對(duì)設(shè)計(jì)趨勢(shì)的關(guān)注，以期更好地完成設(shè)計(jì)任務(wù)。

參考文獻(xiàn)：

[1] 郭海礁.企業(yè)網(wǎng)站內(nèi)容設(shè)計(jì)與藝術(shù)效果[J].信息與電腦，2015（12）.

[2] 賀冬梅.淺談網(wǎng)站設(shè)計(jì)的風(fēng)格色彩與美化[J].現(xiàn)代服務(wù)，2008（6）.

[3] 朱月嬌.淺析企業(yè)網(wǎng)站設(shè)計(jì)中網(wǎng)頁(yè)版式設(shè)計(jì)[J].科技向?qū)В?015（2）.

作者簡(jiǎn)介：王瑾（1981—），女，江蘇泰州人，碩士，講師，從事Web前端設(shè)計(jì)、動(dòng)畫制作、計(jì)算機(jī)技術(shù)研究。

蔣莉（1996—），女，江蘇泰州人，電腦藝術(shù)設(shè)計(jì)專業(yè)學(xué)生。