在一般人眼中,“網(wǎng)站”幾乎就代表著“互聯(lián)網(wǎng)”。網(wǎng)站建設(shè)本身的價(jià)值正在被人們不斷的發(fā)現(xiàn),不斷的認(rèn)可。“如何設(shè)計(jì)一個(gè)成功的網(wǎng)站?”已成為越來越多的網(wǎng)頁設(shè)計(jì)師所思考、關(guān)注的問題。
設(shè)計(jì)網(wǎng)站需要考慮的因素非常之多,從前期網(wǎng)站開始時(shí)的定位、設(shè)定網(wǎng)站框架、整理資料,到具體制作中的設(shè)計(jì)環(huán)節(jié),再到后的調(diào)試、發(fā)布、宣傳。這是一個(gè)環(huán)環(huán)相扣的過程。在此我們僅僅從設(shè)計(jì)師的角度來整體把握我們這次想討論的主題——如何設(shè)計(jì)成功的網(wǎng)站!由于篇幅有限,我們僅僅討論設(shè)計(jì)網(wǎng)站時(shí)重要的兩大部分:整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格
網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是難以學(xué)習(xí)的。難就難在沒有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題,任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。
風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI(標(biāo)志、色彩、字體、標(biāo)語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子:我們覺得網(wǎng)易是平易近人的,迪斯尼是生動(dòng)活潑的,IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。
在這里,我提供給大家一些參考經(jīng)驗(yàn):
1.將你的標(biāo)志logo,盡可能的放在每個(gè)頁面上突出的位置。
2.突出你的標(biāo)準(zhǔn)色彩。
3.總結(jié)一句能反映貴站精髓的宣傳標(biāo)語!
4.相同類型的圖像采用相同效果,比如說標(biāo)題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的!
二、網(wǎng)頁色彩的搭配
無論是平面設(shè)計(jì),還是網(wǎng)頁設(shè)計(jì),色彩永遠(yuǎn)是重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候,我們看到的不是優(yōu)美的版式或者是美麗的圖片,而是網(wǎng)頁的色彩。
關(guān)于色彩的原理有許多,在此我們不可能一一闡述,大家可以看看相關(guān)設(shè)計(jì)書籍,有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時(shí)的小技巧。
1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對(duì)比色。
3.用一個(gè)色系。簡(jiǎn)單的說就是用一個(gè)感覺的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。
在網(wǎng)頁配色中,還要切記一些誤區(qū):
1.不要將所有顏色都用到,盡量控制在三~五種色彩以內(nèi)。
2.背景和前文的對(duì)比盡量要大,以便突出主要文字內(nèi)容。