什么是網(wǎng)站風格

1、營造統(tǒng)一的獨特風格不同的網(wǎng)站有著不同的風格，譬如政府類型網(wǎng)站適合使用顏色較深的沉穩(wěn)基調，各企業(yè)可以依照其產品特性創(chuàng)造獨有的風格，給年輕人使用的網(wǎng)站則可以更加無拘束地個性化。在風格設計階段，設計師需要以photoshop或者fireworks等軟件進行72DPI的圖像繪制，這是在頁面生成為HTML代碼前的最后一個階段。說到風格，我們先來談談構成網(wǎng)頁風格的三個基本要素，它們是：顏色、線條和形狀、版式。協(xié)調運用顏色：不同的色彩影響著人們對網(wǎng)站的第一感覺，紅色系象征著激烈、興奮，灰色系象征著平淡和低調。因此，旅游和園林類型的網(wǎng)站使用綠色系比較多，藍色則被譽為是企業(yè)色確實很多企業(yè)和政府機關都偏愛使用沉穩(wěn)

2、而大方的藍色。另外也有幾種顏色在網(wǎng)頁設計中是很少被大面積使用的，比如紫色。一個網(wǎng)站不可能單一地運用一種顏色，這會讓人感覺單調，乏味；但也不可能將所有的顏色都運用到網(wǎng)站中，給人感覺輕浮、花俏。一個網(wǎng)站必須有一種或兩種主題色，既不至于讓客戶迷失方向，也不至于單調、乏味。所以確定網(wǎng)站的主題色也是設計者必須考慮的問題之一。通常情況下，一個頁面內盡量不要使用超過4種色彩，太多的色彩容易讓人感覺沒有方向、沒有側重。當主題色確定好以后，考慮其他配色時，一定要考慮其他配色與主題色的關系，要體現(xiàn)什么樣的效果；另外還要考慮哪種因素可能占主要地位，是明度、純度還是色相。這里我們推薦兩個特色突出的網(wǎng)站顏色風格:圖1是

3、簡潔布局中凸顯柔和綠色的網(wǎng)站n詞酷，圖2是色彩豐富主題突出的典型游戲風格網(wǎng)站泡泡堂。史禾話MF捱IBu#乂史禾話MF捱IBu#乂案II詞酷nn|*B*呵髦XUrrffiumliil工鼻Jfs-WhNtMiduGi土kb*IT工*_rr*UhIUuAkrwK*ljMfaiwiTivt:I侃aftth劃吟申yn芒RS中MWwAvtbuldIM4*6vMt14MUT.-IW：.?；.?中%r.+sTJFJl皿idj/QlX91J|加SBClIk”-JE習.T：.SI離皿=唸*qriS4-EMWm-n-QWRi?.aW(fl啊WHSt乂麗硏氣rtE”-不巴”-wmdWM沖4W.說丁t2O072ign立

4、KJ込*Mt瑪M馬卜-MU-.Htr.JtE*|timr沢詞酷網(wǎng)站1“KMr=fl-FiPe*-M.丄訝卄-也代增的WH亡空蘭樸rtliirwikEieX；T*-J*?!V由#*：.*nist34E?nrCE稱irnh*fktn-a*iHtirvTBVtrvn*24ItSEf4hE&-r一和二”inr.fT2k范泡樂網(wǎng)站適當選擇線條和形狀:文字、標題、圖片等的組合，會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合，構成了主頁的總體藝術效果。必須注意藝術地搭配好這些線條和形狀，才能增強頁面的藝術魅力。以下我們來探討一下幾種不同線條和形狀的使用方法。直線（矩形）的應用。直線條的藝術效果是流

5、暢、挺拔、規(guī)矩、整齊的，也就是所謂的有輪有廓。直線和矩形在頁面上的重復組合可以呈現(xiàn)井井有條、涇渭分明的視覺效果。一般應用于比較莊重、嚴肅的主頁題材。曲線（弧形）的應用。曲線的效果是流動、活躍，具有動感的，曲線和弧形在頁面上的重復組合可以呈現(xiàn)流暢、輕快、富有活力的視覺效果。一般應用于青春、活潑的主頁題材。曲、直線（矩形、弧形）的綜合應用。把以上兩種線條和形狀結合起來運用，可以大大豐富主頁的表現(xiàn)力，使頁面呈現(xiàn)更加豐富多彩的藝術效果。這種形式的主頁，適應的范圍更大，各種主題的主頁都可以應用。但是，在頁面的編排處理上，難度也會相應大一些，處理得不好會產生凌亂的效果。最簡單的途徑是，在一個頁面上以一種線

6、條（形狀）為主，只在局部的范圍內適當用一些其他線條（形狀）。我們可以通過以下幾個例子具體了解一下線條和形狀的實際應用，圖3是功能型網(wǎng)站校內網(wǎng)，直線為主的同時應用了不對稱形狀;圖4是專業(yè)類網(wǎng)站藍色理想，全站都采用了直線設計；圖5是保加利亞知名珠寶網(wǎng)站，曲線的使用達到淋漓盡致。喧新生代&版抻幻網(wǎng)游朗Smj黃書奮淡“今日封測r_K7*-i醫(yī)丙個人王頁城StFHf5站內01(|)尺用劇即8kBS1tlBaA9no8；jrmw監(jiān)卻M報8史疊幡杰矢常rasaa：tew*號安土連理；？齊耕8吊舎拽巧,mfw時走比B4E遜或甘畑買（莎t人坨JLfiW*彌5tW滅W4tW歡靑更UiURJCET狂硏髡.晾I200

7、B.7.B4VMKHI35nR0(12)?IWSftT0交襄了了8R8JJ，刪E7SJHH7F.0倔C7M聲&fiJIS.5?w7uwp!啤t：貝A已tjW七“；l?AiMA9BKAiiRnRKKflKrtBf0H5DPOPWOA.VRHJFbSW惟駆認奏暢甲IT個人対芳竦昊子iSSW恨用twQi?受皿刑初勺電#tXflIKHSW矽iSMJRX.RSfX.maitsiwriyrnftiiiifflowT-UM1KW8：Ot懇Mtff*7島料*IM&U血.f?weBsfw?x刪RX43ESWCKJU2W7.lififfifl.?UHKX于FSTWR圖3校內網(wǎng)mjcMex*a么的位；BJT|辰伽3

8、7I|gfftlMI絞HK帥IfiAI24TutiizrnansFUWKttff*fibGbSX&網(wǎng)站開發(fā)招聘mu“ttMnGcm：t-nUMHKMt事桂農MPMHMS.109ffilfi快Ffi型空伺捲出二眾篇爲命JBK找叫更歩刖韋narjscracoi)IE!|MfWX*IDa5)貫于MS1SU1MO1ma參SMpg刈弁2)x弓!疾wmijnns)OfA滬別*他宇q02舊如g爐Ctly)rM0139(vekir)MLLm韻馬&.Wff-莖希和怕ceww)e*Tci*)-rHc】町yW1JEU59S)HflOAF一rEIht.ir-JantaxiftliXff*-nuxfitfffxrift

9、tcax-卑阿CMffil仰阿b工”aijKmusxsmxA-51MHOTFWSitirinji-tetmuqb網(wǎng)予開重QmsiHMtiiHimfMtnEE絵Fh“d鼻BA*上;s約靳D*a計希is!戰(zhàn)色理想網(wǎng)站ss（SJta利亞知名珠寶網(wǎng)站均衡的分割版式：在網(wǎng)頁設計中，頁面因為內容元素的需要被分割成很多區(qū)塊，區(qū)塊之間的均衡就是版式設計上需要著重考慮的問題。均衡并非簡單理性的等量不等形的計算，一幅好的、均衡的網(wǎng)頁版面設計，是布局、重心、對比等多種形式原理創(chuàng)造性全面應用的結果，是對設計師的藝術修養(yǎng)、藝術感受力的一種檢驗。在面積對比強烈（不等形）而又均衡（等量）的設計中，我們可以看到對比法則的成功

10、參與；而在一些對比不十分強烈、典雅的不對稱設計中，我們則可感受到設計者儒雅的學者風范。需要注意的是，傳統(tǒng)網(wǎng)頁設計的版式控制都是在不超越大眾顯示器分辨率寬度的前提下，依照內容多少縱向延展設計。而如今流行的產品型網(wǎng)站，更傾向于在一屏內表達最主要的東西，尤其是首頁，盡量不出現(xiàn)滾動條。這里我們可以參考兩個例子：圖6,中國同學錄5460主頁面分割，雖缺乏均衡，但還算易用；圖7,國外橄欖球俱樂部網(wǎng)站，少見的中央分割設計。啊!尸f錄迸憎&3軌AtttEWxAenZTL9樂KSCU網(wǎng)站強調UI統(tǒng)籌:除開宏觀的色彩版面設計，頁面設計里還有一個很重要的環(huán)節(jié)UI元素的設計。在設計人員的理解層面上，所有界面上可視范圍

11、內的東西，都可以并入UI里，但是單說UI設計，則更側重于Tab標簽、小圖標、按鈕、控件等。這些細節(jié)的優(yōu)化，通過使用元素來影響整站風格,制造整體性及連續(xù)性，能統(tǒng)一整個站點的形象，并且在精致中表達網(wǎng)站的整體格調。具體的UI元素設計是見仁見智的，這里推薦一些優(yōu)秀的作品給大家參考學習。圖8,銀華基金網(wǎng)站的icon（小圖標）細節(jié)；圖9,開心網(wǎng)的icon設計細節(jié)。1liRlaW4UhUJI雋銀IDOtt14tlMMff2tTFffIffifjmi15IW1TWU尸片?41：Z-412WV抽ISH3awPRFi-4i!：i,1Prillxli#trflPnrBir+a1-arnirr+.litl-il-卜封

12、吐初占電的帥打laKttEi揺*m上蓉:T卻hBOIW*ii-i$TrtBVKTJifnMmmUttfWMan4u丁KitA1耳時stnuvlf*W舊律曲-=-ll程辱卄怔豪上丄於肚VRAHR*:JmMWJIEdVft9l-叩匠”IHWIWLIS8報華星舍網(wǎng)站Q購4M.In瞞二.蜩呻a他*刖.vAiAZfEtjT-*a“TETlK.tL.-A葉*hat:jLarrj.-:二:：t匸-JIHl_!r*Tr：.?.5rL.itire-ftIhrMWfrS*社啊事IkXfiflHflAffJiiftt?tLJt萬KSilartBwwaaaiE總山人*4L15SJ*nil-SS?SiuJWftJrtlS曲IH十零it住擔釣tf勁啊0后Mif曲BWHP覺立貴卿砂JW1-煩田書IT誓目護榊*#昨肚牛林斟櫥豎敕再H圭誦片蝕兇迥山雷fffifltiE人Ml盤可總昨聞飾軸JW冷生*識事釣講圧譽西港mi斥奩atm出怪鼻水曲雅廣亍也甲肯EIL眄.；FPliFT.T井，弟-tS：5牡覽iffijJ*13-哥富滸直大嫌中星搶崛的堞盟H潔&逶斗毎證吐勁奧訐買iV兀呂:f衙皆M特