如何在眾多店面中脫穎而出, 提升自己的銷售業(yè)績, 增加網(wǎng)店的訪問量是關(guān)鍵。因此, 網(wǎng)店的美工設(shè)計(jì)就顯得尤為重要。以往, 人們大多使用Dreamweaver進(jìn)行網(wǎng)頁設(shè)計(jì), 但這個(gè)軟件在美工設(shè)計(jì)中略顯不足。Photoshop彌補(bǔ)了Dreamweaver的缺陷, 成為美工設(shè)計(jì)中常用軟件。
1 網(wǎng)頁美工設(shè)計(jì)中Photoshop的應(yīng)用表現(xiàn)
向人們傳遞信息是網(wǎng)頁設(shè)計(jì)的最主要目的。然而信息的傳遞需要不僅信息投放者還需要信息接收者。如何提高信息接受率, 就需要從網(wǎng)頁的美工設(shè)計(jì)入手。精美的網(wǎng)頁設(shè)計(jì)可以輕松地向人們傳遞想要表達(dá)的信息。Photoshop便可以完成“美”的制作。
1.1 完成更加合理的布局
想要成功制作出精美的網(wǎng)頁, 合理的布局是關(guān)鍵。設(shè)計(jì)網(wǎng)頁時(shí), 首先要考慮如何布局, 二欄布局或者三欄布局, 自由式結(jié)構(gòu)或者框架式結(jié)構(gòu), 以圖片為主或者以文字為主等。在網(wǎng)絡(luò)剛剛起步時(shí), 網(wǎng)頁設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)工作時(shí)需要使用手繪的方式, 這種方式不僅浪費(fèi)時(shí)間和精力還會(huì)使設(shè)計(jì)師們做很多無用功, 效率低、質(zhì)量差;Dreamweaver的廣泛使用, 使網(wǎng)頁設(shè)計(jì)師們擺脫了手繪草稿的過程, 實(shí)現(xiàn)了直接在電腦上呈現(xiàn)網(wǎng)頁的愿望, 但這種方式最主要的缺陷是不能隨時(shí)修改, 必須制作出實(shí)際的網(wǎng)頁才能看出效果。因此, 這種方法并未提升制作效率。直到Photoshop軟件的出現(xiàn), 網(wǎng)頁設(shè)計(jì)師實(shí)現(xiàn)在制作過程中隨時(shí)調(diào)整和更換思路, 大大節(jié)省了設(shè)計(jì)時(shí)間, 提升了工作效率。
1.2 讓元素可以更加細(xì)致
網(wǎng)頁的設(shè)計(jì)過程較復(fù)雜, 所需元素也較多, 例如, 導(dǎo)航條、菜單欄、圖標(biāo)等細(xì)碎元素, 其組合方式會(huì)影響整個(gè)頁面的主題表達(dá)。另外, 各元素的位置、大小、形狀和外觀都會(huì)影響頁面的表達(dá)效果。這些細(xì)節(jié)的處理需要謹(jǐn)慎, 處理不好會(huì)造成整個(gè)頁面的混亂, 影響整體布局。完美的處理可以為網(wǎng)頁增色許多。因此, 元素處理的細(xì)致與否決定了網(wǎng)頁的質(zhì)量。Photoshop可以完美的做到元素的細(xì)致處理, 它可以隨意更換元素的外觀, 以保證設(shè)計(jì)師能夠做成想要的效果和質(zhì)感, 進(jìn)而設(shè)計(jì)出完美的網(wǎng)頁。
1.3 讓色彩更加豐富
色彩搭配在網(wǎng)頁美工設(shè)計(jì)中也相當(dāng)重要。Photoshop軟件的圖層功能可以幫助網(wǎng)頁設(shè)計(jì)師輕松完成色彩搭配。首先進(jìn)行基本元素的選擇, 接下來需要對不同區(qū)域和圖層進(jìn)行調(diào)整。這樣便可以方便的進(jìn)行顏色選擇。另外, 還可以對顏色進(jìn)行實(shí)時(shí)分析, 隨時(shí)更換、方便合理。Photoshop軟件還提供了網(wǎng)絡(luò)安全色功能, 可隨意挑選出的網(wǎng)頁安全顏色、網(wǎng)頁色相命令和網(wǎng)頁色譜。根據(jù)操作系統(tǒng)、瀏覽器、網(wǎng)絡(luò)環(huán)境、硬件系統(tǒng)的不同可以呈現(xiàn)出不同的顏色, 但無論呈現(xiàn)何種顏色, 都不會(huì)影響終端用戶的瀏覽效果。
1.4 讓動(dòng)畫變得更加精巧
隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展, 人們對網(wǎng)絡(luò)的趣味性追求不斷提升。提升網(wǎng)頁的趣味性, 激起訪問者的瀏覽興趣是提升瀏覽量的重要方式。動(dòng)畫是提升網(wǎng)頁趣味性的良好元素, Photoshop軟件可以制作GIF格式的簡單動(dòng)畫。實(shí)質(zhì)上GIF格式就是將多個(gè)圖片組合到一起, 形成一種簡單的動(dòng)畫。GIF格式憑借其較小的文件體積和對瀏覽器要求較低的優(yōu)勢, 得到了廣泛的使用。
1.5 讓速率變得更快
互聯(lián)網(wǎng)高速發(fā)展, 各種網(wǎng)站層出不窮, 若不能占據(jù)速度優(yōu)勢, 必將被吞噬在互聯(lián)網(wǎng)大潮中。研究發(fā)現(xiàn), 一般用戶對網(wǎng)站加載的等待時(shí)間不超過10秒, 甚至更短。網(wǎng)絡(luò)條件和網(wǎng)頁大小及元素的配置是網(wǎng)頁打開時(shí)間的影響因素。網(wǎng)絡(luò)條件相同時(shí), 網(wǎng)頁大小和元素配置成為關(guān)鍵因素。Photoshop軟件可以利用對圖片的減色處理方法, 在不影響圖片正常顯示的條件下, 縮減圖片大小。另外, 還可以將大圖像分切為多個(gè)小圖像, 同時(shí)完成多圖傳送, 提高網(wǎng)頁的加載速度。利用Photoshop圖像切片時(shí), 必須將圖片形式轉(zhuǎn)變?yōu)閃eb形式。若對圖片沒有較高要求, 考慮到占用面積大小, 可將切片保存為GIF格式。若對圖片要求較高, 需要進(jìn)行細(xì)節(jié)展示, 可保存為JEPG格式。如此, 經(jīng)過減色和切片處理后, 網(wǎng)頁就可以被大大縮小, 傳輸速度也將大大提高。