網(wǎng)頁(yè)設計基礎知識 (二) |
作者：紫陌 發(fā)布時(shí)間：2009-06-20 瀏覽：2692次 |
五、設計的原則 設計是有原則的，無(wú)論使用何種手法對畫(huà)面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的 原則：統一、連貫、分割、對比及和諧。 統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關(guān)重要的，在設計中 切勿將各組成部分孤立分散，那樣會(huì )使畫(huà)面呈現出一種枝蔓紛雜的凌亂效果。 連貫，是指要注意頁(yè)面的相互關(guān)系。設計中應利用各組成部分在內容上的內在聯(lián)系和表 現形式上的相互呼應，并注意整個(gè)頁(yè)面設計風(fēng)格的一致性，實(shí)現視覺(jué)上和心理上的連貫 ，使整個(gè)頁(yè)面設計的各個(gè)部分極為融洽，猶如一氣呵成。 分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同，這樣可以使觀(guān)者一目了 然。在信息量很多時(shí)為使觀(guān)者能夠看清楚，就要注意到將畫(huà)面進(jìn)行有效的分割。分割不 僅是表現形式的需要。換個(gè)角度來(lái)講，分割也可以被視為對于頁(yè)面內容的一種分類(lèi)歸 納。 對比就是通過(guò)矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與 直、強與弱、長(cháng)與短、粗與細、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、 聚與散等等。在使用對比的時(shí)候應慎重，對比過(guò)強容易破壞美感，影響統一。 和諧是指整個(gè)頁(yè)面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線(xiàn) 條等的隨意混合，那么作品將不但沒(méi)有“生命感”，而且也根本無(wú)法實(shí)現視覺(jué)設計的傳 達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺(jué)效果能否與人的視覺(jué)感受 形成一種溝通，產(chǎn)生心靈的共鳴。這是設計能否成功的關(guān)鍵?！?/SPAN> 六、網(wǎng)頁(yè)的優(yōu)化 在網(wǎng)頁(yè)設計中，網(wǎng)頁(yè)的優(yōu)化是較為重要的一個(gè)環(huán)節。它的成功與否會(huì )影響頁(yè)面的瀏覽速 度和頁(yè)面的適應性，影響觀(guān)者對網(wǎng)站的印象。 在資訊類(lèi)網(wǎng)站中，文字是頁(yè)面中最大的構成元素，因此字體的優(yōu)化顯得尤為重要。使用 css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px， 顏色要視背景色而定，原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準。在白色的背景上， 我們一般使用黑色，這樣不易產(chǎn)生視覺(jué)疲勞，能保證瀏覽者較長(cháng)時(shí)間地瀏覽網(wǎng)頁(yè)。 圖片是網(wǎng)頁(yè)中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低 ，這樣可以成倍地提高網(wǎng)頁(yè)的下載速度。利用Photoshop６或Fireworks４可以將圖片切 成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們 把有較為復雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫(huà)式的小塊優(yōu) 化為gif，這是由這兩種格式的特點(diǎn)決定的。 表格(table)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設定表格的寬度、 高度、邊框、背景色、對齊方式等參數。很多時(shí)候，我們將表格的邊框設為0，以此來(lái) 定位頁(yè)面中的元素，或者籍此確定頁(yè)面中各元素的相對位置。我們知道：瀏覽器在讀取 網(wǎng)頁(yè)html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來(lái)的。如果一個(gè)大表格中含有多個(gè) 子表格，必須等大表格讀完，才能將子表格一起顯示出來(lái)。我們在訪(fǎng)問(wèn)一些站點(diǎn)時(shí)，等 待多時(shí)無(wú)結果，按"停止"按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。因此，我們在設計頁(yè)面 表格的時(shí)候，應該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要 少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì )自動(dòng)在每一個(gè)td內添加一個(gè)空字符“ ”。如果 單元格內沒(méi)有填充其它元素，這個(gè)空字符會(huì )保留，在指定td的寬度或高度后，可以在源 代碼內將其刪去。 網(wǎng)頁(yè)的適應性是很重要的，在不同的系統上，不同的分辨率下，不同的瀏覽器上，我們 將會(huì )看到不同的結果，因此設計時(shí)要統籌考慮。一般我們在800*600下制作網(wǎng)頁(yè)，最佳 瀏覽效果也是在800*600分辨率下，在其它情況下只要保證基本一致，不出現較大問(wèn)題 即可。 說(shuō)了這么多，只是希望能對做“網(wǎng)頁(yè)設計”的人有所幫助，希望他們在做網(wǎng)頁(yè)的時(shí)候能 夠從整體著(zhù)眼，無(wú)愧于“設計”這兩個(gè)字。順便說(shuō)一下，本文只代表本人個(gè)人觀(guān)點(diǎn)，僅 供參考。 對于網(wǎng)頁(yè)的框架與定位,這個(gè)是很難說(shuō)得清楚的,這要看你在做網(wǎng)站時(shí),對網(wǎng)站的 規劃,并不能一并而論的,如果你沒(méi)有這方面的經(jīng)驗,就多多在網(wǎng)上看看別人是如何設計 的吧,是非常的用的,可以把他們給抓下來(lái),做個(gè)圖庫,方便自己設計 其實(shí)看看一些設計精良的網(wǎng)頁(yè)，會(huì )對自己有很大的作用， 把別人的網(wǎng)頁(yè)下載下來(lái)，再用相關(guān)的軟件，進(jìn)行分析， 可以學(xué)到許多的東西的，是一種快捷的學(xué)習方法， 但決不是COPY 我認為首要的是突出主題 一個(gè)好的網(wǎng)站(個(gè)人的只能算做網(wǎng)頁(yè))最首要的是突出你的主題,在別人搜索或訪(fǎng)問(wèn)時(shí)首 先就看有沒(méi)有自己所需要的內容,要么就直奔主題.然后再在主題鮮明的基礎上做好框架 設計.一個(gè)好的網(wǎng)站要做到層次分明,結構合理,讓人一看就能明白你想要表達的中心思 想是什么,以及怎樣才能以以最快的速度找到自己想要的內容.這兩個(gè)主要問(wèn)題解決后再 在一些細節上加以潤色,就能制作出賞心悅目的網(wǎng)站。
|
