網頁設計的一些規范

1、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；在網站運營支持方面，融入目前居於領先地位的網站優化思想和方法，使得遵照規范建設的企業網站全面符合主流搜索引擎的優化指南，具有明顯的搜索引擎優化優勢。
網站規劃：
•整體規劃合理，主輔菜單不清晰；
•網站建設導向明確，重點突出；
•欄目適應；
•各欄目統一規劃，整個網站比較清晰；
•網站的促銷功能得到明顯體現。

2、網頁設計的寬度一般為多少?應該怎麼把握?

百度統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640，這是豎屏，一般在醫院、學校中才能見到，暫且不談。

排名第二的是1920×1080，佔比13.07%。

1366×768排第三，佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度，1024×768，是最小的電腦尺寸了，僅佔3.13%，很少有人使用。在做pc端的網頁設計時，不用考慮這個尺寸，而應在做pad端和手機端的適配時，將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下，適應於不同寬度，確保各寬度下的展示效果。但這樣的成本也會相應增加，在開發網站時，需綜合考慮實際需求和開發成本。time（《時代周刊》官網）是個很好的響應式網頁案例。

(2)網頁設計的一些規范擴展資料

網頁設計中的注意事項：

1、網頁設計的尺寸標准：

面向1024-768顯示器解析度開發的網頁尺寸，寬910px；

面向800-600顯示器解析度開發的網頁尺寸，寬778px；

2、網頁設計中的畫布設定：

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體：尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體，12px 是中文操作系統可以表現的最小的字體，內容。

文字大小一-般用兩種，12px 或14px(現在的新的vista據說能表現10px的中文字，但現在使用並不多)。

英文字體：其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體，比起arial字體更美觀和均衡。

效果圖：

網頁效果圖中的網頁字體，雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素，一定要認真使用，因為你不單要設計文字與整體網頁的關系，還要設計字體的樣式表顏色。

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

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

4、一般網站設計的風格規范有哪些內容

大多數設計模板有兩個部分：
文字標准
視覺標准
這兩個標准，是同等重要的，都是整體風格規范的一部分。把元素結合在一起將建立一個整體形象。每一個品牌或企業網站都有自己與眾不同的地方。選擇一個色調和風格，同步運用在字體和視覺畫面的效果上，把你的網站和用戶融為一體。
建立網站整理形象的時候，也正是品牌需求考慮到用戶和相關利益的人對此有何種期望的時候。是否被期待？是否有關聯，是否願意在這樣的網站上進行瀏覽使用等交互行為？
語言風格

雖然我們將主要精力集中於網站風格規范的視覺方面，但語言風格是非常重要的，是整體網站的一部分，也是你與用戶「交談」的方式。語言風格是正式還是輕松的？是冗長或更簡潔的？
用同樣的方式為網站格式寫你的風格規范。這將有助於提示你的團隊知道網站的初步設想，以及如何運用語言風格去協助於品牌標識。
語言風格是與每一位用戶溝通使用的。返回到MailChimp，我們通過他的品牌語言風格的塑造上全面審視。注意到公司談論及它的吉祥物，舉個例子：「Freddie是我們的吉祥物。我們不需要使用他與我們的logo組合。Freddie的臉右側面的，他的表情一直是眨著眼睛的。」
「准則」及用途

你的風格規范應該是你設計的「劇本」。（可能是比「規范」聽起來更通俗易懂？）
它應該概括了如何以及何時使用的字體、顏色和所有其他設計元素類型，讓人更容易理解。包括：
調色板，包括標准色和可適用的色彩
排版，可適用的字體、字型大小、縮進、行間距跳轉
LOGO，包括尺寸和位置
圖標或元素樣式（包括分享按鈕等）
拼寫，選項和格式風格（應該遵循哪種編輯格式？ APA格式？AP格式？或其他？）
照片格式，包括顏色、裁剪尺寸和視覺效果
SEO信息，如ALT標簽和關鍵詞
電網標准（適用於網路或列印）
間距方面的考慮（是否設計的太松或太緊）
反饋接觸信息（可以向團隊成員提問或建議的）
簡單而具體的概念

這可能是最困難的部分，你需要明白這些信息，並將其爛熟於心，理解成簡單、具體、可操作性強的概念：
當涉及到風格規范不能走極端，只是一個視覺參考，而通過這種方式去設計。
組合相關內容，並快速相關聯，比如頁面的顏色、已經跳轉進入另一頁的圖形和照片等。
為可以顯示的內容舉一些相似的例子，不需要解釋的部分用佔位符。
盡可能地提供細節，色彩樣式，例如，包括RGB（或HEX ）和CMYK值等，使顏色可以規范使用。
打破部分常用的元素案例去設計。
片段和實例

無論你的設計風格規范是用於印刷還是數字使用或基於Web的文檔，應該包含有用的工具。部分有用的元素品牌案例做得到也可能做不到，但他可以很容易把重點放在你想看到的品牌視覺上。
然後，創建一個易操作的目錄。創建原型組（或一組常見的元素，這取決於你使用的軟體） 。保存在一個常用的位置，使其容易操作並且生成容易修改的文件。
為參與該項目的每個人提供基於雲端軟體的工具列表。（這包括鏈接、用戶名等基本信息。）確保所有字體包、logo和圖像文件是在一個常用的位置，所有的使用者都知道他們在哪裡。 （在另一個地方保留備份，以防原文件、作品丟失。）
創建代碼片段，易於復制並粘貼到項目主列表。這樣不用每次重建，常見的元素需要被分享在一個每個人都可以訪問的共享位置。
最後一步是進化優化。每件事情都可能會變，而且必然要經歷蛻變。
執行風格規范

最後，最大的問題是「如何讓人們遵循風格規范呢？」按照以上這些列出的內容，你已經有一個很好的方式擁有了設計的輪廓，具有了簡單、具體的概念。
風格規范是很容易被追隨的，就像你寫的網站一樣。語言是簡單的和不生僻的，可以讓人們去追隨這些准則。
風格規范應該留下足夠的設計空間對於其靈活性和實際製作上。就像你的品牌，在一定范圍內，可以幫助團隊成員發揮他們設計的創造力，也同時創造新的東西。風格規范的所有者也是如此，這是指批准、更新和變化設計風格規范的人，並能回答有關設計決策問題的所有人。這個「所有者」可以是個人團隊，或者更大組織的規模。

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

一 固定的內容：

 1.PS中設計解析度為：72像素/英尺(圖片質量的像素點) 

2. 顏色模式RGB 8位(顯示器的三原色紅，綠，藍為RGB)

不固定的內容：

 1.背景 a.純色背景平鋪(自適應瀏覽器) 

b.漸變色或底紋平鋪背景(自適應瀏覽器) 目前網頁設計中都會做通欄大圖，以方便吸引客戶，增加網站整體美觀

 c.通欄大圖

二.屏幕解析度 

標准解析度：1920px*1080px

主體設計內容寬度：1000px(常用寬度：960px，1170px，980px，1100px，1200px) 首屏高度大約在700px

常用解析度：1280px*768px 主體設計內容寬度：1200px(常用寬度：1190px，1170px，1100px，1200px) 首屏高約：750px

三.設計文檔大小 1.PS中新建文檔寬要大於主體設計內容的寬度(目的為了表現設計意圖，展示背景效果，左右寬度最少200px) 2.設計到通欄大圖片新建文檔的寬度：1920px，所有的設計文檔寬1920px主體內容根據具體情況而定(主體內容要是想要適應所有用戶必須低於1000px)

6、網頁設計應當遵循的規范？

在我認為設計當中沒有具體的規范，一切都是根據設計者自己酌情而定。設計當中沒有誰定死了各個模塊的大小，例如logo是什麼尺寸，banner又是什麼尺寸，這些都是自己定的。而你在設計這些的時候要符合美感，符合公司的形象。
相對於整體頁面寬度我建議是980、1000-1004，因為這些寬度在1024解析度下是不會出現橫向滾動條的。
你現在是新手把？我覺得你現在考慮的問題不是大小，而是顏色搭配。你設計的規格大小再怎麼規范，再怎麼合理如果沒有用對顏色，都是白搭。

7、網頁設計時文本設計一般有什麼樣的原則和規范

1、長文本使用標准字型大小
2、主動留白

3、友好的行高
4、行間距字間距的設置

8、網站製作都有哪些規范？

基 本 要 求

1. 在網站根目錄中開設images common temp 三個子目錄，根據需要再開設media 子目錄， images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner 條、菜 單、按鈕等等；common 子目錄中放css、js,、php、include 等公共文件；temp 子目錄放客戶提供的各種文字圖片等等原始資料；media 子目錄中放flash, avi, quick time 等多 媒體文件 。

2. 在根目錄中原則上應該按照首頁的欄目結構，給每一個欄目開設一個目錄，根據需要在每一個欄目的目錄中開設一個images 和media 的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內容特別多，又分出很多下級欄目，可以相應的再開設其他目錄。

3. temp 目錄中的文件往往會比較多，建議以時間為名稱開設目錄，將客戶陸續提供的資料歸類整理。

4. 除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數字、下劃線的組合，其中不得包含漢字、空格和特殊字元；目錄的命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄名稱，經驗證明，用拼音命名的目錄往往連一個月後的自己都看不懂，

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

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

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

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

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

(9)網頁設計的一些規范擴展資料：

網頁設計

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

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

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

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

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