網(wǎng)站設(shè)計(jì)之大氣的網(wǎng)站是怎樣煉成的

北京網(wǎng)站建設(shè)公司尚品中國(guó)：隨著網(wǎng)站建設(shè)門(mén)檻越來(lái)越低，提供網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)的公司、工作室、個(gè)人全部擁擠在整個(gè)網(wǎng)建的大池子里，真可謂狼多羊少。不過(guò)現(xiàn)在，聰明的“羊”越來(lái)越多了，就筆者來(lái)說(shuō)，聽(tīng)到最多、也是最頭疼的一句話(huà)就是-我要再大氣些…………

那么究竟什么才叫大氣、大氣的網(wǎng)頁(yè)是怎么樣練成的？特就普通型的企業(yè)展示站點(diǎn)為例子，整理部分資料予以說(shuō)明，歡迎大家拍磚。

第一：設(shè)計(jì)用色

首先上圖：

對(duì)比兩幅圖片我們可發(fā)現(xiàn)：

A圖整個(gè)頁(yè)面就出現(xiàn)一種色調(diào)-淺灰色（B色調(diào)是圖片用色），導(dǎo)航切換用了紅色，整個(gè)網(wǎng)站基本用這兩種顏色搭配下來(lái)，顯得干凈、整潔，這樣就具備所謂大氣型網(wǎng)站的一個(gè)最最主要特點(diǎn)：設(shè)計(jì)用色簡(jiǎn)單，不雜亂；同時(shí)紅色跟灰色搭配也是色彩學(xué)里面的比較熱情的組合。

B圖整個(gè)頁(yè)面用色多達(dá)六、七種之多，雖然沒(méi)有出現(xiàn)紅配綠的大忌，但是這種網(wǎng)頁(yè)很容易給人產(chǎn)生一種雜亂無(wú)序的感覺(jué)，是網(wǎng)站看起來(lái)就是一種平淡、普通的感覺(jué)；

用色是在網(wǎng)站建設(shè)過(guò)程中最核心關(guān)鍵的部分，很大程度上直接決定網(wǎng)頁(yè)的效果。

第二：布局結(jié)構(gòu)

結(jié)構(gòu)：

圖C

A網(wǎng)站整體就一導(dǎo)航、幻燈、底部四副圖片、足部四部分搭配而成，設(shè)計(jì)上不占用大面積的區(qū)域來(lái)填充文字、構(gòu)建子版塊區(qū)域等；

B網(wǎng)站整體布局沒(méi)有任何規(guī)律，結(jié)構(gòu)上無(wú)任何顯著特色，設(shè)計(jì)在排版頁(yè)面結(jié)構(gòu)時(shí)應(yīng)該是沒(méi)很好的進(jìn)行構(gòu)思，整體顯的很普通；

細(xì)節(jié)：


圖D

A圖在部分細(xì)節(jié)處理上還是很到位，不因?yàn)楹?jiǎn)單、簡(jiǎn)潔而忽略的這些細(xì)節(jié)的處理，這同時(shí)也是大氣網(wǎng)站也的一個(gè)特點(diǎn)：簡(jiǎn)單又不粗糙；

B圖就顯得很粗糙，LOGO設(shè)計(jì)、banner圖片等這些最容易襯托網(wǎng)頁(yè)美觀(guān)的元素反而被弱化了，這樣就大大降低了網(wǎng)站建設(shè)中重要表現(xiàn)元素的功能而是網(wǎng)頁(yè)顯得粗糙不堪；

第三：功能特點(diǎn)





可以從上圖看到A圖，雖然簡(jiǎn)單，但是在相關(guān)的特效設(shè)計(jì)包括功能設(shè)計(jì)上并沒(méi)少下功夫，元素的處理，內(nèi)容的呈現(xiàn)方式等都用了不少心思：

相反B圖整個(gè)頁(yè)面采用普通的HTML形式直鋪到底，沒(méi)用到任何效果展示，這樣只能給客戶(hù)帶來(lái)審美疲勞，無(wú)形之中也弱化的公司的形象。

上面三點(diǎn)就是筆者對(duì)在網(wǎng)站建設(shè)過(guò)程中占很大比例的設(shè)計(jì)元素的看法，同時(shí)筆者認(rèn)為：雖然現(xiàn)在網(wǎng)站建設(shè)市場(chǎng)越發(fā)混亂，但是還是支持這里面的部分技術(shù)精英團(tuán)隊(duì)，他們無(wú)論在設(shè)計(jì)風(fēng)格、代碼簡(jiǎn)潔、程序嚴(yán)謹(jǐn)各個(gè)方面都超乎尋常團(tuán)隊(duì)，正是他們的存在才是互聯(lián)網(wǎng)中的經(jīng)典站點(diǎn)都層出不窮。

本文發(fā)布于北京網(wǎng)站制作公司尚品中國(guó)http://m.proteomeinstitute.com/