網頁界面標准
A. 網頁設計最合適的頁面尺寸是多少
網頁設計標准尺寸:
1. 800×600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則專視版面和內容屬決定。
2. 1024×768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612눯之間,就不會出現水平滾動條和垂直滾動條。
3. 在ps裡面做網頁可以在800×600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740×560左右。
4. 在PS里做的圖到了網上就不一樣了,顏色等等方面,因為web上面只用到256web安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象。
B. 網頁設計合適的頁面尺寸是多少
其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器內解析度的變化,容已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。
如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。
C. 網頁設計中,最小的字型大小應該是多少
網頁設計中的字體一般設置成12px,如果網頁的東西相對比較少,也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果,如果是文本一般為14以上並且帶加粗。
字體沒有特別規定但是有常規的用法:
常規文字 12px;標題,頁頭 14px、16px;大標題,橫幅等 18px。
(3)網頁界面標准擴展閱讀:
網頁設計,是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化),進行網站功能策劃,然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同,應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
網頁設計主要以Adobe產品為主,常見的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代碼工具,其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。
D. Web 頁面採用多大的寬度最合適
網頁設計標准尺寸:
1. 800×600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2. 1024×768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612눯之間,就不會出現水平滾動條和垂直滾動條。
3. 在ps裡面做網頁可以在800×600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740×560左右。
4. 在PS里做的圖到了網上就不一樣了,顏色等等方面,因為web上面只用到256web安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象。
參考:http://..com/link?url=S9TKinXzA3yH-tzVrX0lmQW_uNUcwzcXS5DA_z-Wrxn_jIoZIGvsWaM78dNGwHjBSUCY-hetsZD-TQBrnwZfsq
E. 網頁頁面尺寸一般設置多大才合適
網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.
網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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左右.
F. 網站頁面大小
1024*768 800*600網頁設計頁面大小網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.
網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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
G. 網站界面設計規范有哪些
易用性規范
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 密碼輸入;在需求中定義密碼是否允許為空或空格;密碼是否允許特殊字元;是否區分大小寫,密碼的可輸入長度;程序中應給出文字說明密碼的可輸入長度。
H. 做網頁界面一般的尺寸是多少像素
90%的網站定義寬復度為1000,操製作方法如下:
1、首先打開電腦上的瀏覽器,接著隨便打開一個網頁。在網頁頂部,點擊〈工具〉欄,如下圖所示。
I. web界面設計規范有哪些
一、網頁尺寸
製作網頁時,我們選用的解析度是72像素/英寸,使用的畫布尺寸1920px*1080px。
但是並不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使得可設計的空間也不相同。
二、網頁字體
字體設計的總原則是:可辨識性和易讀性。
網頁的文字設計是系統默認的字體:宋體、微軟黑體、蘋果系統黑體,英文則建議使用arial無襯線字體
常用的字型大小大小有以下幾種:
12px是應用於網頁的最小字體,適用於非突出性的日期,版權等注釋性內容。
14px 則適用於非突出性的普通正文內容。
16px、18px或者20px 適用於突出性的標題內容。
J. 網頁設計合適的頁面尺寸是多少
網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設回計,一般採用全屏展示答和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。