-
-
- 咨詢(xún)熱線(xiàn):
- 021-37721408
-
- 當(dāng)前位置: 首頁(yè) | 新聞動(dòng)態(tài) | 新聞資訊
-
- 如何建設(shè)企業(yè)網(wǎng)站才能更具吸引力
- 添加時(shí)間:2018/8/22 10:16:38 瀏覽次數(shù):4006
-
企業(yè)網(wǎng)站是企業(yè)直接面向用戶(hù)的窗口，借助企業(yè)網(wǎng)站可以推廣企業(yè)形象、宣傳企業(yè)產(chǎn)品，為企業(yè)提供展示平臺(tái)、開(kāi)辟互聯(lián)網(wǎng)市場(chǎng)、開(kāi)拓銷(xiāo)售渠道、節(jié)約運(yùn)營(yíng)成本，同時(shí)也為用戶(hù)提供了解企業(yè)的途徑，為商務(wù)交易提供便捷方式。企業(yè)網(wǎng)站為了達(dá)到建設(shè)網(wǎng)站的目的，提高用戶(hù)對(duì)網(wǎng)站的認(rèn)可程度，對(duì)網(wǎng)站的吸引力提出了較高的要求。設(shè)計(jì)師如何能在設(shè)計(jì)層面上抓住用戶(hù)眼球，突顯企業(yè)文化，提升網(wǎng)站吸引力，值得進(jìn)一步探討。
1 準(zhǔn)確的設(shè)計(jì)風(fēng)格
品牌風(fēng)格
一個(gè)強(qiáng)大的品牌能夠使企業(yè)從競(jìng)爭(zhēng)者中脫穎而出，網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)是將網(wǎng)頁(yè)和用戶(hù)連結(jié)，有效傳達(dá)品牌和信息，為用戶(hù)建立對(duì)品牌的信任感，幫助推廣品牌。網(wǎng)站的整體風(fēng)格，從配色、logo、圖標(biāo)、導(dǎo)航、背景、版式……設(shè)計(jì)師創(chuàng)建的每一個(gè)元素都需要和品牌緊密掛鉤，形成渾然一體的品牌風(fēng)格，讓用戶(hù)在進(jìn)入網(wǎng)站之后就能感知企業(yè)文化。
設(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)，非常適合目前人們更希望專(zhuā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ì)
網(wǎng)頁(yè)尺寸
隨著科技發(fā)展，顯示器屏幕尺寸越做越大，大屏幕在逐漸普及，以往1000px寬度的網(wǎng)站已經(jīng)不能滿(mǎn)足于大屏幕的展示。因此在設(shè)計(jì)中需要考慮不同屏幕尺寸下，界面元素的展示方式。最基本的要求是要考慮好最大及最小的場(chǎng)景：1920×1080和1024×768，通過(guò)科學(xué)合理地布局以滿(mǎn)足大部分用戶(hù)瀏覽網(wǎng)站的舒適度。
常用結(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)容。上下框架型與左右框架類(lèi)似，區(qū)別僅在于上下分為兩頁(yè)。
排版趨勢(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)站布局不再拘泥于固定格式，不再?lài)?yán)格遵循某種準(zhǔn)則或既定體系，不少有創(chuàng)意的網(wǎng)站布局讓排版方式進(jìn)入了一個(gè)新的時(shí)代。
3 優(yōu)秀的配色方案
配色內(nèi)容
顏色的使用在企業(yè)網(wǎng)站設(shè)計(jì)中占據(jù)著非常重要的位置，創(chuàng)建一套具有凝聚力又能抓人眼球的色板是創(chuàng)建一個(gè)成功網(wǎng)站的先決條件。好的配色不論是用來(lái)集中用戶(hù)的注意力還是表達(dá)感情或者是傳遞信息都是非常有力的工具。網(wǎng)頁(yè)設(shè)計(jì)的配色包括四塊內(nèi)容：主體色，是占據(jù)網(wǎng)頁(yè)面積最大的一塊顏色，面積占整個(gè)網(wǎng)頁(yè)的40% ～ 70%;輔助色，一般是主體色在色輪90度以?xún)?nèi)的近似色，起到變化的作用，面積占20% ～ 30%;點(diǎn)睛色，一般取主色和輔色色輪120 ～ 180度的對(duì)比色或者補(bǔ)色，起到點(diǎn)睛作用，面積在10%以?xún)?nèi);背景色，是網(wǎng)頁(yè)上什么也沒(méi)有的情況下顯示的顏色。
配色方法
(1)應(yīng)用品牌色。網(wǎng)站的配色是影響網(wǎng)站視覺(jué)效果的重要元素，色彩是最容易吸引用戶(hù)的，成功的企業(yè)往往都會(huì)巧妙地運(yùn)用品牌色，利用色彩刺激用戶(hù)的視覺(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ì)比度能夠確保可讀性，其次黑白灰中性色可以和任何配色方案搭配，在簡(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)建配色之外，還可以借助一些色彩選取方法，得到好用且高效的配色方案。這些配色的靈感可以源自于其他作品，也可以得自于天然，可以使用在線(xiàn)的色輪工具，也可以向其他設(shè)計(jì)領(lǐng)域進(jìn)行借鑒，只要是一套靠譜的方案就會(huì)有助于設(shè)計(jì)。
