頁面設計規范

⑴ web界面設計規范有哪些

一、網頁復尺寸
製作網頁時，我們選制用的解析度是72像素/英寸，使用的畫布尺寸1920px*1080px。
但是並不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種，左右型布局和居中型布局。布局的不一致，使得可設計的空間也不相同。
二、網頁字體
字體設計的總原則是：可辨識性和易讀性。
網頁的文字設計是系統默認的字體：宋體、微軟黑體、蘋果系統黑體，英文則建議使用arial無襯線字體
常用的字型大小大小有以下幾種：
12px是應用於網頁的最小字體，適用於非突出性的日期，版權等注釋性內容。
14px 則適用於非突出性的普通正文內容。
16px、18px或者20px 適用於突出性的標題內容。

⑵ 一般網頁的尺寸規范是多少

網站 首頁頁面寬度 px
Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960

隨著電腦的發展，顯示器是越來越大，解析度也是越來越高，為了照顧所有不同顯示器的用戶，把網站的製作尺寸規范就定在1024*768下，網頁寬度保持在1002-1004以內，高度還是以根據需要製作的內容在定，如果只想網頁只在一屏內顯示，不要上下滾動條， 一般高度是600-635像素之間, 就不會出現垂直滾動條。

在ps裡面做網頁可以在1003*600狀態下顯示全屏，頁面的下方也不會出現滑動條，尺寸為1003*650像素左右 。

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

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

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

網站頁面大小其實並沒有一個統一的標准，不過網站建設好之後要記得測試各瀏覽器的兼容性，很可能在IE沒問題的情況下，其他瀏覽器出現錯位的情況。

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

⑷ 用戶界面的設計規范

一致性原則
堅持以用戶體驗為中心設計原則，界面直觀、簡潔，操作方便快捷，用戶接觸軟體後對界面上對應的功能一目瞭然、不需要太多培訓就可以方便使用本應用系統。 字體-保持字體及顏色一致，避免一套主題出現多個字體；-不可修改的欄位，統一用灰色文字顯示。 對齊-保持頁面內元素對齊方式的一致，如無特殊情況應避免同一頁面出現多種數據對齊方式。 表單錄入-在包含必須與選填的頁面中，必須在必填項旁邊給出醒目標識（*）；-各類型數據輸入需限制文本類型，並做格式校驗如電話號碼輸入只允許輸入數字、郵箱地址需要包含「@」等，在用戶輸入有誤時給出明確提示。 滑鼠手勢-可點擊的按鈕、鏈接需要切換滑鼠手勢至手型； 保持功能及內容描述一致-避免同一功能描述使用多個詞彙，如編輯和修改，新增和增加，刪除和清除混用等。建議在項目開發階段建立一個產品詞典，包括產品中常用術語及描述，設計或開發人員嚴格按照產品詞典中的術語詞彙來展示文字信息。 准確性原則
使用一致的標記、標准縮寫和顏色，顯示信息的含義應該非常明確，用戶不必再參考其它信息源。 顯示有意義的出錯信息，而不是單純的程序錯誤代碼。 避免使用文本輸入框來放置不可編輯的文字內容，不要文本將輸入框當成標簽使用。 使用縮進和文本來輔助理解。 使用用戶語言詞彙，而不是單純的專業計算機術語。 高效地使用顯示器的顯示空間，但要避免空間過於擁擠。 保持語言的一致性，如「確定」對應「取消」,「是」對應「否」。 布局合理化原則
在進行UI設計時需要充分考慮布局的合理化問題，遵循用戶從上而下，自左向右瀏覽、操作習慣，避免常用業務功能按鍵排列過於分散，以造成用戶滑鼠移動距離過長的弊端。多做「減法」運算，將不常用的功能區塊隱藏，以保持界面的簡潔，使用戶專注於主要業務操作流程，有利於提高軟體的易用性及可用性。 菜單-保持菜單簡潔性及分類的准確性，避免菜單深度超過3層。-菜單中功能是需要打開一個新頁面來完成的，需要在菜單名字後面加上「…」。【只適用於C/S架構，B/S請無視】。 按鈕確認操作按鈕放置左邊，取消或關閉按鈕放置於右邊。 功能-未完成功能必須隱藏處理，不要置於頁面內容中，以免引起誤會。 排版-所有文字內容排版避免貼邊顯示（頁面邊緣），盡量保持10-20像素的間距並在垂直方向上居中對齊；各控制項元素間也保持至少10像素以上的間距，並確保控制項元素不緊貼於頁面邊沿。 表格數據列表-字元型數據保持左對齊，數值型右對齊（方便閱讀對比），並根據欄位要求，統一顯示小數位位數。 滾動條-頁面布局設計時應避免出現橫向滾動條。 頁面導航（麵包屑導航）-在頁面顯眼位置應該出現麵包屑導航欄，讓用戶知道當前所在頁面的位置，並明確導航結構，如：首頁>新聞中心>歐科智能招商服務平台正式發布，其中帶下劃線部分為可點擊鏈接。 信息提示窗口-信息提示窗口應位於當前頁面的居中位置，並適當弱化背景層以減少信息干擾，讓用戶把注意力集中在當前的信息提示窗口。一般做法是在信息提示窗口的背面加一個半透明顏色填充的遮罩層。 系統操作合理性原則 盡量確保用戶在不使用滑鼠（只使用鍵盤）的情況下也可以流暢地完成一些常用的業務操作，各控制項間可以通過Tab鍵進行切換，並將可編輯的文本全選處理。 查詢檢索類頁面，在查詢條件輸入框內按回車應該自動觸發查詢操作。 在進行一些不可逆或者刪除操作時應該有信息提示用戶，並讓用戶確認是否繼續操作，必要時應該把操作造成的後果也告訴用戶。 信息提示窗口的「確認」及「取消」按鈕需要分別映射鍵盤按鍵「Enter」和「ESC」。 避免使用滑鼠雙擊動作，不僅會增加用戶操作難度，還可能會引過用戶誤會，認為功能點擊無效。 表單錄入頁面，需要把輸入焦點定位到第一個輸入項。用戶通過Tab鍵可以在輸入框或操作按鈕間切換，並注意Tab的操作應該遵循從左向右、從上而下的順序。 系統響應時間原則
系統響應時間應該適中，響應時間過長，用戶就會感到不安和沮喪，而響應時間過快也會影響到用戶的操作節奏，並可能導致錯誤。因此在系統響應時間上堅持如下原則： 2-5秒窗口顯示處理信息提示，避免用戶誤認為沒響應而重復操作； 5秒以上顯示處理窗口，或顯示進度條； 一個長時間的處理完成時應給予完成警告信息。

⑸ UI設計規范都有哪些

好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。
1.簡易性
界面的簡潔是要讓用戶便於使用、便於了解產品，並能減少用戶發生錯誤選擇的可能性。
2.用戶語言
界面中要使用能反映用戶本身的語言，而不是游戲設計者的語言。
3.記憶負擔最小化
人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩定，24小時內存在約25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。
4.一致性
它是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與產品內容相一致。
5.清楚
在視覺效果上便於理解和使用。
6.用戶的熟悉程度
用戶可通過已掌握的知識來使用界面，但不應超出一般常識。
7.從用戶習慣考慮
想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。
通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設計。如：書籍對比竹簡。
8.排列
一個有序的界面[1] 能讓用戶輕松的使用。
9.安全性
用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。
10.靈活性
簡單來說就是要讓用戶方便的使用，但不同於上述。即互動多重性，不局限於單一的工具(包括滑鼠、鍵盤或手柄、界面)。
11.人性化
高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統，即用戶可依據自己的習慣定製界面，並能保存設置。
12.顏色不一樣
UI設計師是隨著網路而興起的新興設計行業，從事對軟體的人機交互、操作邏輯、界面美觀的整體設計工作
涉及范圍包括商用平面設計、高級網頁設計、移動應用界面設計及跨媒介設計以人為本，以用戶體驗需求為基礎，發展多元化是目前中國信息產業中最為搶手的人才之一。

⑹ 軟體界面設計的設計規范

系統響應時間應該適中，響應時間過長，用戶就會感到不安和沮喪，而響應時間過快也專會影響到用屬戶的操作節奏，並可能導致錯誤。因此在系統響應時間上堅持如下原則： 2-5秒窗口顯示處理信息提示，避免用戶誤認為沒響應而重復操作； 5秒以上顯示處理窗口，或顯示進度條； 一個長時間的處理完成時應給予完成警告信息。
網路：軟體界面

⑺ 網站界面設計規范有哪些

易用性規范

2.001 常用按鈕要支持快捷方式。

2.002 完成同一功能或任務的元素放在集中位置，減少滑鼠移動的距離。

2.003 界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。

2.004 界面上首先應輸入的和重要信息的控制項在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。

2.005 分頁界面要支持在頁面間的快捷切換，常用組合快捷鍵Ctrl+Tab

2.006 默認按鈕要支持Enter和選操作，即按Enter後自動執行默認按鈕對應操作。

2.007 可寫控制項檢測到非法輸入後應給出說明並能自動獲得焦點。

2.008 Tab鍵的順序與控制項排列順序要一致，目前流行總體從上到下，同時行間從左到右的方式。

2.009 復選框和選項框，按選擇幾率的高底而先後排列。

2.010 復選框和選項框要有默認選項，並支持Tab選擇。

2.011 界面空間較小時使用下拉框而不用選項框。

2.012 選項數較少時使用選項框，相反使用下拉列表框。

2.013 根據用戶不同採用相應的詞語語氣語調，如專用軟體，可以出現很多專業詞彙;用戶為兒童：這可以語氣親切和藹;老年用戶則應該成熟穩重。

2.014 滑鼠為不可點擊狀態時顯示箭頭，可點擊狀態顯示手型;系統忙時顯示沙漏形狀
規范性規范

2.015 菜單前的圖標能直觀的代表要完成的操作。

2.016 工具欄要求可以根據用戶的要求自己選擇定製。

2.017 系統常用的工具欄設置默認放置位置。

2.018 工具箱要具有可增減性，由用戶自己根據需求定製。

2.019 狀態條要能顯示用戶切實需要的信息，常用的有、目前的操作、系統狀態、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長，還應該顯示進度條和進程提示。

2.020 滾動條的長度要根據顯示信息的長度或寬度能及時變換，以利於用戶了解顯示信息的位置和百分比。

2.021 狀態條的高度以放置五號字為宜，滾動條的寬度比狀態條的略窄。

2.022 菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時仍有立體感。

2.023 工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協調。

幫助規范

2.024 幫助文檔中的性能介紹與說明要與系統性能配套一致。

2.025 打包新系統時，對作了修改的地方在幫助文檔中要做相應的修改。

2.026 在界面上調用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。

2.027 用戶可以用關鍵詞在幫助索引中搜索所要的幫助，當然也應該提供幫助主題詞。

2.028 如果沒有提供書面的幫助文檔的話，最好有列印幫助的功能。

2.029 在幫助中應該提供我們的技術支持方式，一旦用戶難以自己解決可以方便的尋求新的幫助方式。

合理性規范

2.030 與正在進行的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示，沒法使用該按鈕)。

2.031 對可能造成數據無法恢復的操作必須提供確認信息,給用戶放棄選擇的機會。

2.032 非法的輸入或操作應有足夠的提示說明。

2.033 對運行過程中出現問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成無限期的等待。

2.034 提示、警告、或錯誤說明應該清楚、明了、恰當。

2.035 提交失敗後必須保存用戶已經輸入的內容，以便修改後再次提交。

美觀與協調規范

2.036 長寬接近黃金點比例，切忌長寬比例失調、或寬度超過長度。

2.037 布局要合理,不宜過於密集，也不能過於空曠，合理的利用空間。

2.038 按鈕大小基本相近，忌用太長的名稱，免得佔用過多的界面位置。

2.039 按鈕的大小要與界面的大小和空間要協調。

2.040 避免空曠的界面上放置很大的按鈕。

2.041 放置完控制項後界面不應有很大的空缺位置。

2.042 字體的大小要與界面的大小比例協調。

2.043 前景與背景色搭配合理協調，反差不宜太大，最好少用深色，如大紅、大綠等。如：安全軟體，根據工業標准，可以選取黃色，綠色體現環保，藍色表現時尚、紫色表現浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等。

2.044 如果使用其他顏色，主色要柔和，具有親和力與磁力，堅決杜絕刺目的顏色。

2.045 界面風格要保持一致，字的大小、顏色、字體要相同，除非是需要藝術處理或有特殊要求的地方。

2.046 如果能給用戶提供自定義界面風格則更好，由用戶自己選擇顏色、字體等。

2.047 色盲、色弱用戶，即使使用了特殊顏色表示重點或者特別的東西，也應該使用特殊指示符。

2.048 顏色方案也需要測試，常常由於顯示器、顯卡的問題，色彩表現每台機器都不一樣，應該經過嚴格測試，不同機器進行顏色測試。

2.049 使用統一的語言描述，例如一個關閉功能按鈕，可以描述為退出、返回、關閉，則應該統一規定。

菜單設計規范

2.050 菜單通常採用"常用--主要--次要--工具--幫助"的位置排列，符合流行的Windows風格。

2.051 常用的有"文件"、"編輯"，"查看"等，幾乎每個系統都有這些選項，當然要根據不同的系統有所取捨。

2.052 下拉菜單要根據菜單選項的含義進行分組，並按照一定的規則進行排列，用橫線隔開。

2.053 一組菜單的使用有先後要求或有向導作用時，應該按先後次序排列。

2.054 沒有順序要求的菜單項按使用頻率和重要性排列，常用的放在開頭，不常用的靠後放置;重要的放在開頭，次要的放在後邊。

2.055 如果菜單選項較多，應該採用加長菜單的長度而減少深度的原則排列。

2.056 菜單深度一般要求最多控制在三層以內。

2.057 對與進行的操作無關的菜單要用屏蔽的方式加以處理，如果採用動態載入方式——即只有需要的菜單才顯示——最好。

2.058 菜單前的圖標不宜太大，與字高保持一直最好。

2.059 主菜單的寬度要接近，字數不應多於四個，每個菜單的字數能相同最好。

2.060 主菜單數目不應太多，最好為單排布置。

獨特性規范

2.061 安裝界面上應有單位介紹或產品介紹，並有自己的圖標。

2.062 主界面，最好是大多數界面上要有公司圖標。

2.063 登錄界面上要有本產品的標志，同時包含公司圖標。

2.064 幫助菜單的"關於"中應有版權和產品信息。

2.065 公司的系列產品要保持一直的界面風格，如背景色、字體、菜單排列方式、圖標、安裝過程、按鈕用語等應該大體一致。

安全性規范

2.066 應當注意盡可能避免用戶無意錄入無效的數據。

2.067 採用相關控制項限制用戶輸入值的種類。

2.068 當用戶作出選擇的可能性只有兩個時,可以採用單選框。

2.069 當選擇的可能再多一些時,可以採用復選框,每一種選擇都是有效的,用戶不可能輸入任何一種無效的選擇。

2.070 當選項特別多時，可以採用列表框，下拉式列表框。

2.071 在一個應用系統中,開發者應當避免用戶作出未經授權或沒有意義的操作。

2.072 對可能引起致命錯誤或系統出錯的輸入字元或動作要加限制或屏蔽。

2.073 對可能發生嚴重後果的操作要有補救措施。通過補救措施用戶可以回到原來的正確狀態。

2.074 對一些特殊符號的輸入、與系統使用的符號相沖突的字元等進行判斷並阻止用戶輸入該字元。

2.075 對錯誤操作最好支持可逆性處理，如取消系列操作。

2.076 在輸入有效性字元之前應該阻止用戶進行只有輸入之後才可進行的操作。

2.077 對可能造成等待時間較長的操作應該提供取消功能。

2.078 特殊字元常有;;'"><,`'、"["{、\|｝]+=)-(_*&&^%$ #@!~,.。?/還有空格。

2. 079 與系統採用的保留字元沖突的要加以限制。

2.080 讀入用戶所輸入的信息時，根據需要選擇是否去掉前後空格。

2.081 有些讀入資料庫的欄位不支持中間有空格，但用戶切實需要輸入中間空格，這時要在程序中加以處理。

輸入項規范

2.082 必輸項中不可為空，不可輸入空格

2.083 必輸項給出必輸項標識(*)。

2.084 非必輸項欄位，Null插入資料庫時不會出錯，在資料庫中設置默認值

2.085 日期顯示格式一致;或提供固定格式的選擇。

2.086 輸入區域輸入特殊字元，插入資料庫時不出錯或提示不允許輸入特殊字元。

2.087 英文輸入不區分大小寫，不可輸入漢字、數字及特殊字元

2.088 數值欄位只能輸入+ ，— ，0~9及功能鍵(BackSpace 游標) 。數值不能為負數。

2.089 單行文本框/多行文本框;長度合適，可以容納相應文字，但不能超過資料庫該欄位長度，最好將可以輸入的最大字元數標在旁邊。建議單行文本框中當輸入的字元超過一定長度時再輸入無效;對於多行文本框給出最大字元數標識

2.090 附件;可正常添加符合格式的附件; 附件可正常打開和保存，附件名較長時可正常操作;直接輸入錯誤的附件地址，保存時應給出提示信息;附件打開和保存到本地時，文件名要顯示原文件的文件名。

2.091 密碼輸入;在需求中定義密碼是否允許為空或空格;密碼是否允許特殊字元;是否區分大小寫，密碼的可輸入長度;程序中應給出文字說明密碼的可輸入長度。

⑻ 網頁設計標準的網頁設計標准尺寸

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

⑼ UI界面設計規范有哪些

一、字體

iOS的字體：

中文字體：蘋方 / PingFang SC

CSS：Font-Family：PingFang SC

英文、數字：Helvetial

Andioid的字體：

中文字體：思源黑體 / Noto Sans Han

英文、數字：Roboto

二、規范

1、iPhone界面尺寸

三：小結

iPhone的主流設計尺寸：750x1334 px

1242x2208 px

Andioid的主流設計尺寸：720x1280 px

1080x1920 px

⑽ 網頁設計應當遵循的規范

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