您好,歡迎來到一站式眾包服務(wù)平臺-威客牛網(wǎng)!
當(dāng)前位置:威客牛首頁 > 知識百科 > 裝修設(shè)計 > 效果圖設(shè)計 > 網(wǎng)站效果圖設(shè)計規(guī)范

網(wǎng)站效果圖設(shè)計規(guī)范

2022-12-04作者:網(wǎng)友投稿

建設(shè)網(wǎng)站有很多類型,我們要把握其共性,就能很輕松的用PS制作出漂亮和效果圖。



  
  1.頁面寬度和高度。

  
  網(wǎng)頁寬度尺寸:現(xiàn)在用戶電腦分辨率以1024*768分辨率較有普遍,頁面寬度一般上控制在960px~1003PX,如果超過1003PX,瀏覽器將會出現(xiàn)左右滾動條,這樣不夠美觀。有的同學(xué)有疑問,電腦分辨率寬度明明是1024怎么超出1003就會出現(xiàn)滾動條呢?以IE瀏覽器為準(zhǔn),IE瀏覽器顯示的范圍只有1003PX,剩下的21像素剛好是IE上下滾動條的寬度。

  
  網(wǎng)頁高度尺寸:一般上設(shè)計首頁效果圖高度有限制(高度具體根據(jù)首頁內(nèi)容而定),網(wǎng)站內(nèi)頁,高度不做限制,注意設(shè)計高度要隨著頁面內(nèi)容拉伸,保證頁面的左右是一個整體。

  
  2.頁面布局。

  
  網(wǎng)頁首頁頁面布局,分為,左、中、下結(jié)構(gòu)。中間部分,分為:左右或者,左、中、右。注意:每個部位的距離,要根據(jù)一定的規(guī)律去做排版,注意利用版心線、網(wǎng)格等控制網(wǎng)頁部位的比例。

  
  3.網(wǎng)頁留白。

  
  注意控制留白之間的距離,如上、中、下 之間的距離,左、中、右之間的距離,甚至網(wǎng)頁上每個模塊與模塊之間的距離,模塊內(nèi)容距離邊界的距離,文字與文字之間的行高等,要保持等距。

  
  4.網(wǎng)頁中的文字。

  
  一般中文網(wǎng)頁正文文字大小多為12PX,門戶網(wǎng)站的正文多為14PX。英文文字大小多為9PX。標(biāo)題文字多為14PX加粗。(注意PS設(shè)計里正文文字,樣式效果要設(shè)置為無,切不可出現(xiàn)銳利、渾厚等樣式。)

  
  圖片上的文字,大多樣式為渾厚或者銳利來讓字體顯得更加細(xì)膩。

  
  5.分辨率的設(shè)置


  
  網(wǎng)頁效果圖分辨率,統(tǒng)一為72像素/英寸,不按照這個為參照的話,你會發(fā)現(xiàn)打在圖層上的文字不顯示正常尺寸,或大或小。

  
  6. 顏色的使用

  
  一般上網(wǎng)頁出現(xiàn)的顏色不超過三種,具體根據(jù)客戶的建站類型和閱讀群體,選擇正確的色相型。

免費查詢商標(biāo)注冊