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

易揚揚

湖南汽車工程職業(yè)學(xué)院

摘要：網(wǎng)頁效果圖是制作網(wǎng)站前的必備工作，網(wǎng)站是指在因特網(wǎng)上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。網(wǎng)站又可分類為：分類：大型門戶網(wǎng)站、搜索引擎網(wǎng)站、購物網(wǎng)站、專業(yè)網(wǎng)站、企業(yè)網(wǎng)站、個人網(wǎng)站等。網(wǎng)站制作用到的軟件：Photoshop（設(shè)計效果圖）、Fireworks（切圖）、Dreamweaver（生成靜態(tài)網(wǎng)頁）。本文就photoshop在網(wǎng)頁效果圖中的應(yīng)用進(jìn)行研究。

關(guān)鍵詞：Photoshop；網(wǎng)頁效果圖設(shè)計

一、引言

我國現(xiàn)在處于經(jīng)濟(jì)發(fā)展飛速的時代，網(wǎng)站是事企業(yè)單位展示自己的重要途徑。通過網(wǎng)站，直觀的多樣化的展示優(yōu)勢特長，網(wǎng)民可以直接在網(wǎng)站上了解到更多的行業(yè)動態(tài)�，F(xiàn)在也是視覺時代，網(wǎng)站的展示需要第一時間抓住人的視線，并且被大腦記錄下來，加深對網(wǎng)站信息的印象。網(wǎng)站想要吸引客戶的眼光，就必須重視網(wǎng)站效果圖的設(shè)計，而Photoshop軟件是一個集圖像設(shè)計、高品質(zhì)圖像輸出于一體的圖形圖像處理軟件。

二、網(wǎng)頁效果圖中Photoshop的實際應(yīng)用表現(xiàn)

網(wǎng)頁設(shè)計就是讓美工做設(shè)計網(wǎng)站的所有頁面的界面效果圖，就像造房子之前，會請著名的設(shè)計師來設(shè)計房子的外形效果。網(wǎng)頁美工要求精通各類圖形圖像設(shè)計軟件，有較強美感，精通網(wǎng)頁界面布局，了解用戶體驗，有思想，能判斷和分析基本市場需求或目標(biāo)客戶喜好。

（一）網(wǎng)站分類及功能

網(wǎng)站是指在因特網(wǎng)上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合�？梢苑譃榇笮烷T戶網(wǎng)站、搜索引擎網(wǎng)站、購物網(wǎng)站、專業(yè)網(wǎng)站、企業(yè)網(wǎng)站、個人網(wǎng)站等幾大類。網(wǎng)站制作用到的軟件：Photoshop（設(shè)計效果圖）、Fireworks（切圖）、Dreamweaver（生成靜態(tài)網(wǎng)頁）。一個完成的網(wǎng)站包括登錄頁面、主頁面、子頁面三個部分。

（二）網(wǎng)頁構(gòu)成要素

Photoshop軟件可以使網(wǎng)頁元素細(xì)致化，根據(jù)美工設(shè)計標(biāo)準(zhǔn)，涉及到的元素種類較多，網(wǎng)頁設(shè)計的主頁內(nèi)容有：網(wǎng)站標(biāo)志設(shè)計、文字、圖片、宣傳標(biāo)語、導(dǎo)航條等。而網(wǎng)頁版面內(nèi)容又可分為以下幾部分：頁面（LOGO）、導(dǎo)航區(qū)、banner、主題內(nèi)容、頁腳（友情鏈接、版權(quán)等）。怎么使得這些繁雜的元素變得整體統(tǒng)一又具有美觀性，這就需要美工使用Photoshop軟件加以有效的解決，使得網(wǎng)站的主題效果表達(dá)明確。

（三）網(wǎng)頁效果圖的色彩應(yīng)用

俗話說的好，紅花也要綠葉配。好的色彩搭配對于網(wǎng)站的頁面來說是非常重要，我們看到的網(wǎng)站都是色彩的，色彩構(gòu)成了網(wǎng)站的整體風(fēng)格，也為用戶帶來了不一樣的視覺體驗。網(wǎng)站視覺體驗主要是指色彩的搭配和運用，頁面設(shè)計需要考慮頁面之間顏色的搭配，不能看起來太花哨又不能太單調(diào)，我們將需設(shè)計的頁面當(dāng)成一個畫布，對頁面功能區(qū)域進(jìn)行顏色填充，使其看起來即美觀又實用。想要正確的掌握網(wǎng)站色彩搭配，既要對顏色有一定的了解，又要熟練使用Photoshop中的圖層功能，這樣可以對網(wǎng)頁的色彩進(jìn)行有效的分析，從而提高網(wǎng)站頁面色彩的合理性。

（四）網(wǎng)頁中動畫效果的實現(xiàn)

一個網(wǎng)站要讓客戶有好的用戶體驗，不僅要有絢麗的海報圖片還時常會配一些動畫視頻增加網(wǎng)站的趣味性。而Photoshop這個軟件還具制作Gif簡單動畫的功能。Gif的信息多于一張靜止的圖片，它的觀看性遠(yuǎn)遠(yuǎn)大于video的質(zhì)量。Gif是一個最有優(yōu)勢的媒材，讓靜的圖像動起來，或者讓動畫一直重復(fù)，變成抓住眼球的媒介，它效果增加了網(wǎng)頁的活潑性和趣味性，使網(wǎng)頁不顯得那么死板。通過Photoshop制作而成的Gif格式，被廣泛的應(yīng)用于網(wǎng)頁效果圖的設(shè)計當(dāng)中，因為目前市面上任何瀏覽器都支持這種格式的播放。

（五）網(wǎng)頁速度的提高

一個網(wǎng)站打開的速度的快與慢，這個問題直接影響著訪客的用戶體驗度。但我們經(jīng)常會遇到打開網(wǎng)頁比較“卡”的狀態(tài)，隨著互聯(lián)網(wǎng)時代的發(fā)展，人們越來越依賴信息化，也逐漸進(jìn)入快餐時代，什么事情都講究效率，一旦打開一個網(wǎng)站速度過慢，我們肯定會關(guān)閉還在緩沖的網(wǎng)站，從而轉(zhuǎn)向瀏覽其他同類型的網(wǎng)站。網(wǎng)站網(wǎng)頁打開的速度受很多因素的影響，除了網(wǎng)速這個不可預(yù)期的因素之外，還有比如說圖片大小、動畫、圖片鏈接等方面，網(wǎng)頁中大量的圖片我們知道，特別使圖片網(wǎng)站，一般都會設(shè)置為圖片延時家在，這是因為圖片家在需要大量的網(wǎng)速，很多情況下我們都是將圖片處理國再放到網(wǎng)站上。比如說，淘寶店鋪效果圖中，圖片都很多，我們要提高買家的體驗度，就需要用Photoshop軟件將這些圖片進(jìn)行處理，將其的占存大小進(jìn)行調(diào)整，保證其畫面質(zhì)量的情況下，提升頁面打開速度。當(dāng)進(jìn)行圖片占存處理還無法解決問題的時候，我們還可以使用photoshop中的切片工具，切片工具主要是將在Photoshop里制作的圖片切成多塊，猶如切蛋糕一樣切出很多份，根據(jù)需要設(shè)置分辨率，再把圖片發(fā)到網(wǎng)絡(luò)上去，切成小塊之后的圖片更容易發(fā)送，這樣網(wǎng)頁打開的速度又得到了提高。

三、結(jié)語

綜上所述，加強Photoshop在網(wǎng)頁效果圖設(shè)計中的實際應(yīng)用，可以對網(wǎng)站網(wǎng)頁進(jìn)行優(yōu)化、提高網(wǎng)站網(wǎng)頁的打開速速、增加網(wǎng)站網(wǎng)頁的訪問量，從而實現(xiàn)經(jīng)濟(jì)效益最大化。

• 上一篇：單模型機動目標(biāo)跟蹤算法仿真
• 下一篇：基于支持向量機的室內(nèi)照度預(yù)測仿真