網(wǎng)站設(shè)計(jì)師:大氣的網(wǎng)站是這樣煉成的
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
隨著網(wǎng)站建設(shè)門檻越來(lái)越低,提供網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)的公司、工作室、個(gè)人全部擁擠在整個(gè)網(wǎng)建的大池子里,真可謂狼多羊少。不過(guò)現(xiàn)在,聰明的“羊”越來(lái)越多了,就筆者來(lái)說(shuō),聽到最多、也是最頭疼的一句話就是-我要再大氣些………… 那么究竟什么才叫大氣、大氣的網(wǎng)頁(yè)是怎么樣練成的?特就普通型的企業(yè)展示站點(diǎn)為例子,整理部分資料予以說(shuō)明,歡迎大家拍磚。 第一:設(shè)計(jì)用色 首先上圖: A圖(宇通公司集團(tuán)站點(diǎn)) B圖(某玻璃公司網(wǎng)站) 對(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á)六、七種之多,雖然沒有出現(xiàn)紅配綠的大忌,但是這種網(wǎng)頁(yè)很容易給人產(chǎn)生一種雜亂無(wú)序的感覺,是網(wǎng)站看起來(lái)就是一種平淡、普通的感覺; 用色是在網(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)站整體布局沒有任何規(guī)律,結(jié)構(gòu)上無(wú)任何顯著特色,設(shè)計(jì)在排版頁(yè)面結(jié)構(gòu)時(shí)應(yīng)該是沒很好的進(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è)美觀的元素反而被弱化了,這樣就大大降低了網(wǎng)站建設(shè)中重要表現(xiàn)元素的功能而是網(wǎng)頁(yè)顯得粗糙不堪; 第三:功能特點(diǎn) 可以從上圖看到A圖,雖然簡(jiǎn)單,但是在相關(guān)的特效設(shè)計(jì)包括功能設(shè)計(jì)上并沒少下功夫,元素的處理,內(nèi)容的呈現(xiàn)方式等都用了不少心思: 相反B圖整個(gè)頁(yè)面采用普通的HTML形式直鋪到底,沒用到任何效果展示,這樣只能給客戶帶來(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)都層出不窮,上文乃一家之言,敬請(qǐng)大家拍磚,轉(zhuǎn)載本文,敬請(qǐng)表明出處:http://www.371518.cn/article/show/38.aspx 該文章在 2012/3/24 21:31:30 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |