萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 大氣的網站是這樣煉成的

大氣的網站是這樣煉成的

  隨著網站建設門檻越來越低,提供網站建設、網頁設計的公司、工作室、個人全部擁擠在整個網建的大池子裡,真可謂狼多羊少。不過現在,聰明的“羊”越來越多了,就鄭州網海的設計師來說,聽到最多、也是最頭疼的一句話就是-我要再大氣些…………

  那麼究竟什麼才叫大氣、大氣的網頁是怎麼樣練成的?特就普通型的企業展示站點為例子,整理部分資料予以說明,歡迎大家拍磚。

  第一:設計用色

  首先上圖:

大氣的網站是這樣煉成的 三聯

  A圖(宇通公司集團站點)

演示圖B

  B圖(某玻璃公司網站)

  對比兩幅圖片我們可發現:

  A圖整個頁面就出現一種色調-淺灰色(B色調是圖片用色),導航切換用了紅色,整個網站基本用這兩種顏色搭配下來,顯得干淨、整潔,這樣就具備所謂大氣型網站的一個最最主要特點:設計用色簡單,不雜亂;同時紅色跟灰色搭配也是色彩學裡面的比較熱情的組合,。

  B圖整個頁面用色多達六、七種之多,雖然沒有出現紅配綠的大忌,但是這種網頁很容易給人產生一種雜亂無序的感覺,是網站 看起來就是一種平淡、普通的感覺;

  用色是在網站建設過程中最核心關鍵的部分,很大程度上直接決定網頁的效果。

  第二:布局結構

  結構:

演示圖C

  圖C

  A網站整體就一導航、幻燈、底部四副圖片、足部四部分搭配而成,設計上不占用大面積的區域來填充文字、構建子版塊區域等;

  B網站整體布局沒有任何規律,結構上無任何顯著特色,設計在排版頁面結構時應該是沒很好的進行構思,整體顯的很普通;

  細節:

  圖D

  A圖在部分細節處理上還是很到位,不因為簡單、簡潔而忽略的這些細節的處理,這同時也是大氣網站也的一個特點:簡單又不粗糙;

  B圖就顯得很粗糙,LOGO設計、banner圖片等這些最容易襯托網頁美觀的元素反而被弱化了,這樣就大大降低了網站建設中重要表現元素的功能而是網頁顯得粗糙不堪;

  第三:功能特點

  可以從上圖看到A圖,雖然簡單,但是在相關的特效設計包括功能設計上並沒少下功夫,元素的處理,內容的呈現方式等都用了不少心思:

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

  上面三點就是筆者對在網站建設過程中占很大比例的設計元素的看法,同時筆者認為:雖然現在網站建設市場越發混亂,但是還是支持這裡面的部分技術精英團隊,他們無論在設計風格、代碼簡潔、程序嚴謹各個方面都超乎尋常團隊,正是他們的存在才是互聯網中的經典站點都層出不窮,上文乃一家之言,敬請大家拍磚,轉載本文,敬請表明出處:http://www.371518.cn/article/show/38.aspx

copyright © 萬盛學電腦網 all rights reserved