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