Photoshop在網(wǎng)頁美工設(shè)計中的應(yīng)用研究

[摘 要] Photoshop是網(wǎng)頁設(shè)計師運用的工具軟件之一；其簡單、實用性也是其他工具軟件無法替代的。就Photoshop在網(wǎng)頁美工設(shè)計中的運用進行淺顯分析，以期為網(wǎng)頁美工設(shè)計提供幾點參考。

[關(guān) 鍵 詞] 網(wǎng)頁；Photoshop；美工；設(shè)計；應(yīng)用

[中圖分類號] G718 [文獻標(biāo)志碼] A [文章編號] 2096-0603（2016）23-0150-01

隨著網(wǎng)絡(luò)進一步的普及，網(wǎng)站設(shè)計也更加逐向創(chuàng)意化、個性化以及多元化方向發(fā)展。網(wǎng)頁設(shè)計者也須抓住瀏覽者的眼球，設(shè)計更具特色的網(wǎng)頁。本文就Photoshop軟件在網(wǎng)頁美工設(shè)計中的應(yīng)用及注意問題進行淺顯分析，以期為網(wǎng)頁美工設(shè)計提供幾點參考。

一、Photoshop在網(wǎng)頁美工設(shè)計中的應(yīng)用表現(xiàn)

網(wǎng)頁設(shè)計的主要目的就是為了讓瀏覽者獲得更為直觀的信息，吸引瀏覽者的眼球；而欲吸引瀏覽者，并在網(wǎng)頁中獲取更多的信息，這就需要網(wǎng)頁美工設(shè)計者在進行網(wǎng)頁設(shè)計時既要保障網(wǎng)頁的信息量，還要讓瀏覽者在網(wǎng)頁瀏覽過程中體驗、享受到更多美的感受。而Photoshop軟件恰恰能夠滿足網(wǎng)頁美工設(shè)計者的需求。

（一）利用Photoshop實現(xiàn)合理布局

網(wǎng)頁美工設(shè)計的關(guān)鍵環(huán)節(jié)就是布局的合理性。采用Photoshop軟件可以讓網(wǎng)頁美工設(shè)計者在顯示屏上進行不斷的調(diào)整、優(yōu)化，并對設(shè)計思路加以最終確認(rèn)。另外，網(wǎng)頁美工設(shè)計者還可以充分利用Photoshop的圖層功能將不同的元素進行靈活配置與轉(zhuǎn)換，進而使各圖層之間具有較強的獨立性；還可以利用圖層所具備的修改屬性對網(wǎng)頁布局設(shè)計進行修改，使其在設(shè)計、創(chuàng)作過程中，不會受到過多束縛，布局創(chuàng)作的思維也隨之更為靈活。

（二）利用Photoshop提升創(chuàng)作的效果

由于網(wǎng)頁設(shè)計所需要的元素較多，如圖標(biāo)、導(dǎo)航條、頁眉、標(biāo)志等，針對這些雜亂的元素，往往會給網(wǎng)頁美工設(shè)計者帶來巨大的工作量，甚至元素設(shè)計風(fēng)格還會影響其網(wǎng)頁設(shè)計的整體性。而Photoshop則可以為設(shè)計者提供大量的創(chuàng)作元素與素材，且Photoshop還可以對這些素材進行制作、修飾，使之在滿足設(shè)計者需求的同時更具質(zhì)感，進而全面提升頁網(wǎng)設(shè)計的整體效果。

（三）利用Photoshop豐富設(shè)計色彩

網(wǎng)頁美術(shù)設(shè)計過程中的色彩搭配十分關(guān)鍵。利用Photoshop中的圖層功能則可以為網(wǎng)頁設(shè)計者提供一個豐富的色彩搭配平臺。首先，設(shè)計者在確定基本元素之后，可對網(wǎng)頁各區(qū)域、各圖層進行“單獨”的色彩調(diào)整與優(yōu)化，也可以對某一顏色進行分析。其次，Photoshop還具有網(wǎng)頁安全色功能，設(shè)計者可以直接在色板里挑選自己需要的web安全顏色或色譜，進而達到所設(shè)計的網(wǎng)頁可以在不同的操作系統(tǒng)或瀏覽器中正常使用，極大地方便了設(shè)計者對網(wǎng)頁安全色的設(shè)計需求。

（四）利用Photoshop完成動畫設(shè)計

網(wǎng)頁美工設(shè)計過程中，往往需要一些動畫設(shè)計來提升網(wǎng)頁瀏覽的趣味性，以達到吸引更多訪問者的目的。Photoshop則具備一些簡單動畫的設(shè)計功能，如將多幅圖片合并成一個圖像文件，并設(shè)計、制作一些簡單的GIF格式的“幀動畫”。這種“幀動畫”具有文體體積小、通用性強的特點。因此，也是目前網(wǎng)頁美工設(shè)計者大量采用的方式之一。

（五）利用Photoshop提升速率

網(wǎng)頁美工設(shè)計者在創(chuàng)作精美網(wǎng)頁的同時，還要考慮網(wǎng)站打開速度的問題，一旦網(wǎng)站打開、運行速度過慢也會讓一些瀏覽者失去等待的耐心。雖然造成網(wǎng)頁打開速度較慢的原因較多，但網(wǎng)頁元素的優(yōu)化配置、網(wǎng)頁大小等也會直接影響網(wǎng)頁打開的速度。利用Photoshop則可以將網(wǎng)頁內(nèi)的一些圖片進行壓縮，如在不影響圖片質(zhì)量的前提下對圖片進行減色處理，進而讓圖片的體積更小；也可以將大圖像進行“分割”，使之成為不同的小圖像，進而實現(xiàn)提升網(wǎng)頁下載速度、提高傳輸速度的目的。

二、Photoshop在網(wǎng)頁美工設(shè)計中的注意事項

雖然，Photoshop軟件中的各項功能可以廣泛應(yīng)用于網(wǎng)頁美工設(shè)計之中，為設(shè)計者提供更便捷的創(chuàng)作設(shè)計。但是，網(wǎng)頁美工設(shè)計者在運用Photoshop創(chuàng)作網(wǎng)頁美工設(shè)計時，也必須注意一些基本問題。如，網(wǎng)頁美工設(shè)計初始階段，設(shè)計者須對網(wǎng)頁尺寸與分辨率的關(guān)系進行客觀分析，通常而言，網(wǎng)頁文檔尺寸多以708×800像素為主，分辨率多設(shè)置為72。設(shè)計者在進行設(shè)計時則需結(jié)合創(chuàng)作設(shè)計需要對其分辨率進行適當(dāng)調(diào)整，使之更符合設(shè)計需要。

綜上所述，利用Photoshop進行網(wǎng)頁美工設(shè)計，既是未來網(wǎng)頁設(shè)計的方向，也是網(wǎng)頁美工設(shè)計者提高創(chuàng)作水平及工作效率的有效工具之一。但在實際應(yīng)用過程中，網(wǎng)頁美工設(shè)計者也要充分發(fā)揮Photoshop軟件的各項功能，并在掌握各功能運用技巧的同時，不斷提升自身美術(shù)素養(yǎng)，合理利用Photoshop來控制、優(yōu)化網(wǎng)頁中的布局、色彩、質(zhì)感等，為全面提高網(wǎng)頁顯示效果奠定基礎(chǔ)，以此來提高網(wǎng)頁的瀏覽量。

參考文獻：

[1]周婧.Photoshop網(wǎng)頁設(shè)計技巧[J].科技創(chuàng)新與應(yīng)用，2012（3）.

[2]丁瑜.Photoshop在網(wǎng)頁美工設(shè)計中的應(yīng)用研究[J].管理視窗，2015（8）.