摘 要：Photoshop是一款功能強大的圖片處理軟件，可以對不同格式的圖像進行精細的操作和處理，從而在廣告以及美術行業(yè)得到了廣泛的應用，當然在網(wǎng)頁規(guī)劃中也必不可少。本文通過介紹Photoshop在網(wǎng)頁規(guī)劃中的優(yōu)勢和應注意的幾個問題，并結合相關理論知識，提出使用Photoshop進行網(wǎng)頁規(guī)劃的方法，以期對網(wǎng)頁制作人員提供一定的技能指導。

關鍵詞：Photoshop；網(wǎng)頁規(guī)劃

中圖分類號：TP317

伴隨著網(wǎng)絡技術的不斷發(fā)展和進步，人們的生活與工作也與網(wǎng)絡有了越來越多的關系，無論是生活中的上網(wǎng)娛樂，視頻點播，還是各類遠程教育、企業(yè)宣傳等工作都離不開網(wǎng)站的大力支持。與此同時，現(xiàn)如今的網(wǎng)頁制作地都非常精美，設計也更加獨特，都吸引著人們的注意。這些成功都離不開網(wǎng)頁制作技術的快速發(fā)展，其中Photoshop就是網(wǎng)頁規(guī)劃的一個強大制圖工具，無論是個人的相片修改，還是各大網(wǎng)站的門戶設計，都需要Photoshop的大力支持。在網(wǎng)頁規(guī)劃的過程中，Photoshop能夠充分發(fā)揮其功能，保證圖像的形象標識?，F(xiàn)如今的時代是品牌的時代，只有進一步加深瀏覽者的第一印象，才能讓網(wǎng)站的知名度有所提升。Photoshop就是為網(wǎng)頁規(guī)劃而提供了這樣的一個機會，可以讓不同行業(yè)的互聯(lián)網(wǎng)行業(yè)工作者能夠進行較為廣泛的使用，從而達到一定的目的。

1 Photoshop在網(wǎng)頁規(guī)劃中的優(yōu)勢

1.1 布局靈活

在網(wǎng)頁的規(guī)劃中，Photoshop具有布局靈活的優(yōu)勢，這為其在不同領域上的使用提供了更加便利的機會。之所以Photoshop在網(wǎng)頁規(guī)劃中具有布局靈活的優(yōu)勢，是因為圖層的功效，其可以在不同的層次上放置元素，保證在進行移動的過程中，不會影響整體的圖像感覺。在圖層上還可以放置鏈接，可以進行單獨存放，也能夠將其進行疊加，保證圖層上的圖像不會因為大小、色階以及亮度等原因而出現(xiàn)偏差[1]。Photoshop在網(wǎng)頁規(guī)劃中這樣靈活的操作和設置，能夠讓設計者可以進行隨心所欲的設計，不會受到技術上的約束。但是其他相關的軟件卻沒有如此之多的自由度，效果也會降低很多，這是Photoshop在網(wǎng)頁規(guī)劃中發(fā)揮的獨特作用。

1.2 修改方便

在建設網(wǎng)站之前，需要跟客戶簽定合同，在合同簽定的過程中，客戶最為關心的就是能夠建設成什么樣子的網(wǎng)站，客戶如果拿不到滿意的網(wǎng)站設計方案，那么必定導致雙方生意的失敗?？蛻魰米咴O計方案，將其投放給別的設計公司，這樣更會損失公司的利益，無法保證網(wǎng)站規(guī)劃的順利進行。而Photoshop具有一個很好的優(yōu)勢就是修改方便，進而公司可以先利用Photoshop做出圖片的效果圖，將其展現(xiàn)給客戶[2]?？蛻粼诖蠖鄶?shù)情況下，都不會一次就滿意拿到的設計，會提出很多修改方案，這時就可以利用到Photoshop修改方便的優(yōu)勢，根據(jù)客戶的需求對設計方案進行修改，直到得到客戶對網(wǎng)頁規(guī)劃的肯定。但是如果利用其他的軟件就無法達到這樣的結果，不但在修改方案時費時費力，還不一定可以達到客戶滿意的效果。

1.3 加快瀏覽進度

網(wǎng)頁規(guī)劃是否能夠具有美觀和規(guī)范的效果，很大程度上取決于網(wǎng)站是否具有強勁的生命力，這樣才能保證網(wǎng)站是具有價值的，也就是說，當打開一個網(wǎng)站時，需要關注起瀏覽的進步，這樣才能體現(xiàn)價值。心理學研究表明，如果具有越多的選擇性，那么人的忍耐性相對就會較差；如果具有的可選擇性越大，人的忍耐性相對會越低?；ヂ?lián)網(wǎng)高速發(fā)展的今天，更是如此，很多同類型的網(wǎng)站無法保留人的注意力[3]。在很多情況下，網(wǎng)站圖片的下載速度不會多于10秒的時間，一旦時間超過，瀏覽網(wǎng)頁的人們就會馬上關了這個網(wǎng)站而轉入到其他的網(wǎng)頁進行觀賞。這也就是說，下載的速度會決定很多元素，當然這也是很多因素所共同決定的，例如服務器的配置標準以及網(wǎng)絡傳輸?shù)慕橘|等。只有保證這些條件都相同，那么網(wǎng)頁的大小和優(yōu)化配置就能夠決定網(wǎng)頁規(guī)劃的成功與否。使用Photoshop軟件對網(wǎng)頁進行規(guī)劃，需要在裁切體積和格式變化上進行改變，使其能夠進一步提升下載速度并提高客戶的點擊率，從而成為網(wǎng)頁規(guī)劃中的重要使用工具。

2 使用Photoshop進行網(wǎng)頁規(guī)劃應注意的幾個問題

2.1 網(wǎng)頁文檔尺寸與分辨率

技術或是相關操作人員在使用Photoshop進行網(wǎng)頁規(guī)劃的過程中，需要考慮到網(wǎng)頁文檔的尺寸與分辨率，保證其能夠進行合理的規(guī)劃，不會因為外界的條件而出現(xiàn)一些意外情況。網(wǎng)頁文檔的尺寸通常將其設定為708*800像素，其分辨率通常將其設定為72像素。雖然如此，但是屏幕的分辨率也不能過高，這樣就無法增強預期的效果，會讓下載速度降低[4]。這也是為什么比較大型的網(wǎng)站會在網(wǎng)頁規(guī)劃設計中不超過3屏的原因，就能夠在網(wǎng)頁規(guī)劃中達到很好的效果。

2.2 科學使用參考線

使用Photoshop進行網(wǎng)頁規(guī)劃時，很重要的一個問題就是科學使用參考線，這樣對于頁面的整體布局具有很好的輔助效果。參考線能夠對網(wǎng)頁的規(guī)劃起到很好的作用，將其分為幾個板塊，并按照網(wǎng)頁的整體思路，對整體進行考察。因為網(wǎng)頁不同的元素定位的原因，使得要科學對待參考線，這樣才能保證在科學的基礎上完成網(wǎng)頁規(guī)劃的設計。要將圖片進行切割，但是必須保證其準確性，不可以在網(wǎng)頁規(guī)劃的過程中出現(xiàn)差錯，這樣在整合時，會出現(xiàn)整體感官上的差距。因此設計人員需要科學使用參考線，保證在網(wǎng)頁設計的過程中不出現(xiàn)差錯，最大限度地滿足客戶的基本需求。

2.3 字體，標題

網(wǎng)頁規(guī)劃中對于字體和標題具有一定的要求，通常將導航的字體設置為黑體，而對正文的要求標準是宋體，瀏覽器對于其它字體并不兼容，如果執(zhí)意要進行使用，會給調試的過程帶來很大的弊端，導致工作比較麻煩。如果要加強網(wǎng)絡效果，那么需要在字體以及標題上進行努力，對網(wǎng)頁進行規(guī)劃時需要進行全面的考慮，保證圖片和字體的處理不會影響到整個頁面的瀏覽效果。因為如果圖片過大，那么會導致出現(xiàn)較大的內存，占用空間，進而無法保證客戶瀏覽速度。

2.4 布局格式

Photoshop需要對效果圖進行設計，但是考慮到網(wǎng)頁規(guī)劃的整體效果，可以使用Dreamweaver對頁面的布局進行優(yōu)化，但是布局通常采用不同的模式，只有這樣，才能保證框架被正常的使用[5]。在使用Photoshop進行網(wǎng)頁規(guī)劃時，需要對以上這些因素進行分析，保證在效果圖上不會出現(xiàn)較大的誤差，與最后的格局保持整體一致，這樣對于客戶還是自身的網(wǎng)頁設計者而言都是很好的選擇。

2.5 圖文搭配

網(wǎng)站規(guī)劃的還體現(xiàn)在對圖文搭配上，一個好的網(wǎng)站是具有較多的圖片還是具有較多的文字，都需要根據(jù)不同的行業(yè)而進行。但是要根據(jù)規(guī)則進行處理。圖片需要根據(jù)不同的空間分布進行合理布局，從而保證網(wǎng)站整體的規(guī)劃設計。此外，圖片大小要合乎美學原則，不能太大，一般用縮略圖較好，如果要顯示更多的圖片細節(jié)，不妨給縮略圖鏈接一個大的圖片，這就體現(xiàn)出Photoshop的優(yōu)勢。

3 使用Photoshop進行網(wǎng)頁規(guī)劃的方法

3.1 網(wǎng)頁頂部圖片制作

使用Photoshop對網(wǎng)頁進行規(guī)劃時，需要將網(wǎng)頁頂部的圖片放在頁面的頂端，這樣才能充分體現(xiàn)出網(wǎng)站中重要的信息。網(wǎng)頁規(guī)劃中很重要的一個組成就是能夠在Photoshop的大環(huán)境中將圖片的標志放在頂部的文件中，這樣對背景進行修改，可以增加“添加圖層蒙版”按鈕，利用圖層對網(wǎng)頁進行操作。最后使用文字工具對網(wǎng)站的標題進行處理，使得其保存為JPG文件，并另存為PSD文件，對圖層中的各個信息進行保留，直到其對頂部的圖片進行再編輯。網(wǎng)頁頂部圖片制作需要引起設計人員的注意，只有這樣才能保證高質量地完成網(wǎng)頁制作的工作。

3.2 網(wǎng)頁背景圖片的制作

網(wǎng)頁規(guī)劃的過程中，最為重要的元素就是網(wǎng)頁背景中的圖片，使用Photoshop對其進行簡單的操作，這是網(wǎng)頁美工工作的基礎。在網(wǎng)頁制作時，最為常用的文件格式就是GIF和JPEG兩種。在Photoshop的使用環(huán)境下，需要進行以下命令，來完成圖像文件到顏色模式的轉變，那就是“圖像—模式”命令。之后將其保存在文件中，用相應的格式進行儲存，并讓其達到可以在不同的文件格式之間進行轉換。GIF文件需要圖片的背景透明效果作為支撐，這樣網(wǎng)頁規(guī)劃會有更好的效果。

3.3 網(wǎng)頁底紋處理

利用Photoshop軟件對網(wǎng)頁進行規(guī)劃時，需要將底色設定為固定的背景，或是采用一些圖片將其作為背景的底紋，這樣做出來的網(wǎng)頁更能夠吸引人的注意力。用圖像做處理時需要進行反復的復制，讓其在整個屏幕之間，保證作背景圖案的設計是“無縫”的。利用Photoshop軟件就能夠生成這種背景圖，保證將圖片選中后，可以利用濾鏡等對其的環(huán)繞方式進行纏繞，對保證他們在所有位置上的銜接，利用圖章工具對其進行小心的處理，能夠達到預期的效果。

因為計算機的技術在不斷的發(fā)展過程中，會出現(xiàn)一些軟件從而滿足人們對于工作或是生活的需求，這樣網(wǎng)絡就成為當下的代名詞，這也就標志著人們必然要與網(wǎng)絡產(chǎn)生各種各樣的關系。只有網(wǎng)站的參與才能讓互聯(lián)網(wǎng)變得更加美好。作為服務的門戶，網(wǎng)站肩負著重要的使命，因此，很多網(wǎng)絡公司在網(wǎng)頁的設計方面都下足了功夫，利用Photoshop進行網(wǎng)頁規(guī)劃就起到了不可替代的作用。

參考文獻：

[1]朱彩華.Photoshop在網(wǎng)頁版式設計中的應用與技巧[J].電子技術與軟件工程.2013（11）.

[2]趙杰，劉志宇，邢軍.網(wǎng)頁設計與開發(fā)[J].牡丹江師范學院學報（自然科學版）.2011（03）.

[3]肖正濤，閻漢生，熊巍，游凱.Photoshop色階和曲線工具的對比分析[J].計算機時代.2012（02）.

[4]劉麗君，陳強.淺談Photoshop在網(wǎng)頁制作中的應用[J].科技廣場.2011（07）.

[5]王永生，錢俊.PhotoShop中常用的圖形圖像格式[J].廣東印刷.2010（06）.

作者簡介：王韋帆（1979.12-），女，河北唐山人，碩士在讀，研究方向：圖形、圖像處理、3d建筑表現(xiàn)處理、3d虛擬現(xiàn)實表現(xiàn)處理。

作者單位：蘭州職業(yè)技術學院，蘭州 730070