近年來, 隨著社會經(jīng)濟的高速發(fā)展, 以及互聯(lián)網(wǎng)信息技術(shù)的不斷提高, 我國成功邁入了“互聯(lián)網(wǎng)+”的新經(jīng)濟時代, 不管是企業(yè), 還是學(xué)?；蛘哒? 都擁有自己的網(wǎng)站, 人們可以通過這些網(wǎng)站了解社會新聞信息和熱點, 還可以通過這些網(wǎng)站購買東西, 以及進(jìn)行遠(yuǎn)程交流和溝通, 由此可見, 網(wǎng)站在人們生活和工作中的重要想, 而網(wǎng)頁作為網(wǎng)站的主要內(nèi)容, 對提高網(wǎng)站的點擊率和訪問率具有關(guān)鍵性作用, 但是由于各種因素的限制和制約, 導(dǎo)致有些網(wǎng)站的點擊率和訪問率依然較低, 其中網(wǎng)頁美工設(shè)計就是重要影響因素之一。因此, 想要真正吸引更多的人來觀看網(wǎng)站內(nèi)容, 就必須重視網(wǎng)頁美工設(shè)計, 而Photoshop正是有效解決這一問題的重要手段, 不僅可以提供精美的設(shè)計內(nèi)容, 還能優(yōu)化網(wǎng)頁設(shè)計師的技巧, 保證網(wǎng)頁美工設(shè)計的正常進(jìn)行。
二、Photoshop在網(wǎng)頁美工設(shè)計中的實際應(yīng)用表現(xiàn)
基于網(wǎng)頁美工設(shè)計的作用來看, 其主要是用來吸引人們對網(wǎng)站內(nèi)容的瀏覽, 提高人們對網(wǎng)站的直觀視覺效果, 促進(jìn)企業(yè)經(jīng)濟效益的實現(xiàn), 同時, 也能為人們提供獲取信息的有效途徑。
(一) 可以合理布局網(wǎng)頁內(nèi)容
通常情況下, 網(wǎng)頁美工設(shè)計師在對網(wǎng)站網(wǎng)頁進(jìn)行設(shè)計之前, 就會綜合考慮網(wǎng)頁內(nèi)容的布局, 比如是采用三欄式布局, 還是采用四欄式布局, 或者還是自由格式的布局, 以及普通一般的格式進(jìn)行布局等等。由此可見網(wǎng)頁布局內(nèi)容合理性的重要性。如果網(wǎng)頁美工設(shè)計師使用Photoshop進(jìn)行網(wǎng)頁布局設(shè)計, 就可以優(yōu)化網(wǎng)頁內(nèi)容布局結(jié)構(gòu), 提高其合理性, 這種方式相對于傳統(tǒng)手畫設(shè)計草圖來講, 具有高度的直觀性和形象性, 更能符合網(wǎng)頁美工設(shè)計的實際需求。另外, 與Dreamweaver軟件相比, Photoshop的設(shè)計時間更短, 且具有非常方便的修改性, 可以隨時隨地進(jìn)行大范圍或者小范圍的修改。這就因為在Photoshop中網(wǎng)頁美工設(shè)計師, 可以利用Photoshop圖層的功能把不同元素的位置進(jìn)行隨意的變換, 同時, 鑒于Photoshop圖層的獨立性, 還可以進(jìn)行一些有實際需求的鏈接。從Photoshop圖層的功能來看, 它從本質(zhì)上就具有修改的特點, 所以較于其他修圖軟件, Photoshop更具有優(yōu)勢。除此之外, 在Photoshop中的功能方面, 其具有較強的靈活性, 可以讓網(wǎng)頁美工設(shè)計師的設(shè)計過程中不受任何外界因素的影響和限制, 進(jìn)而促進(jìn)網(wǎng)站網(wǎng)頁內(nèi)容布局合理性的提升。
(二) 可以使得網(wǎng)頁元素細(xì)致化
根據(jù)網(wǎng)頁美工設(shè)計的相關(guān)標(biāo)準(zhǔn)來看, 其中涉及到的各種元素種類普遍較多, 比如各種圖標(biāo)和標(biāo)志、頁腳和頁眉、內(nèi)內(nèi)容目錄等等, 這些元素從屬性上劃分, 可以被稱為細(xì)碎元素, 因此, 在對細(xì)碎元素進(jìn)行設(shè)計和處理時, 必須采用有效的方式, 這是由于其與網(wǎng)站網(wǎng)頁的整體質(zhì)量效果有著密切的關(guān)系, 如果不加以重視, 就會影響到網(wǎng)頁主題的表達(dá), 給人們一種比較雜亂無章的視覺效果, 降低人們點擊和瀏覽的興趣, 反之, 則會提高網(wǎng)站網(wǎng)頁美工設(shè)計的效果, 增加人們對其的瀏覽量。在這樣的背景下, 網(wǎng)頁美工設(shè)計師就可以利用Photoshop軟件加以有效解決各種細(xì)碎元素的處理, 不僅可以促進(jìn)各種網(wǎng)頁元素質(zhì)感的提升, 還能提高網(wǎng)站網(wǎng)頁的整體效果, 使得網(wǎng)站網(wǎng)頁與其他同行網(wǎng)頁有著本質(zhì)的差異性, 擁有自身的獨特性, 更能凸顯網(wǎng)站美工設(shè)計師需要達(dá)到的主題表達(dá)效果。
(三) 可以豐富網(wǎng)頁的色彩
色彩可以給人帶來視覺的強烈沖擊, 因此, 在網(wǎng)頁美工設(shè)計過程中, 色彩的搭配具有重要的關(guān)鍵性作用。在Photoshop軟件中圖層功能就可以為網(wǎng)頁美工設(shè)計提供有效的色彩搭配方式, 比如網(wǎng)頁美工設(shè)計師在確定網(wǎng)頁基本元素之后, 就必須根據(jù)設(shè)計理念和主題, 對網(wǎng)頁的各個部分和領(lǐng)域進(jìn)行色彩搭配, 這時如果網(wǎng)頁美工設(shè)計師采用Photoshop中的圖層功能, 就可以進(jìn)行單獨的色彩搭配和調(diào)整。同時, 還能運用這個功能對網(wǎng)頁色彩進(jìn)行一個有效的分析, 提高網(wǎng)頁色彩的合理性。此外, Photoshop軟件還具有一個重要的功能, 那就是安全色功能, 對于網(wǎng)頁美工設(shè)計來說, 能夠在色框中選擇網(wǎng)頁安全顏色、網(wǎng)頁色相命令和網(wǎng)頁色譜, 將其們放置到調(diào)色盤中, 都會自動顯示其正常的色彩, 保持色彩的統(tǒng)一性, 使得用戶在不同的瀏覽器或者電腦上打開網(wǎng)頁, 都不存在色彩的差異性, 進(jìn)而有效達(dá)到豐富網(wǎng)站網(wǎng)頁色彩的目的。
(四) 可以提高網(wǎng)頁動畫的精巧性
眾所周知, 在網(wǎng)站網(wǎng)頁中, 會時常配有一些動畫視頻, 這樣的方式不僅可以提高網(wǎng)站網(wǎng)頁的趣味性, 還能激發(fā)更多的人來網(wǎng)頁進(jìn)行點擊和訪問。Photoshop也具有制作動畫的功能, 在實際的網(wǎng)頁美工設(shè)計中, 網(wǎng)頁美工設(shè)計師可以利用Photoshop制作比較簡單的幀動畫, 并相應(yīng)的存為GIF格式, 相對于一般的圖片格式來講, 其實質(zhì)就是將許多圖片放在一起形成的圖像或者視屏文件, 從而利用播放的方式, 呈現(xiàn)給人們一種動畫的感受, 同時, 這種通過Photoshop形成的GIF格式, 具有體積小和相對穩(wěn)定的特點, 任何瀏覽器都支持這種格式的播放, 因此, 被廣泛的應(yīng)用于網(wǎng)站網(wǎng)頁美工設(shè)計中。
(五) 可以提高網(wǎng)頁的速度
眾所周知, 我們在瀏覽網(wǎng)站網(wǎng)頁時, 會經(jīng)常遇到有些網(wǎng)頁打開速度較慢的情況, 俗稱“卡”。一旦網(wǎng)站網(wǎng)頁打開速度較慢, 就會消磨人們的耐心, 導(dǎo)致大量點擊率的下降。而且隨著近年來“互聯(lián)網(wǎng)+”新經(jīng)濟時代的帶來, 人們對網(wǎng)站的依賴性越來越到, 同時, 這就導(dǎo)致很多同類型的網(wǎng)站相繼產(chǎn)生, 但是據(jù)不完全數(shù)據(jù)統(tǒng)計, 人們在瀏覽網(wǎng)頁時, 一旦打開網(wǎng)頁的速度超過10秒, 人們就會關(guān)閉未打開的網(wǎng)頁, 瀏覽相同類型的其他網(wǎng)站。而造成網(wǎng)頁打開速度過慢的原因, 除了網(wǎng)速、瀏覽器之外, 還有一個重要的原因就是網(wǎng)頁各種元素的影響, 比如圖片鏈接、圖片大小、動畫鏈接等等等方面, 這些都會降低網(wǎng)頁打開的速度。如果網(wǎng)頁美工設(shè)計師在網(wǎng)站網(wǎng)頁設(shè)計的過程中, 提前利用Photoshop進(jìn)行圖片處理, 將其的大小縮小大一定范圍值內(nèi), 并且保證其畫面質(zhì)量, 就可以大大提升網(wǎng)站網(wǎng)頁的打開速度。與其同時, 在這個過程中, 還需要注意的是必須將圖片的格式轉(zhuǎn)換為網(wǎng)頁格式, 另外, 如果網(wǎng)站規(guī)定了具體要求的, 就必須將圖片格式存為JPEG格式, 這樣有利于更好的展示圖片的細(xì)微細(xì)節(jié), 進(jìn)而提高圖片上傳的速度, 加快網(wǎng)站網(wǎng)頁打開的速度, 滿足人們?yōu)g覽網(wǎng)頁的速度要求。
三、在網(wǎng)頁美工設(shè)計中使用Photoshop需要注意的事項
Photoshop在網(wǎng)頁設(shè)計中能夠為美工設(shè)計師帶來較大的偏離, 促進(jìn)網(wǎng)站效果的提升, 但是對于網(wǎng)頁美工設(shè)計師本身來講, 他們更多的是追求網(wǎng)頁頁面創(chuàng)作作品的完美性。這就需要網(wǎng)頁美工設(shè)計師充分了解和掌握使用Photoshop需要注意的事項, 有效規(guī)避Photoshop對網(wǎng)頁設(shè)計的不良影響。比如在進(jìn)行網(wǎng)站設(shè)計時, 需要注意網(wǎng)站網(wǎng)頁的大小尺寸, 以及網(wǎng)站網(wǎng)頁的實際分辨率, 還有二者之間的具體關(guān)系。一般來講, 大部分網(wǎng)站網(wǎng)頁的大小尺寸像素都會選擇708*800, 分辨率則為72。但是在具體設(shè)計時, 網(wǎng)頁美工設(shè)計師必須根據(jù)實際需求分辨率進(jìn)行相應(yīng)的調(diào)整處理, 使其能夠符合具體要求。又如在進(jìn)行參考線的選用時, 網(wǎng)頁美工設(shè)計師必須明白參考線的作用, 使用其能夠讓網(wǎng)站網(wǎng)頁的布局更加的清晰明了, 具體而言, 在使用參考線的過程中, 網(wǎng)頁設(shè)計師必須將網(wǎng)站頁面進(jìn)行分割, 并且必須按照一定的比例進(jìn)行, 網(wǎng)站網(wǎng)頁的主要內(nèi)容必須在分割線的點上, 這樣就可以吸引大批人們的視覺, 提高網(wǎng)站的點擊率。此外, Photoshop還具有“鏈接”功能, 如果在網(wǎng)頁美工設(shè)計中, 適當(dāng)?shù)募尤胍恍╂溄? 有利于激發(fā)人們的訪問興趣, 同時, 也可以為人們提供更多更詳細(xì)的圖片和信息。
