1、用photoshop設計網頁首頁時,設置多少精度網頁圖片精度高?
Photoshop製作網頁效果圖的幾個注意點:
第一點:新建文件尺寸大小; 製作網頁效果圖,首先就是要新建文件,那麼要建多大的合適呢?這可不是隨便亂定的,一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候,17英寸為主流顯示器,最佳解析度為1024*768,所以考慮到網頁在顯示器上能有最好的顯示效果,一般都定在1003px以下(這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px)。如果你的網頁超過這個尺寸,那當網頁即使最大化顯示的時候,內容也不能完全呈現,底部就會顯示水平滾動條,這樣會影響用戶體驗! 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流,因此現在很多網頁都開始做得更寬,比如可以做成1200px寬的,但為了能讓1024解析度下都能有好顯示,建議還是定為1003px以下,比如960,980都是合適的。如果不確定應該設置多少合適,可以打開參考網站,看看他們是設置多少。 如何查看別人的網頁尺寸呢?很簡單,使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了!
第二點:字體與字型大小; 字體方面,在瀏覽器里顯示的字體是調用操作系統里的,因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體,所以在網頁效果製作時,盡量使用這些字體,如果不使用這些字體,那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了;如果非要使用其他字體,那麼在做成網頁的時候只能以圖片的形式來顯示出來,不過考慮到圖片文件都偏大,會讓網頁打開速度降低,所以盡量不要以這種形式顯示。
第三點:關於顏色; 不同的操作系統會有不一樣的調色標准,因在Web上就有定義了一個安全色表,以期能讓符合這個色表定義的顏色,在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說,不需要這么嚴格執行,所以關於顏色,我們直接使用Photoshop里默認的顏色就可以了,當然,如果你所設計的網頁對於色彩十分看中,那請認真按照Web安全色標准設計。
第四點:網頁效果圖里填充的內容; 在製作網頁效果的時候,很多地方要填充文字內容,這個時候有些初學者為了方便操作,直接把同樣的內容復制使用,最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候,最好是使用不一樣的信息,或者乾脆直接從其他網頁上截取內容填充。
第五點:要注重細節處理; 因為你製作出來的效果圖,最終是做為網頁的製作依據,因此在效果圖上,每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點:保存的圖片格式; 效果圖製作好後,建議保存成png格式。不要存jpg格式,因為這個格式對圖片壓縮比較大,會丟失細節。
2、網頁設計的尺寸大小是多少,寬度應該是多少???
其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。
3、網頁設計合適的頁面尺寸是多少
網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。
4、一般網頁的尺寸規范是多少?
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
標准網頁廣告尺寸規格
一、120*120,這種廣告規格適用於產品或新聞照片展示。
二、120*60,這種廣告規格主要用於做LOGO使用。
三、120*90,主要應用於產品演示或大型LOGO。
四、125*125,這種規格適於表現照片效果的圖像廣告。
五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。
六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。
七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。
八、88*31,主要用於網頁鏈接,或網站小型LOGO。
5、網頁設計,一般最少要設置多少高度
大概的高度為:
Window XP首屏大小580 px
Window 7 首屏大小710 px
具體原因如下:
一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。
系統解析度統計:
對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):
在Window XP常見解析度1024×768下我們除掉任務欄,瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是584。
在Window 7常見解析度1440×900下我們除掉任務欄,瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是716。
綜合解析度及瀏覽器下的統計數據:
Window XP首屏大小580 px
Window 7 首屏大小710 px
6、一般做網頁設計背景尺寸定多大?
網頁的背景多大要看對網頁的要求的,
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
7、網頁設計合適的頁面尺寸是多少?
其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。
如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。
8、用photoshop設計網頁首頁時,設置多少精度出來的網頁圖片精度高?
Photoshop製作網頁效果圖的幾個注意點:
第一點:新建文件尺寸大小; 製作網頁效果圖,首先就是要新建文件,那麼要建多大的合適呢?這可不是隨便亂定的,一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候,17英寸為主流顯示器,最佳解析度為1024*768,所以考慮到網頁在顯示器上能有最好的顯示效果,一般都定在1003px以下(這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px)。如果你的網頁超過這個尺寸,那當網頁即使最大化顯示的時候,內容也不能完全呈現,底部就會顯示水平滾動條,這樣會影響用戶體驗! 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流,因此現在很多網頁都開始做得更寬,比如可以做成1200px寬的,但為了能讓1024解析度下都能有好顯示,建議還是定為1003px以下,比如960,980都是合適的。如果不確定應該設置多少合適,可以打開參考網站,看看他們是設置多少。 如何查看別人的網頁尺寸呢?很簡單,使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了!
第二點:字體與字型大小; 字體方面,在瀏覽器里顯示的字體是調用操作系統里的,因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體,所以在網頁效果製作時,盡量使用這些字體,如果不使用這些字體,那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了;如果非要使用其他字體,那麼在做成網頁的時候只能以圖片的形式來顯示出來,不過考慮到圖片文件都偏大,會讓網頁打開速度降低,所以盡量不要以這種形式顯示。
第三點:關於顏色; 不同的操作系統會有不一樣的調色標准,因在Web上就有定義了一個安全色表,以期能讓符合這個色表定義的顏色,在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說,不需要這么嚴格執行,所以關於顏色,我們直接使用Photoshop里默認的顏色就可以了,當然,如果你所設計的網頁對於色彩十分看中,那請認真按照Web安全色標准設計。
第四點:網頁效果圖里填充的內容; 在製作網頁效果的時候,很多地方要填充文字內容,這個時候有些初學者為了方便操作,直接把同樣的內容復制使用,最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候,最好是使用不一樣的信息,或者乾脆直接從其他網頁上截取內容填充。
第五點:要注重細節處理; 因為你製作出來的效果圖,最終是做為網頁的製作依據,因此在效果圖上,每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點:保存的圖片格式; 效果圖製作好後,建議保存成png格式。不要存jpg格式,因為這個格式對圖片壓縮比較大,會丟失細節。
9、正常網頁製作背景圖片應該多大?
1、背景最好是能夠做到自動延伸,現在的顯示器是越來越大,解析度也慢慢的變大了,現在用1600*900解析度的也不少,我的就是,當然也有人用1280*768、1024*768等,所以網頁設計的背景一般是不會設計成固定尺寸的,你可以做成可循環平鋪的圖片或者漸變顏色,直接是一種顏色那就更方便了;
2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸,就拿現在這個百度知道的頁面距離,中間的主體部分無論是瀏覽器怎麼伸展,主體內容的寬度是保持不變的,我查看了一下css代碼,這個主體框架的寬度是980px;
3、你設計的時候把主體部分設置成980-1000px就差不多了,畢竟現在使用1024*768解析度以下的人已經畢竟少了。