近年來(lái), 隨著社會(huì)經(jīng)濟(jì)的高速發(fā)展, 以及互聯(lián)網(wǎng)信息技術(shù)的不斷提高, 我國(guó)成功邁入了“互聯(lián)網(wǎng)+”的新經(jīng)濟(jì)時(shí)代, 不管是企業(yè), 還是學(xué)?；蛘哒? 都擁有自己的網(wǎng)站, 人們可以通過(guò)這些網(wǎng)站了解社會(huì)新聞信息和熱點(diǎn), 還可以通過(guò)這些網(wǎng)站購(gòu)買東西, 以及進(jìn)行遠(yuǎn)程交流和溝通, 由此可見(jiàn), 網(wǎng)站在人們生活和工作中的重要想, 而網(wǎng)頁(yè)作為網(wǎng)站的主要內(nèi)容, 對(duì)提高網(wǎng)站的點(diǎn)擊率和訪問(wèn)率具有關(guān)鍵性作用, 但是由于各種因素的限制和制約, 導(dǎo)致有些網(wǎng)站的點(diǎn)擊率和訪問(wèn)率依然較低, 其中網(wǎng)頁(yè)美工設(shè)計(jì)就是重要影響因素之一。因此, 想要真正吸引更多的人來(lái)觀看網(wǎng)站內(nèi)容, 就必須重視網(wǎng)頁(yè)美工設(shè)計(jì), 而Photoshop正是有效解決這一問(wèn)題的重要手段, 不僅可以提供精美的設(shè)計(jì)內(nèi)容, 還能優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)師的技巧, 保證網(wǎng)頁(yè)美工設(shè)計(jì)的正常進(jìn)行。

 

二、Photoshop在網(wǎng)頁(yè)美工設(shè)計(jì)中的實(shí)際應(yīng)用表現(xiàn)

 

基于網(wǎng)頁(yè)美工設(shè)計(jì)的作用來(lái)看, 其主要是用來(lái)吸引人們對(duì)網(wǎng)站內(nèi)容的瀏覽, 提高人們對(duì)網(wǎng)站的直觀視覺(jué)效果, 促進(jìn)企業(yè)經(jīng)濟(jì)效益的實(shí)現(xiàn), 同時(shí), 也能為人們提供獲取信息的有效途徑。

 

(一) 可以合理布局網(wǎng)頁(yè)內(nèi)容

 

通常情況下, 網(wǎng)頁(yè)美工設(shè)計(jì)師在對(duì)網(wǎng)站網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)之前, 就會(huì)綜合考慮網(wǎng)頁(yè)內(nèi)容的布局, 比如是采用三欄式布局, 還是采用四欄式布局, 或者還是自由格式的布局, 以及普通一般的格式進(jìn)行布局等等。由此可見(jiàn)網(wǎng)頁(yè)布局內(nèi)容合理性的重要性。如果網(wǎng)頁(yè)美工設(shè)計(jì)師使用Photoshop進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì), 就可以優(yōu)化網(wǎng)頁(yè)內(nèi)容布局結(jié)構(gòu), 提高其合理性, 這種方式相對(duì)于傳統(tǒng)手畫(huà)設(shè)計(jì)草圖來(lái)講, 具有高度的直觀性和形象性, 更能符合網(wǎng)頁(yè)美工設(shè)計(jì)的實(shí)際需求。另外, 與Dreamweaver軟件相比, Photoshop的設(shè)計(jì)時(shí)間更短, 且具有非常方便的修改性, 可以隨時(shí)隨地進(jìn)行大范圍或者小范圍的修改。這就因?yàn)樵赑hotoshop中網(wǎng)頁(yè)美工設(shè)計(jì)師, 可以利用Photoshop圖層的功能把不同元素的位置進(jìn)行隨意的變換, 同時(shí), 鑒于Photoshop圖層的獨(dú)立性, 還可以進(jìn)行一些有實(shí)際需求的鏈接。從Photoshop圖層的功能來(lái)看, 它從本質(zhì)上就具有修改的特點(diǎn), 所以較于其他修圖軟件, Photoshop更具有優(yōu)勢(shì)。除此之外, 在Photoshop中的功能方面, 其具有較強(qiáng)的靈活性, 可以讓網(wǎng)頁(yè)美工設(shè)計(jì)師的設(shè)計(jì)過(guò)程中不受任何外界因素的影響和限制, 進(jìn)而促進(jìn)網(wǎng)站網(wǎng)頁(yè)內(nèi)容布局合理性的提升。

 

(二) 可以使得網(wǎng)頁(yè)元素細(xì)致化

 

根據(jù)網(wǎng)頁(yè)美工設(shè)計(jì)的相關(guān)標(biāo)準(zhǔn)來(lái)看, 其中涉及到的各種元素種類普遍較多, 比如各種圖標(biāo)和標(biāo)志、頁(yè)腳和頁(yè)眉、內(nèi)內(nèi)容目錄等等, 這些元素從屬性上劃分, 可以被稱為細(xì)碎元素, 因此, 在對(duì)細(xì)碎元素進(jìn)行設(shè)計(jì)和處理時(shí), 必須采用有效的方式, 這是由于其與網(wǎng)站網(wǎng)頁(yè)的整體質(zhì)量效果有著密切的關(guān)系, 如果不加以重視, 就會(huì)影響到網(wǎng)頁(yè)主題的表達(dá), 給人們一種比較雜亂無(wú)章的視覺(jué)效果, 降低人們點(diǎn)擊和瀏覽的興趣, 反之, 則會(huì)提高網(wǎng)站網(wǎng)頁(yè)美工設(shè)計(jì)的效果, 增加人們對(duì)其的瀏覽量。在這樣的背景下, 網(wǎng)頁(yè)美工設(shè)計(jì)師就可以利用Photoshop軟件加以有效解決各種細(xì)碎元素的處理, 不僅可以促進(jìn)各種網(wǎng)頁(yè)元素質(zhì)感的提升, 還能提高網(wǎng)站網(wǎng)頁(yè)的整體效果, 使得網(wǎng)站網(wǎng)頁(yè)與其他同行網(wǎng)頁(yè)有著本質(zhì)的差異性, 擁有自身的獨(dú)特性, 更能凸顯網(wǎng)站美工設(shè)計(jì)師需要達(dá)到的主題表達(dá)效果。

 

(三) 可以豐富網(wǎng)頁(yè)的色彩

 

色彩可以給人帶來(lái)視覺(jué)的強(qiáng)烈沖擊, 因此, 在網(wǎng)頁(yè)美工設(shè)計(jì)過(guò)程中, 色彩的搭配具有重要的關(guān)鍵性作用。在Photoshop軟件中圖層功能就可以為網(wǎng)頁(yè)美工設(shè)計(jì)提供有效的色彩搭配方式, 比如網(wǎng)頁(yè)美工設(shè)計(jì)師在確定網(wǎng)頁(yè)基本元素之后, 就必須根據(jù)設(shè)計(jì)理念和主題, 對(duì)網(wǎng)頁(yè)的各個(gè)部分和領(lǐng)域進(jìn)行色彩搭配, 這時(shí)如果網(wǎng)頁(yè)美工設(shè)計(jì)師采用Photoshop中的圖層功能, 就可以進(jìn)行單獨(dú)的色彩搭配和調(diào)整。同時(shí), 還能運(yùn)用這個(gè)功能對(duì)網(wǎng)頁(yè)色彩進(jìn)行一個(gè)有效的分析, 提高網(wǎng)頁(yè)色彩的合理性。此外, Photoshop軟件還具有一個(gè)重要的功能, 那就是安全色功能, 對(duì)于網(wǎng)頁(yè)美工設(shè)計(jì)來(lái)說(shuō), 能夠在色框中選擇網(wǎng)頁(yè)安全顏色、網(wǎng)頁(yè)色相命令和網(wǎng)頁(yè)色譜, 將其們放置到調(diào)色盤中, 都會(huì)自動(dòng)顯示其正常的色彩, 保持色彩的統(tǒng)一性, 使得用戶在不同的瀏覽器或者電腦上打開(kāi)網(wǎng)頁(yè), 都不存在色彩的差異性, 進(jìn)而有效達(dá)到豐富網(wǎng)站網(wǎng)頁(yè)色彩的目的。

 

(四) 可以提高網(wǎng)頁(yè)動(dòng)畫(huà)的精巧性

 

眾所周知, 在網(wǎng)站網(wǎng)頁(yè)中, 會(huì)時(shí)常配有一些動(dòng)畫(huà)視頻, 這樣的方式不僅可以提高網(wǎng)站網(wǎng)頁(yè)的趣味性, 還能激發(fā)更多的人來(lái)網(wǎng)頁(yè)進(jìn)行點(diǎn)擊和訪問(wèn)。Photoshop也具有制作動(dòng)畫(huà)的功能, 在實(shí)際的網(wǎng)頁(yè)美工設(shè)計(jì)中, 網(wǎng)頁(yè)美工設(shè)計(jì)師可以利用Photoshop制作比較簡(jiǎn)單的幀動(dòng)畫(huà), 并相應(yīng)的存為GIF格式, 相對(duì)于一般的圖片格式來(lái)講, 其實(shí)質(zhì)就是將許多圖片放在一起形成的圖像或者視屏文件, 從而利用播放的方式, 呈現(xiàn)給人們一種動(dòng)畫(huà)的感受, 同時(shí), 這種通過(guò)Photoshop形成的GIF格式, 具有體積小和相對(duì)穩(wěn)定的特點(diǎn), 任何瀏覽器都支持這種格式的播放, 因此, 被廣泛的應(yīng)用于網(wǎng)站網(wǎng)頁(yè)美工設(shè)計(jì)中。

 

(五) 可以提高網(wǎng)頁(yè)的速度

 

眾所周知, 我們?cè)跒g覽網(wǎng)站網(wǎng)頁(yè)時(shí), 會(huì)經(jīng)常遇到有些網(wǎng)頁(yè)打開(kāi)速度較慢的情況, 俗稱“卡”。一旦網(wǎng)站網(wǎng)頁(yè)打開(kāi)速度較慢, 就會(huì)消磨人們的耐心, 導(dǎo)致大量點(diǎn)擊率的下降。而且隨著近年來(lái)“互聯(lián)網(wǎng)+”新經(jīng)濟(jì)時(shí)代的帶來(lái), 人們對(duì)網(wǎng)站的依賴性越來(lái)越到, 同時(shí), 這就導(dǎo)致很多同類型的網(wǎng)站相繼產(chǎn)生, 但是據(jù)不完全數(shù)據(jù)統(tǒng)計(jì), 人們?cè)跒g覽網(wǎng)頁(yè)時(shí), 一旦打開(kāi)網(wǎng)頁(yè)的速度超過(guò)10秒, 人們就會(huì)關(guān)閉未打開(kāi)的網(wǎng)頁(yè), 瀏覽相同類型的其他網(wǎng)站。而造成網(wǎng)頁(yè)打開(kāi)速度過(guò)慢的原因, 除了網(wǎng)速、瀏覽器之外, 還有一個(gè)重要的原因就是網(wǎng)頁(yè)各種元素的影響, 比如圖片鏈接、圖片大小、動(dòng)畫(huà)鏈接等等等方面, 這些都會(huì)降低網(wǎng)頁(yè)打開(kāi)的速度。如果網(wǎng)頁(yè)美工設(shè)計(jì)師在網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中, 提前利用Photoshop進(jìn)行圖片處理, 將其的大小縮小大一定范圍值內(nèi), 并且保證其畫(huà)面質(zhì)量, 就可以大大提升網(wǎng)站網(wǎng)頁(yè)的打開(kāi)速度。與其同時(shí), 在這個(gè)過(guò)程中, 還需要注意的是必須將圖片的格式轉(zhuǎn)換為網(wǎng)頁(yè)格式, 另外, 如果網(wǎng)站規(guī)定了具體要求的, 就必須將圖片格式存為JPEG格式, 這樣有利于更好的展示圖片的細(xì)微細(xì)節(jié), 進(jìn)而提高圖片上傳的速度, 加快網(wǎng)站網(wǎng)頁(yè)打開(kāi)的速度, 滿足人們?yōu)g覽網(wǎng)頁(yè)的速度要求。

 

三、在網(wǎng)頁(yè)美工設(shè)計(jì)中使用Photoshop需要注意的事項(xiàng)

 

Photoshop在網(wǎng)頁(yè)設(shè)計(jì)中能夠?yàn)槊拦ぴO(shè)計(jì)師帶來(lái)較大的偏離, 促進(jìn)網(wǎng)站效果的提升, 但是對(duì)于網(wǎng)頁(yè)美工設(shè)計(jì)師本身來(lái)講, 他們更多的是追求網(wǎng)頁(yè)頁(yè)面創(chuàng)作作品的完美性。這就需要網(wǎng)頁(yè)美工設(shè)計(jì)師充分了解和掌握使用Photoshop需要注意的事項(xiàng), 有效規(guī)避Photoshop對(duì)網(wǎng)頁(yè)設(shè)計(jì)的不良影響。比如在進(jìn)行網(wǎng)站設(shè)計(jì)時(shí), 需要注意網(wǎng)站網(wǎng)頁(yè)的大小尺寸, 以及網(wǎng)站網(wǎng)頁(yè)的實(shí)際分辨率, 還有二者之間的具體關(guān)系。一般來(lái)講, 大部分網(wǎng)站網(wǎng)頁(yè)的大小尺寸像素都會(huì)選擇708*800, 分辨率則為72。但是在具體設(shè)計(jì)時(shí), 網(wǎng)頁(yè)美工設(shè)計(jì)師必須根據(jù)實(shí)際需求分辨率進(jìn)行相應(yīng)的調(diào)整處理, 使其能夠符合具體要求。又如在進(jìn)行參考線的選用時(shí), 網(wǎng)頁(yè)美工設(shè)計(jì)師必須明白參考線的作用, 使用其能夠讓網(wǎng)站網(wǎng)頁(yè)的布局更加的清晰明了, 具體而言, 在使用參考線的過(guò)程中, 網(wǎng)頁(yè)設(shè)計(jì)師必須將網(wǎng)站頁(yè)面進(jìn)行分割, 并且必須按照一定的比例進(jìn)行, 網(wǎng)站網(wǎng)頁(yè)的主要內(nèi)容必須在分割線的點(diǎn)上, 這樣就可以吸引大批人們的視覺(jué), 提高網(wǎng)站的點(diǎn)擊率。此外, Photoshop還具有“鏈接”功能, 如果在網(wǎng)頁(yè)美工設(shè)計(jì)中, 適當(dāng)?shù)募尤胍恍╂溄? 有利于激發(fā)人們的訪問(wèn)興趣, 同時(shí), 也可以為人們提供更多更詳細(xì)的圖片和信息。