丁瑜

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

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

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

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

一、更好的布局

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

二、更細(xì)致的元素

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

三、更豐富的色彩

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

四、更精巧的動(dòng)畫(huà)

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

五、更快的速率

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

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

參考文獻(xiàn)：

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

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