|
淺析網(wǎng)頁界面藝術(shù)設(shè)計(jì)
（作者未知） 2010/7/19
（接上頁）的相對(duì)位置。我們知道：瀏覽器在讀取網(wǎng)頁html源代碼時(shí)，是讀完整個(gè)table才將它顯示出來的。如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們?cè)谠L問一些站點(diǎn)時(shí)，等待多時(shí)無結(jié)果，按“停止”按鈕卻一下顯示出頁面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dream weaver制作網(wǎng)頁時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符。如果單元格內(nèi)沒有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。
2 色彩的運(yùn)用
網(wǎng)頁界面藝術(shù)設(shè)計(jì)離不開色彩的應(yīng)用，當(dāng)打開一個(gè)網(wǎng)站的時(shí)候，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的布局，而是網(wǎng)站的色彩，尤其是在體現(xiàn)界面的時(shí)候，色彩對(duì)人的視覺效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)的成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)網(wǎng)頁界面設(shè)計(jì)顏色的運(yùn)用和搭配。
網(wǎng)頁界面設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。網(wǎng)頁界面頁面設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類：第一類是資訊類站點(diǎn)，像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問者提供大量的信息，而且訪問量較大。因此需注意網(wǎng)頁界面設(shè)計(jì)頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化、界面的親和等問題。第二類是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。第三類則是形象類網(wǎng)站，比如一些中小型的公司或單位。這類網(wǎng)站一般較小，有的則有幾頁，需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單，頁面設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。
3 網(wǎng)頁界面的優(yōu)化
在頁面設(shè)計(jì)中，網(wǎng)頁界面的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁面的瀏覽速度和頁面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。
在資訊類網(wǎng)站中，文字是頁面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺疲勞，能保證瀏覽者較長時(shí)間地瀏覽網(wǎng)頁。一般我們網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，我門可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等。當(dāng)然這些都是個(gè)人看法，你可以根據(jù)實(shí)際情況，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網(wǎng)絡(luò)上還有許多專用藝術(shù)字體下載，要尋找一款滿意的字體并不算困難。需要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的PC里沒有安裝你的特別字體，那么你的辛苦設(shè)計(jì)制作便將付之東流。
網(wǎng)頁的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00×600下制作網(wǎng)頁，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大問題即可�，F(xiàn)在我們?cè)O(shè)計(jì)網(wǎng)頁，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過778。事實(shí)上，"做網(wǎng)頁"不是單純意義上的"制作網(wǎng)頁"，如果想讓自己制作的網(wǎng)頁美觀大方，就必須要考慮"設(shè)計(jì)網(wǎng)頁"的過程，一個(gè)好的作品，不通過仔細(xì)的"設(shè)計(jì)"就成形是絕對(duì)不可能的。
我國的網(wǎng)頁界面頁面設(shè)計(jì)水平總體上不及韓國，創(chuàng)新的頁面極少，基本都是一種風(fēng)格，這也是因以前我國的寬帶水平跟不上有原因，一個(gè)漂亮的頁面，必然體積會(huì)比較龐大，網(wǎng)絡(luò)比較慢的話打開的速度也就可想而之，打開速度慢正是網(wǎng)頁的一個(gè)最大殺手，所以我國以前的頁面基本都是以框架式居多。隨著我國寬帶的普及，我們也迅速括起了一陣韓風(fēng)，很多大膽創(chuàng)新的頁面出現(xiàn)，這是一個(gè)好現(xiàn)象，但是一味的模仿韓國也不行，我們也要有自己的特色，不能一味的拿來主義。
網(wǎng)頁界面頁面設(shè)計(jì)的一個(gè)基本特色便是吸引瀏覽者，一個(gè)美觀漂亮的頁面不管內(nèi)容多么空洞，也會(huì)有人欣賞，反之一個(gè)內(nèi)容充實(shí)但頁面簡(jiǎn)陋卻往往不會(huì)有人去瀏覽，從這便可看出網(wǎng)頁界面藝術(shù)設(shè)計(jì)是多么的重要。
最后總結(jié)，網(wǎng)頁界面藝術(shù)設(shè)計(jì)是永（未完，下一頁）
|