ps網頁設計規范

1、網頁設計，一般最少要設置多少高度

大概的高度為：

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

2、網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素，使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計，一般採用全屏展示和兩側留白的方式。
全屏展示，是整個網站看起來大氣一些，但是布局要合理安排，不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸，能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域，內容限時區域在好控制在1000px-1200px。

3、PC端網頁設計基本規范有哪些

網站建設基本流程規范
企業網站建設（升級改版）包含下列基本流程：
（1）制定網站規劃方案：包括網站預期目標、行業競爭狀況分析、網站欄目結構、用戶行為分析及內容規劃、網頁模版設計、網站伺服器技術選型、網站運營維護規范等基本內容；
（2）網站技術開發、網頁設計；
（3）網站測試；
（4）網站內容發布；
（5）網站維護及管理。
3、網站域名及網站技術規范
（1）採用基於XHTML的國際WEB標准（CSS+DIV）；
（2）網站首頁為頂級域名而不是多級層次 ；
（3）網站首頁及各欄目和內容頁面均不採用網址跳轉方式，不採用過渡頁/橋頁等網址重定向；
（4）合理應用靜態網頁與動態網頁，網站欄目首頁和其他重要頁面採用靜態網頁；
（5）網頁內容頁面層次不宜過多，不超過四個層次；
（6）採用主流域名：.cn、.com.cn、.com等；
（7）一個網站對應一個主域名，現有多個域名需統一；
（8）網站鏈接錯誤率在一定范圍之內，首頁等重要頁面無死鏈接；
（9）網站設計對不同瀏覽器具有兼容性。
4、企業網站的基本功能和內容
（1） 與企業辦公網實現無縫鏈接；
（2）具有信息發布、產品發布和管理功能；
（3）產品推薦/廣告管理功能；
（4）詳細的公司介紹；
（5）詳細的聯系方式；
（6）合理的產品分類/匯總/列表；
（7）詳細的產品介紹內容；
（8）銷售及售後服務相關的聯系和服務信息；
（9）在線服務信息；
（10）持續更新的企業動態/產品信息；
（11）相關網站鏈接管理功能；
（12）規范的網站地圖；
（13）網站訪問統計功能。
5、網站優化
網站優化包括三個方面：對用戶獲取信息優化、搜索引擎優化、網站維護優化。
（1）網站欄目結構合理，欄目設置不要過於復雜；
（2）網站導航清晰且全站統一，通過任何一個網頁可以逐級返回上一級欄目直到首頁；
（3）網頁布局設計合理，網站設計符合用戶瀏覽習慣；
（4）重要文字信息盡可能出現在網頁靠前位置；
（5）字體清晰，CSS風格協調一致；
（6）最多3次點擊可到達產品詳細內容頁面；
（7）通過網站任何一個網頁不超過3次點擊可達到站內其他任何一個網頁；
（8）遵照搜索引擎為管理員提供的網站優化指南，通過網站結構和內容等基本要素的優化為搜索引擎檢索信息提供方便，不採用任何被搜索引擎視為垃圾信息的方法和欺騙搜索引擎的方式（如堆積關鍵詞、用戶不可見文本、頁面跳轉、復制網頁等等）；
（9）網站首頁、欄目首頁及產品內容頁面均有一定的文字信息量；
（10）每個網頁有獨立的、可概括說明該網頁核心內容的網頁標題（而不是全站或者一個欄目共用一個網頁標題）；
（11）每個網頁有獨立的、與該網頁內容相關的META標簽設計（包括description和keywords）；
（12）每個網頁有獨立的URL；
（13）產品內容頁面URL盡可能簡短且體現出產品屬性；
（14）產品/企業新聞詳細內容頁面是獨立網頁不是彈出窗口；
（15）對於產品品種多的企業網站，要有合理的產品分頁方式；
（16）網站內容保持適當的更新周期。
6、網頁模版設計
（1）重要信息盡可能出現在用戶最關注的位置；
（2）網頁寬度定位適應當前主流屏幕解析度模式；
（3）保持整站CSS風格一致；
（4）超級鏈接有下劃線或顏色的明顯指示；
（5）整個網站中在新窗口打開或原窗口打開網頁的規則一致；
（6）網站首頁位元組數不宜過大；
（7）多語言版本網站內容之間的切換方式設計合理。
7、企業網站可信度
（1）網站具有必須的法定證書；
（2）對企業基本狀況的介紹真實可信；
（3）公布顧客服務/售後服務承諾；
（4）有必要的個人信息保護聲明；
（5）網站公布的聯系方式有效，尤其是地址、固定電話和Email地址；
（6）網站公布的Email地址與企業網站域名後綴一致而不是免費郵箱；
（7）網站主域名與企業名稱/品牌/核心產品一致或相關；
（8）網站提供的信息及時有效；
（9）網站有自己獨立的風格；
（10）網站各項功能和服務方便易用。
8、網站運營維護
（1）建立網站內容發布審核機制，始終保持網站內容的合法性；
（2）保持網站伺服器正常工作，對網站訪問速度等進行日常跟蹤管理；
（3）保持合理的網站內容更新頻率；
（4）網站內容製作符合網站優化所必須具備的規范；
（5）重要信息（如資料庫等、訪問日誌等）的備份機制；
（6）保持網站重要網頁的持續可訪問性，不受網站改版等原因的影響；
（7）對網站訪問統計信息定期進行跟蹤分析。
其他要求：
由於網路營銷環境和用戶行為在不斷發展變化，企業網站需要增強適應性，可通過改版、重建等方式進行網站升級。 在網站建設技術標准方面，遵照國際WEB標准，不再使用過時的HLML4.01；在網站運營支持方面，融入目前居於領先地位的網站優化思想和方法，使得遵照規范建設的企業網站全面符合主流搜索引擎的優化指南，具有明顯的搜索引擎優化優勢。
網站規劃：
•整體規劃合理，主輔菜單不清晰；
•網站建設導向明確，重點突出；
•欄目適應；
•各欄目統一規劃，整個網站比較清晰；
•網站的促銷功能得到明顯體現。

4、用photoshop設計網頁首頁時，設置多少精度出來的網頁圖片精度高？

Photoshop製作網頁效果圖的幾個注意點：
第一點：新建文件尺寸大小； 製作網頁效果圖，首先就是要新建文件，那麼要建多大的合適呢？這可不是隨便亂定的，一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候，17英寸為主流顯示器，最佳解析度為1024*768，所以考慮到網頁在顯示器上能有最好的顯示效果，一般都定在1003px以下（這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px）。如果你的網頁超過這個尺寸，那當網頁即使最大化顯示的時候，內容也不能完全呈現，底部就會顯示水平滾動條，這樣會影響用戶體驗！ 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流，因此現在很多網頁都開始做得更寬，比如可以做成1200px寬的，但為了能讓1024解析度下都能有好顯示，建議還是定為1003px以下，比如960，980都是合適的。如果不確定應該設置多少合適，可以打開參考網站，看看他們是設置多少。 如何查看別人的網頁尺寸呢？很簡單，使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了！
第二點：字體與字型大小； 字體方面，在瀏覽器里顯示的字體是調用操作系統里的，因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體，所以在網頁效果製作時，盡量使用這些字體，如果不使用這些字體，那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了；如果非要使用其他字體，那麼在做成網頁的時候只能以圖片的形式來顯示出來，不過考慮到圖片文件都偏大，會讓網頁打開速度降低，所以盡量不要以這種形式顯示。
第三點：關於顏色； 不同的操作系統會有不一樣的調色標准，因在Web上就有定義了一個安全色表，以期能讓符合這個色表定義的顏色，在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說，不需要這么嚴格執行，所以關於顏色，我們直接使用Photoshop里默認的顏色就可以了，當然，如果你所設計的網頁對於色彩十分看中，那請認真按照Web安全色標准設計。
第四點：網頁效果圖里填充的內容； 在製作網頁效果的時候，很多地方要填充文字內容，這個時候有些初學者為了方便操作，直接把同樣的內容復制使用，最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候，最好是使用不一樣的信息，或者乾脆直接從其他網頁上截取內容填充。
第五點：要注重細節處理； 因為你製作出來的效果圖，最終是做為網頁的製作依據，因此在效果圖上，每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點：保存的圖片格式； 效果圖製作好後，建議保存成png格式。不要存jpg格式，因為這個格式對圖片壓縮比較大，會丟失細節。

5、UI設計網頁設計字體規范應該要注意什麼

可以參考常規字體的使用規范：

1、在每個項目設計中只使用1-2個字體樣式，而在品牌字有明確的規范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調重點文案。字體用的太多，越顯得不夠專業。

2、不同的樣式的字體，形狀或系列最好相同，保證字體風格的一致性。

3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配，等。

(5)ps網頁設計規范擴展資料：

網頁設計

1、需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

2、以業務目標為中心進行功能策劃，製作出欄目結構關系圖。

3、以滿足用戶體驗設計為目標，使用axure rp或同類軟體進行頁面策劃，製作出交互用例。

4、以頁面精美化設計為目標，使用PS、AI等軟體，調整，使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

5、根據用戶反饋，進行頁面設計調整，以達到最優效果。

6、用photoshop與DW配合做網頁，怎樣做比較規范

你那樣做只是很粗糙的做法，網站表面看起干凈好看！但要是對於內容復雜的網站就不版行了。
我建議你權用photoshop製作圖片，圖片美化，切片的時候不要套出web格式，直接套出切片，然後在dw中布局生成網頁！

7、PSD製作網頁圖的規定尺寸是多少

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.

高度：

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。

寬度:

1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001

註：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。

所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.

如果是800的解析度一般都設成770。但也有設成760的.

這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:

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。

廣告形式 像素大小 最大尺寸 備注

BUTTON 120*60(必須用gif) 7K

215*50(必須用gif) 7K

通欄 760*100 25K 靜態圖片或減少運動效果

430*50 15K

超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果

巨幅廣告 336*280 35K

585*120

豎邊廣告 130*300 25K

全屏廣告 800*600 40K 必須為靜態圖片，FLASH格式

圖文混排 各頻道不同 15K

彈出窗口 400*300(盡量用gif) 40K

BANNER 468*60(盡量用gif) 18K

懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀(1秒/12幀)

網頁中的廣告尺寸

1.首頁右上，尺寸120*60

2.首頁頂部通欄，尺寸468*60

3.首頁頂部通欄，尺寸760*60

4.首頁中部通欄，尺寸580*60

5.內頁頂部通欄，尺寸468*60

6.內頁頂部通欄，尺寸760*60

7.內頁左上，尺寸150*60或300*300

8.下載地址頁面，尺寸560*60或468*60

9.內頁底部通欄，尺寸760*60

10.左漂浮，尺寸80*80或100*100

11.右漂浮，尺寸80*80或100*100

希望對你有幫助

8、PS網頁設計尺寸設定

這是我在站酷網上看見的一片文章，不知道原文在哪裡，若是作者看見了，不讓弄上的話，通知我，我可以刪除。