Photoshop與互動網頁設計完美結合

Photoshop與互動網頁設計完美結合

《Photoshop與互動網頁設計完美結合》是2001年8月中國青年出版社出版的圖書,作者是金南權。

基本介紹

  • 書名:Photoshop與互動網頁設計完美結合
  • 作者:金南權
  • ISBN:9787500644361
  • 類別:技術教學
  • 頁數:515
  • 定價:79.00元
  • 出版社:中國青年出版社
  • 出版時間:2001-8
  • 裝幀:精裝
圖書目錄
第1部分 開始使用Photoshop
Photoshop 與網頁製作之間的完美結合摘要網頁製作的工具很多, Photoshop 因其圖像處理的強大功能在網頁制 作中也發揮著巨大的作用。正確使用 Photoshop 處理圖像可以增加網頁的美觀, 提高網頁的下載速度,提高網頁的製作效率。 關鍵字 網頁最佳化;圖像格式;圖像特效;網頁布局 網頁設計的工具很多,目前使用最為廣泛的是 Dreamweaver(簡稱 DW)。本文針對 Photoshop 與網頁製作之間的關係進行闡述。
1 、Photoshop 可最佳化圖像質量
最佳化網頁、使之能快速下載是網頁製作中必須考慮的因素。Photoshop 可優 化圖像質量,提高網頁速度最佳化網頁頁面,圖像的正確處理極其重要。
1.1 採用合適的圖像精度 網頁是提供給閱讀者在顯示器上觀看的,根據顯示器的特性,圖像的精度一 般採用 72dpi 即可,這是螢幕解析度,太高的解析度並不能增強效果,反而會降 低下載速度。有些圖像原始檔案的尺寸很大,而在網頁中顯示的區域是有限的, 很多時候設計者採用在DW中縮小圖像來實現,在DW中縮小圖像並沒有真正改變圖像的大小,下載需要較長的時間,所以在輸出圖像時,要採用合適的大小,降低輸出的精度。
1.2 選擇合適的顏色深度Gif格式的圖像檔案色彩深度越少檔案也就越小,在肉眼可以接受的範圍內,儘量將 gif 檔案的色彩數量降低,對圖像檔案的大小進行有效的最佳化。如小圖示、按鈕、背景圖案等圖像檔案對色彩的要求並不高,這些圖像輸出一般採用 gif 格 式。對顏色要求不高的圖像,採用64色的圖像對比 256 色圖像,輸出後可以少 掉一半還多的位元組數,且效果完全能滿足視覺要求。每個網站這種小圖像往往會 有幾百張,每張圖片都節省一些,最終可以節省很多空間。
1.3 輸出正確的圖像格式 不同的圖像格式由於採用的壓縮方法不同, 顯示效果差不多的圖像其檔案大 小會有很大的差別。一般情況下色彩較少的圖片使用 png-8、gif 格式檔案,色彩 變化豐富的圖像則使用 jpg 格式,如果要使用在多種背景中,需要輸出為透明式 時就需要選用 gif 格式。jpg 格式的圖片,需綜合對比壓縮品質高、中、低下的 效果,儘量選擇效果好且壓縮品質較低的選項。輸出圖像時,可使用 Photoshop 的“存儲為 web 所用格式”功能來輸出,使用“存儲為 web 所用格式”可以壓縮約 50%。
2 、Photoshop 可調整網頁的布局結構
2.1 布局規劃在設計網站的過程中,事先進行布局規劃也是提高網站開發效率的有效方法。設計者在設計網站的過程中需要反覆與客戶進行交流、溝通、修改,而客戶 更看重就是布局的效果與使用的便捷性。當布局確定後,內容的組織、程式的設計就由程式設計者完成了。避免了程式設計好後反覆修改界面的複雜性。

相關詞條

熱門詞條

聯絡我們