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