圖片與網(wǎng)頁(yè)設(shè)計(jì)的關(guān)系是密不可分的，既然講到設(shè)計(jì)，就不能沒(méi)有圖片的設(shè)計(jì)，從網(wǎng)頁(yè)設(shè)計(jì)的架構(gòu)來(lái)講，每一張圖片所扮演的角色，都代表的網(wǎng)站無(wú)限的延伸，從網(wǎng)頁(yè)整體區(qū)塊的小圖示，大到廣告圖示，都代表著網(wǎng)頁(yè)設(shè)計(jì)的精神意涵。如果不善加應(yīng)用網(wǎng)頁(yè)圖片的配置與設(shè)計(jì)，對(duì)整體的網(wǎng)站設(shè)計(jì)視覺(jué)上來(lái)講，也是只是添加更大的負(fù)擔(dān)。我們?cè)?jīng)提到網(wǎng)頁(yè)的圖片大小會(huì)影響下載的速度，美編雖然設(shè)計(jì)的很誘人，放置于不適當(dāng)?shù)奈恢没蚴翘?，都?huì)影響網(wǎng)頁(yè)下載的速度。

但是網(wǎng)站上如果沒(méi)有圖片的設(shè)計(jì)，又會(huì)顯版呆板乏味，對(duì)用戶來(lái)講又會(huì)「不具吸引力」，通常我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)圖片的同時(shí)，皆會(huì)考慮它的圖檔大小與檔案格式，大部份會(huì)使用jpg或gif格式，這兩種檔案格式皆是壓縮的圖片格式，不過(guò)也不能壓縮過(guò)多，使用在6-9之間是正常，如果壓縮過(guò)多圖片的品質(zhì)也會(huì)失真。通常網(wǎng)頁(yè)設(shè)計(jì)的小圖示，例如區(qū)塊的邊邊會(huì)使用轉(zhuǎn)角的線條圖，大部份會(huì)使用gif圖檔，因?yàn)間if的圖檔只有256色，圖檔大小較小，但你一定會(huì)說(shuō)小的gif怎會(huì)影響網(wǎng)頁(yè)下載的速度，有些流量較大的網(wǎng)站對(duì)于網(wǎng)頁(yè)圖檔的配置是會(huì)斤斤計(jì)較的，如果一天有幾萬(wàn)人瀏覽，如檔的大小是不是要特別留意，現(xiàn)在css的使用已能解決區(qū)塊邊線圖的問(wèn)題了，這又就能解決一些小圖檔所增加的負(fù)擔(dān)。

除了網(wǎng)頁(yè)區(qū)塊線圖之外，不外呼就是選單設(shè)計(jì)的圖片了，通常較有美感的選單，大部份會(huì)使用圖片去設(shè)計(jì)成選單的底圖，不過(guò)這是比較花俏一點(diǎn)的做法，目前的流行仍然會(huì)使用css的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用，去設(shè)計(jì)選單的運(yùn)用。很多css的應(yīng)用，對(duì)于區(qū)塊的美編配置已能迎刃而解，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)講已是大大的解決網(wǎng)頁(yè)美編設(shè)計(jì)的問(wèn)題。css真的能應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)的很多方面，不過(guò)它的應(yīng)用仍然是要多加思索的，因?yàn)閏ss廣泛應(yīng)用在網(wǎng)頁(yè)編排與顏色的關(guān)系，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)上是能大大的改善配置上的問(wèn)題。

有了一個(gè)HTML編輯器和一個(gè)空間并不能說(shuō)馬上就可以網(wǎng)頁(yè)設(shè)計(jì)了。開(kāi)始編寫(xiě)網(wǎng)頁(yè)設(shè)計(jì)的文字、尋找圖像和進(jìn)行HTML標(biāo)記之前應(yīng)該先把基本的網(wǎng)頁(yè)設(shè)計(jì)架構(gòu)組織好。如果沒(méi)什么要說(shuō)的，就什么也不要說(shuō)。要是開(kāi)始的時(shí)候在腦子里沒(méi)有一個(gè)相當(dāng)明確的架構(gòu)，那幾乎肯定會(huì)以一團(tuán)糟而告終。網(wǎng)頁(yè)設(shè)計(jì)一開(kāi)始要謹(jǐn)慎一些，然后不停地學(xué)習(xí)，不停地改進(jìn)。卸載一些你喜歡的網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面，

核對(duì)HTML源文件看它是怎樣寫(xiě)的把它全部或部分粘貼到一個(gè)試驗(yàn)文件進(jìn)行檢驗(yàn)。向別人學(xué)習(xí)則是研究過(guò)程。人們第一次進(jìn)入你的首頁(yè)時(shí)，他們通常不是在尋找值得閱讀的地方，他們可能正在尋找可供選擇的東西，以文本術(shù)語(yǔ)說(shuō)即是可用鼠標(biāo)點(diǎn)取的詞句、圖像、按鈕等等，接下來(lái)是閱讀文字，選定一個(gè)選項(xiàng)，按鼠標(biāo)鍵，下頁(yè)出現(xiàn)后又重復(fù)此過(guò)程。這里的技巧是確定閱讀時(shí)按鍵的適當(dāng)比率。提供的可選項(xiàng)要是太少，訪問(wèn)者會(huì)覺(jué)得沒(méi)意思，要是太多又會(huì)嚇倒別人。因此網(wǎng)頁(yè)設(shè)計(jì)時(shí)的拿捏是非常重要的。網(wǎng)頁(yè)設(shè)計(jì)是透過(guò)視覺(jué)元素的引人注目而實(shí)現(xiàn)訊息內(nèi)容的傳達(dá)，為了使網(wǎng)頁(yè)設(shè)計(jì)能獲得最大的視覺(jué)傳達(dá)功能，使網(wǎng)頁(yè)真正成為可讀強(qiáng)性而且新穎的媒體，網(wǎng)頁(yè)設(shè)計(jì)必須適應(yīng)人們視覺(jué)流向的心理和生理的特點(diǎn)，由此確定各種視覺(jué)構(gòu)成元素之間的關(guān)系和秩序。因此，網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)該研究各種視覺(jué)型式元素之間的距離、位置、面積和視覺(jué)流程的問(wèn)題。視覺(jué)流程的形成是由人類的視覺(jué)特性所決定的。因?yàn)槿搜劬w架構(gòu)的生理構(gòu)造，只能產(chǎn)生一個(gè)焦點(diǎn)，而不能同時(shí)把視線停留在兩處或兩處以上的地方。人們?cè)陂喿x一種訊息時(shí)，視覺(jué)總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)傳達(dá)往往會(huì)體現(xiàn)出比較明顯的方向感，它無(wú)形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個(gè)網(wǎng)頁(yè)設(shè)計(jì)版面的運(yùn)動(dòng)趨勢(shì)有一個(gè)主旋律。心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所以平面的視覺(jué)影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視覺(jué)地帶”，也就是最好的地方。

本文作者來(lái)自北京傳誠(chéng)信，轉(zhuǎn)載請(qǐng)注明出處：北京傳誠(chéng)信（www.ccxcn.com）