網(wǎng)站最重要的一個環(huán)節(jié)就是要有精美的設(shè)計效果。因為網(wǎng)站是一個企業(yè)的網(wǎng)絡(luò)門面,它可以對企業(yè)的形象有著直接的影響。每個企業(yè)都希望自己的網(wǎng)站設(shè)計精美,給到所有訪問者一個良好的印象。
如果能夠建設(shè)出設(shè)計精美的網(wǎng)站呢?我們給出以下幾點原則和方法,幫助大家可以遵照一定的方向去實現(xiàn)一個設(shè)計效果不錯的網(wǎng)站。這是我們根據(jù)眾多精美的網(wǎng)站和多年的建站經(jīng)驗總結(jié)出來的一些原則和方法:
1. 網(wǎng)站布局清晰,閱讀邏輯合理
一個設(shè)計精美的網(wǎng)站,第一步就是需要一個優(yōu)秀的布局。首先,我們需要考慮好需要在首頁上展示的內(nèi)容,然后選擇一個合理不錯的布局形式。布局形式通常有兩種,一種是傳統(tǒng)正規(guī)的模式,另外一種則是與眾不同的布局模式。
選用那種布局,主要根據(jù)企業(yè)的特點,以及需要向訪問者傳遞的信息。如果是傳統(tǒng)的公司,服務和產(chǎn)品又是比較傳統(tǒng)普遍,需要給訪問者一個比較穩(wěn)重可信、專業(yè)權(quán)威的企業(yè)形象。那么就需要選擇傳統(tǒng)的模式。
如果是經(jīng)營有創(chuàng)意性質(zhì)的行業(yè),或者是新興的行業(yè),需要給訪問者深刻的印象與活力,那么就建議采用于眾不同的布局模式。
傳統(tǒng)的布局模式通常網(wǎng)頁的各個內(nèi)容都是按照訪問者的閱讀習慣來進行放置的。logo在左上角,導航條在上方居中或者居右,下方主題大圖在中間靠上的位置,在下來就是文章列表和圖片列表,有按鈕、文章摘要和文章圖片等。所有的元素以矩形的方式進行排布,整齊清晰地顯示在頁面上。
新興的布局模式有著很大的發(fā)揮空間,有著很多帶有創(chuàng)意的布局模式。不過logo、導航、主題大圖基本上都是具備的。要做好有創(chuàng)意的布局,可以充分參考各種網(wǎng)站,幫助自己找到布局的靈感。
2. 網(wǎng)頁色彩上面的處理
首先,在設(shè)計上要注意一個大原則,就是網(wǎng)頁上面的色彩最多不要超過三種主要的顏色。顏色過多,畫面就會顯得凌亂。網(wǎng)頁設(shè)計和平面設(shè)計是很不同的,最大的差別就是平面設(shè)計需要在遠距離的情況下?lián)寠Z人們的眼球,并且給人留下深刻的印象。而網(wǎng)頁設(shè)計的觀看是在顯示器上進行瀏覽,設(shè)計只是為了更好地展示網(wǎng)站的內(nèi)容。所以,網(wǎng)頁設(shè)計的可讀性的要求比較高,要求頁面人性化,閱讀起來舒服。
所以,網(wǎng)頁設(shè)計是非常切忌設(shè)計得色彩凌亂的。顏色上就最好不要超過3種主色調(diào)。另外在頁面當中要充分考慮留白,切忌讓畫面充滿整個屏幕。在過去的瀏覽器,我們顯示器的分辨率師800*600,所以頁面的設(shè)計多為800的寬度。而現(xiàn)在,顯示器已經(jīng)達到了1024*768的分辨率,并且很多寬屏的顯示器已經(jīng)可以顯示1280寬度了。很多人喜歡設(shè)計1000的寬度的頁面,但是這并不友好。在1024的顯示器下面瀏覽就是滿屏。著名的大公司網(wǎng)站設(shè)計基本上都是960左右的寬度,留有一部分空白,或者使用一些柔和的背景。這樣的設(shè)計看起來就特別的舒服。
同時,底色的選擇也是很重要的。由于網(wǎng)頁主要的作用還是閱讀,所以大部分的網(wǎng)頁都是采用白色背景底色。少數(shù)在設(shè)計上需要體現(xiàn)個性的網(wǎng)頁會使用深色底色。如果您的企業(yè)是比較傳統(tǒng)的行業(yè),追求莊重、大氣和專業(yè)化,那么多數(shù)情況下還是采用白色底色。
文字的顏色分成了標題文字和正文文字。對于標題文字,可以積極向網(wǎng)頁的主色調(diào)進行靠攏?;蛘咴谥魃{(diào)的背景上一反白進行顯示。而正文文字,則采用黑色比較合適。沒有經(jīng)驗的網(wǎng)站設(shè)計公司往往直接采用了黑色作為正文文字。而事實上,應該采用80%或90%灰度的黑色作為正文文字,閱讀起來對比度不高,感覺比較舒服。
最后,我要說說網(wǎng)站主色的使用。主色調(diào)主要和logo的顏色進行一致。Logo的設(shè)計多數(shù)為深色調(diào)。所以網(wǎng)站的主色也多數(shù)為一些深色。例如紅、藍、綠等。在使用這些顏色的使用,切忌將這些耀眼的顏色大面積地使用。過大的色塊會讓人覺得壓抑,效果不好。
另外,可以通過將這個主色在色調(diào)和亮度上進行變化,用在網(wǎng)站不同的區(qū)域,是網(wǎng)站不會在顏色上過于單調(diào)。
3. 網(wǎng)頁設(shè)計所有出彩盡在細節(jié)
與平面設(shè)計不同,網(wǎng)頁設(shè)計由于估計的方面很多,結(jié)果無法像平面設(shè)計一樣隨意發(fā)揮創(chuàng)意。網(wǎng)頁設(shè)計第一要考慮用戶瀏覽的方便性,第二要考慮技術(shù)的實現(xiàn)便利性。所以,大部分的網(wǎng)頁設(shè)計布局都是成矩形塊狀的方式進行布置的。
對于網(wǎng)站的主辦者,設(shè)計非常重要,可是對于訪問者,閱讀的便利性更加重要。所以,我們首先應該滿足訪問者在閱讀時候的便利性,然后考慮如果在設(shè)計上實現(xiàn)最佳的效果。而在這樣的條件下,正在出彩的地方,往往就在細節(jié)了。
網(wǎng)頁當中的每個元素的精致程度,直接就決定了網(wǎng)頁設(shè)計的檔次。要讓一個網(wǎng)站能夠反映出這個企業(yè)的專業(yè)性和行業(yè)地位,其實就是要把細節(jié)設(shè)計好。比如說logo的處理,加上一定的光澤和漸變效果,甚至可以做倒影的效果;還有就是導航條的質(zhì)感,同樣是一個藍色的矩形導航條,但是可以在紋路上進行設(shè)計,使其質(zhì)感與眾不同;還有下方的文本區(qū)域框,邊緣的線條也可以做精致的設(shè)計,使其更有立體感;再就是背景,在空白的地方適當加入不影響閱讀的背景圖案或者紋路,可以使網(wǎng)站的質(zhì)感得到巨大的提升。而這些所有的細節(jié)匯集在一起,將會成就一個檔次極高的網(wǎng)頁設(shè)計。
4. 圖片是網(wǎng)頁設(shè)計中的重要陣地
我們都知道網(wǎng)頁設(shè)計是各個元素在網(wǎng)頁上進行布局,然后配上設(shè)計而實現(xiàn)的。這些元素當中,有圖片、文字、標題、按鈕等等。那么圖片,其實是對設(shè)計給人第一印象最深刻的地方,而且也是最基本的要素。
首先,我們知道每個首頁都有一個主題大圖,這個圖基本上都占據(jù)了1/3的屏幕位置。這個圖片的質(zhì)感對網(wǎng)頁的設(shè)計影響很大。那么,這個圖該如何進行設(shè)計呢?
很多剛?cè)腴T網(wǎng)頁設(shè)計的人員,在設(shè)計這張圖的時候,就只是在客戶素材或者圖庫當中選擇合適的圖放上去。這是一個很大的誤區(qū)。這個圖的最重要的作用是需要傳遞企業(yè)的一個信息給每一個進入訪問的瀏覽者。所以,在設(shè)計這個圖之前,應該充分了解企業(yè)希望表達的概念。要把這張圖做成一個有意義、有概念的圖才是成功的設(shè)計。
要做到這點,這個圖當中就必須包含文字。而為了配合圖中文字的出現(xiàn),這個圖很多時候就會進行一定的處理,把背景處理成為純色、或者是遮罩了部分的內(nèi)容,讓透明度進行漸變。大家可以充分參考那些大公司的網(wǎng)站就可以知道。
其次,就是要非常注意這張大圖的精度。在這種情況下,為了達到以上兩個要求,很多公司會選用特寫圖來做這個主題大圖?;蛘呤沁h景、大景觀的圖片。而不會選擇畫面凌亂的圖片來設(shè)計。
對于網(wǎng)頁當中出現(xiàn)的其他圖片,而是不容忽視的,高質(zhì)量的圖是前提,其次就是這個圖展示的方式。有的設(shè)計師會讓這個圖有突起感、或者非常柔和地和周圍的內(nèi)容進行整合。
總結(jié):網(wǎng)頁設(shè)計的最佳流程
以上談及的幾個方面雖然已經(jīng)能夠幫助網(wǎng)站建設(shè)者去實現(xiàn)一個精美的網(wǎng)頁設(shè)計??墒且獙崿F(xiàn)一個讓客戶非常滿意的設(shè)計真的不容易。所以,配合以上的做法以外,項目管理人員應該做到以下幾點:
第一:充分的需求把握
項目經(jīng)理應該充分地把握好客戶心中想要的設(shè)計稿,和客戶“臭味相投”。也就是說,當項目經(jīng)理對設(shè)計稿滿意的時候,他有充分的信心,客戶是會滿意的。而不是無論如何,設(shè)計稿先丟給客戶,客戶不滿意再讓設(shè)計師繼續(xù)修改。項目經(jīng)理應該心里有數(shù),什么程度的設(shè)計,能夠讓客戶滿意。
為了要實現(xiàn)這點,項目經(jīng)理應該先給客戶做一個測試。也就是讓客戶去看一組設(shè)計,請客戶進行評論,從而摸清客戶對于設(shè)計好壞的標準。
如果設(shè)計的第一稿遭到客戶比較大程度的否定,那么就應該迅速調(diào)整對客戶設(shè)計要求的認識,在錯誤中探索客戶真正的標準。
第二:客戶設(shè)計標準的引導
我們經(jīng)常會遇到?jīng)]有標準的客戶,而且這是最難處理的客戶。因為客戶的要求漫無邊際、不著邊幅,往往在很多稿設(shè)計之后,客戶仍然無法確定下來設(shè)計。不僅僅浪費了時間,而且損耗了大量的設(shè)計成本。
在這種情況下,最重要的就是早發(fā)現(xiàn)早處理。如果一早就發(fā)現(xiàn)客戶屬于這種類型,那么最先做的事情應該是和客戶共同探討一下什么樣的設(shè)計才是一個好設(shè)計。通過探討,讓他先對設(shè)計的標準下一個定論。
比如說,讓他先看看同行網(wǎng)站,以及世界有名的大公司的網(wǎng)站設(shè)計。向它們看齊。充分向客戶說明,它們這樣的設(shè)計背后的用意,以及我們的設(shè)計思路的價值和意義。當對方認可或者達成一致認識的時候,再進行設(shè)計。否則,寧可將設(shè)計停下來,先討論清楚設(shè)計思路。
給客戶充分參看著名公司的網(wǎng)站可以很好地培養(yǎng)好客戶對設(shè)計標準的認識。所以,項目經(jīng)理不應該怕麻煩,主動多和客戶在前期把設(shè)計思路和參考的網(wǎng)站聊透徹。
第三:先找感覺,再策劃
當項目經(jīng)理對客戶需要的設(shè)計標準有了了解之后,心中就應該構(gòu)思出這個網(wǎng)站出來以后的效果和感覺。然后,沿用這個感覺去參考大量的成功設(shè)計。在這些成功的設(shè)計當中,去找到感覺一致的參考設(shè)計。用不同的參考設(shè)計的不同部分,匯集在一起,通過布局策劃,向設(shè)計師表達所需要實現(xiàn)的這個效果。
要做到這一點,首先就是要找到感覺,其次就是要有一定數(shù)量的參考設(shè)計進行瀏覽。所以,我們需要一個參考設(shè)計庫進行積累。
第四:設(shè)計得好不如賣得好
很多項目經(jīng)理只是把做好的設(shè)計發(fā)給客戶,任客戶去品頭論足。實際上,如果在發(fā)給客戶的時候,細致地向客戶介紹自己的設(shè)計理念,充分論證自己這種設(shè)計的價值。即使客戶不能最終確認設(shè)計,但是仍然會尊重你的設(shè)計,而不至于推翻重來。
所以,對于設(shè)計的成稿,項目經(jīng)理首先就要進行包裝,然后積極地向客戶講述這個設(shè)計稿的獨特之處以及設(shè)計用意。在你的引導下,客戶很有可能滿意地接受了這個設(shè)計稿。