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

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

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

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

首先上圖：

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

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

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

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

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

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

圖C

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

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

細(xì)節(jié)：


圖D

A圖在部分細(xì)節(jié)處理上還是很到位，不因?yàn)楹唵巍⒑啙嵍雎缘倪@些細(xì)節(jié)的處理，這同時(shí)也是大氣網(wǎng)站也的一個(gè)特點(diǎn)：簡單又不粗糙；

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

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





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

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

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

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