丁瑜

摘要：隨著互聯(lián)網(wǎng)上各類網(wǎng)站越來越多，人們在瀏覽網(wǎng)頁時除了基本的對信息量的需求外，對網(wǎng)站的界面設(shè)計也產(chǎn)生了新的要求，一個信息齊全、設(shè)計精美的網(wǎng)站更能吸引觀眾的目光。本文主要描述了強大的圖形圖像處理軟件Photoshop在網(wǎng)頁美工設(shè)計中的應(yīng)用。

關(guān)鍵詞：Photoshop；網(wǎng)頁美工；應(yīng)用

目前，全世界的網(wǎng)站總數(shù)已經(jīng)超過了10億個，中國的網(wǎng)站總數(shù)接近400萬個，如何使自己的網(wǎng)站能夠在眾多的網(wǎng)站中脫穎而出，令人刮目相看，除了提升網(wǎng)站的知名度和訪問率外，對網(wǎng)站內(nèi)容進行詳細的規(guī)劃和設(shè)計也是提高網(wǎng)站訪問率的重要因素?，F(xiàn)在眾多的網(wǎng)站已經(jīng)由原來單一的功能性向現(xiàn)在的功能和美觀兼顧的方向發(fā)展。相同情況下，一個設(shè)計美觀的網(wǎng)站更能受到人們的青睞。以往設(shè)計網(wǎng)頁常用的軟件Dreamweaver在網(wǎng)頁的美工設(shè)計方面有一定的局限性，而Photoshop是網(wǎng)頁設(shè)計師常用的一個非常重要而強大的工具，可以讓網(wǎng)頁設(shè)計師的工作高效便捷的進行，也為設(shè)計師們的天馬行空提供了實際技術(shù)實現(xiàn)。

網(wǎng)頁設(shè)計的根本目的是通過網(wǎng)頁美工設(shè)計出作品為人們傳播直觀的信息，使人們獲得美感享受的同時獲得大量直觀的信息，充分表達用戶要求的內(nèi)容，Photoshop為這種直觀的展現(xiàn)提供了很好的平臺。Photoshop在網(wǎng)頁美工設(shè)計中的應(yīng)用主要表現(xiàn)在以下幾個方面：

一、更好的布局

作為一個網(wǎng)頁設(shè)計師開始一個項目時經(jīng)常會考慮到網(wǎng)頁的布局，是用兩欄布局還是三欄布局？是采用普通框架結(jié)構(gòu)還是采用自由式結(jié)構(gòu)？是以文字為主還是以圖片為主？Photoshop軟件可以在網(wǎng)頁布局階段把設(shè)計師的構(gòu)思更好的展現(xiàn)出來，這種展現(xiàn)比手繪草稿更形象生動貼近實際，比用Dreamweaver實際制作出來的網(wǎng)頁更節(jié)約時間便于修改。Photoshop的圖層功能每層可以放置不同的元素，圖層之間相互獨立又可相互鏈接，圖層屬性可以隨意修改。如此靈活的功能，完全可以讓設(shè)計者隨心所欲設(shè)計而不受任何約束，設(shè)計的同時可根據(jù)各方的意見隨時進行修改和調(diào)整，最終達到大家同時認(rèn)同的標(biāo)準(zhǔn)。

二、更細致的元素

一個標(biāo)準(zhǔn)的網(wǎng)頁里面涉及到很多的元素，比如說頁眉、頁腳、標(biāo)志、圖標(biāo)、導(dǎo)航條等等，這些元素的處理直接關(guān)系到整個頁面的效果，而且元素的風(fēng)格與頁面的主題有著很強的相關(guān)性。Photoshop強大的功能為制作這些元素提供了方便，可以制作各種效果和各種質(zhì)感的元素，為網(wǎng)頁的最終效果提供了豐富的選擇，能完美的實現(xiàn)設(shè)計師各種想法創(chuàng)意。

三、更豐富的色彩

色彩的搭配也是網(wǎng)頁設(shè)計的一個重要因素，Photoshop的圖層功能也為網(wǎng)頁色彩的搭配提供了方便。在基本元素確定的情況下，可以單獨對各個圖層、各個區(qū)域的顏色進行單獨的調(diào)整，簡單的操作就可以搭配出需要的顏色，并可以實時對顏色進行比較分析，非常方便。而且Photoshop帶有的網(wǎng)頁安全色的功能，可以在色板中選擇web安全顏色、web色譜和web色相命令，載入該調(diào)板中的任何色彩在不同硬件環(huán)境、不同操作系統(tǒng)，不同瀏覽器中都能夠正常實現(xiàn)的色彩，這些顏色在任何終端瀏覽用戶的顯示設(shè)備上所呈現(xiàn)出的效果都是相同的。

四、更精巧的動畫

在網(wǎng)頁設(shè)計中，動畫可以增添網(wǎng)頁的趣味性，吸引觀眾的目光，Photoshop也可以制作簡單的“幀動畫”，存儲為GIF格式。GIF格式其實將多幅圖像保存為一個圖像文件，從而形成動畫，具有文件體積小、瀏覽器支持穩(wěn)定的優(yōu)點，是一種在網(wǎng)絡(luò)上非常流行的圖形文件格式。

五、更快的速率

一個不美觀的網(wǎng)頁是不能吸引觀眾的，但是一個打開速度慢的網(wǎng)站盡管做得再精美也會使觀眾流失。在互聯(lián)網(wǎng)高度發(fā)展的今天，同類型的網(wǎng)站層出不窮，人們一般在一個網(wǎng)站等待超過10秒就會失去耐心，雖然決定網(wǎng)頁打開速度的因素很多，但是在條件相同時，網(wǎng)頁大小及網(wǎng)頁元素的優(yōu)化和配置就是唯一的因素。用Photoshop可以有多種方式縮小圖片體積，比如對圖像進行減色處理，在對圖片質(zhì)量影響不大的基礎(chǔ)下減去圖片上的一些顏色，使圖像更為小巧，或是對大塊圖像進行分塊，大的圖像切分成均勻的小圖，這樣可以多幅圖像同時傳送，提高網(wǎng)頁下載速度。使用Photoshop的切片工具切片后，存儲時用“存儲為web所用格式”命令，Dreamweaver就能對效果圖進行有效的整合。切片存儲格式要求一般存為Gif格式，Gif占用體積小。要求較高的圖像存儲為JPEG格式，JPG格式顯示更多的圖片細節(jié)。這樣進行合理的存儲后，大大的縮小的網(wǎng)頁的大小，從而提高了傳輸?shù)乃俾省?/p>

表達是所有設(shè)計的第一目的，一個專業(yè)的網(wǎng)站界面可以很好的表達網(wǎng)站本身的主題與內(nèi)容，通過網(wǎng)站可以將你本身最想表達的東西體現(xiàn)出來。一個精美的網(wǎng)站設(shè)計界面，可以給訪問者以很好的體驗感受，往往第一印象的好壞就能獲得對方的信任，有可能這個訪問者就將成為你的客戶或潛在客戶。一個專業(yè)設(shè)計的網(wǎng)站就需要一個專業(yè)的軟件，Photoshop作為專業(yè)且應(yīng)用最廣的圖形圖像處理軟件，能夠幫助網(wǎng)頁設(shè)計師更好更高效的完成設(shè)計。（作者單位：重慶城市管理職業(yè)學(xué)院）

參考文獻：

[1]徐琳.Photoshop圖像設(shè)計中的網(wǎng)頁色彩表現(xiàn)[J].文藝生活，2012（3）：87.

[2]劉麗君，等.淺談Photoshop在網(wǎng)頁制作中的應(yīng)用[J].科技廣場，2007（7）：212-213