網(wǎng)頁圖像制作技巧

  • 2019-09-18 17:05:53
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.iy5y368.cn

設(shè)計網(wǎng)頁時,無論用戶是初學(xué)者還是圖像制作高手,在制作網(wǎng)頁圖像時,都應(yīng)掌握下面幾個要點。

網(wǎng)絡(luò)圖像制作要小而精,忌大而濫

網(wǎng)絡(luò)圖像不是在個人電腦上,在網(wǎng)絡(luò)上瀏覽網(wǎng)頁,速度非常重要,所以首先要考慮圖像文件的大小,盡量不使用500KB以上的圖像。此外,網(wǎng)頁中的圖像不在于多,而在于能否襯托出主題、渲染內(nèi)容,即圖像一定要與內(nèi)容有關(guān),不要只追求漂亮,而加入沒有意義的圖像,如圖所示是騰訊公司的首頁。

8782e9fb8c16d16e5964a5ac0eb4cb52.jpg

圖中頁面以藍色為主色調(diào),各個欄目的標題顏色為淺藍色,與白色背景相協(xié)調(diào),文字鏈接的背景也用淡藍色,雖然網(wǎng)頁信息量大,但這種以冷色調(diào)為主的網(wǎng)頁顏色規(guī)劃會給人以清新的感覺,不會因為網(wǎng)頁的內(nèi)容多而感到煩躁。該網(wǎng)頁在網(wǎng)頁設(shè)計時所用的圖形大多是卡通或簡筆畫,氣氛輕松活潑,圖像的色彩也采用單一的較純的顏色,讓人耳目一新。更為主要的是這些圖像文件都非常小,不過幾KB。整個圖像設(shè)計小巧簡約卻不幼稚,色調(diào)明晰卻不妖艷,讓人感到輕松愉悅。

 圖像要分主次,忌喧賓奪主

同一頁面中的圖像,要有主次之分,在大小、顏色、位置上輔助圖不要超過主圖。一般來說,一個頁面上只有一幅主圖,應(yīng)放在較醒目的位置,其余放在次一些的位置。而且圖像大小也應(yīng)有所不同,除非是介紹性的圖像,如產(chǎn)品圖像、風(fēng)光照片等可以同等大小。

用色講究主色調(diào),忌雜亂無章

一個優(yōu)美的網(wǎng)頁,都有一種主色調(diào)來烘托內(nèi)容。頁面的大部分應(yīng)該用同一種顏色或者相近的顏色,而圖形可以用與主色調(diào)反差大一些的顏色,起到畫龍點睛的作用。如圖所示,頁面插入多幅小圖,這些小圖重在渲染氣氛,烘托主題,使不明白本頁功能的瀏覽者一看見該圖就知道網(wǎng)頁的內(nèi)容,即使圖像的顏色與網(wǎng)頁主色調(diào)反差比較大,但作用不可小視,也很引人注目。

a60e6847b2d00a690b1c95808c781c3f.jpg

網(wǎng)站建設(shè)時,選擇合適的軟件會事半功倍圖像制作軟件有很多,如Photoshop、Fire-works、Illustrator等。隨著這些軟件的不斷升級和功能的不斷改善,均可以用來制作網(wǎng)頁圖像。它們制作出來的圖像最終效果都差不多。如何在眾多軟件中選擇一種適合制作網(wǎng)頁圖像的軟件呢?最主要的是看自己用起來能否得心應(yīng)手,此外,使用起來是否方便。如果用戶熟悉Photoshop,那么Photoshop肯定是首選,畢竟Photoshop是一個比較專業(yè)的圖像處理軟件。如果要為后期網(wǎng)頁設(shè)計工作多考慮一些,則可能會選擇Fireworks,因為Fireworks是專業(yè)的網(wǎng)頁圖像設(shè)計工具,與Dreamweaver也能夠很好地協(xié)作。例如,在Fire-works中保存的網(wǎng)頁或是分割區(qū)域,可以直接插入到Dreamweaver中使用,而不會改變原有位置,并且在Fireworks中所做的一切設(shè)置(如圖像位置、鏈接地址等)都不會改變。




當前文章標題:網(wǎng)頁圖像制作技巧

當前URL:http://www.iy5y368.cn/news/wzzz/3098.html

上一篇:網(wǎng)頁圖像概述

下一篇:搜集圖像素材

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)