導航:首頁 > 萬維百科 > 網站界面設計說明

網站界面設計說明

發布時間:2020-08-29 18:43:42

1、網頁設計作品如何寫作品介紹

我是做網站的,我抄有一些建議襲,希望能給樓主以幫助
網站顏色外觀介紹
1、介紹你的網站設計所用的主體色(為什麼用這幾種顏色搭配)
2、文字的選擇和鏈接顏色的設計,為了讓瀏覽者最直接明白你的網站布局
網站的內容和功能介紹
1、首先介紹你的網站的大領域(產品企業站,設計公司站,社區交互站等等);
2、介紹你網站主要是哪些功能及欄目(如企業站的欄目是:企業文化介紹,企業產品介紹,企業聯系方式,企業團隊介紹等等)。

2、網站界面的設計?

你要設計什麼網站?
我有一個購物的!

3、網站界面設計規范有哪些?

易用性規范

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 密碼輸入;在需求中定義密碼是否允許為空或空格;密碼是否允許特殊字元;是否區分大小寫,密碼的可輸入長度;程序中應給出文字說明密碼的可輸入長度。

4、關於網站界面設計

表格容易排版
DIV可以隨意放位置(不過挺容易插亂,要小心一點)
一般一個頁面不要太多的DIV``3,4個就夠了
現在我上網看到的網站大多數都是用表格的 看上去很整齊``

5、網站界面設計應遵循的幾個原則

網站界面設計應遵循的原則主要有以下幾個:
1、用戶導向原則
設計網頁首先要明確到底誰是使用者,要站在用戶的觀點和立場上來考慮設計網站。要作到這一點,必須要和用戶來溝通,了解他們的需求、目標、期望和偏好等。網頁的設計者要清楚,用戶之間差別很大,他們的能力各有不同。另外,用戶使用的計算機機器配置也是千差萬別,包括顯卡、音效卡、內存、網速、操作系統以及瀏覽器等都會有不同。設計者如果忽視了這些差別,設計出的網頁在不同的機器上顯示就會造成混亂。
2、簡潔易操作原則
KISS原則就是"Keep It Sample And
Stupid"的縮寫,簡潔和易於操作是網頁設計的最重要的原則。畢竟,網站建設出來是用於普通網民來查閱信息和使用網路服務。沒有必要在網頁上設置過多的操作,堆積很多復雜和花哨的圖片。該原則一般的要求,網頁的下載不要超過10秒鍾;盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設計盡量簡單,並且有明確的操作提示;網站所有的內容和服務都在顯眼處向用戶予以說明等。
3、布局控制
關於網頁排版布局方面,很多網頁設計者重視不夠,網頁排版設計的過於死板,甚至照抄他人。如果網頁的布局凌亂,僅僅把大量的信息堆集在頁面上,會干擾瀏覽者的閱讀。一般在網頁設計上所要遵循的原理有:
(1)Miller公式。一個人一次所接受的信息量為 7±2
比特。這一原理被廣泛應用於網站建設中,一般網頁上面的欄目選擇最佳在5~9個之間,如果網站所提供給瀏覽者選擇的內容鏈接超過這個區間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累。
(2)分組處理。上面提到,對於信息的分類,不能超過9個欄目。但如果你的內容實在是多,超出了9個,需要進行分組處理。如果,你的網頁上提供幾十篇文章的鏈接,需要每隔7篇加一個空行或平行線做以分組。如果你的網站內容欄目超出9個,如微軟公司的網站,共有11個欄目,超過了9個。
4、視覺平衡
網頁設計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達到視覺平衡,在設計網頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。
例如,你的很多的文字是採用左對齊〈Align=left〉,需要在網頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網頁都會設置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或導航條,而頁腳部分通常放置聯系方式和版權信息等,頁眉和頁腳在設計上也要注重視覺平衡。
同時,也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集,這樣不但不利於讀者閱讀,甚至會引起讀者反感,破壞該網站的形象。在網頁設計上,適當增加一些空白,精煉你的網頁,使得頁面變的簡潔。
5、色彩的搭配和文字的可閱讀性
顏色是影響網頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:紅色和橙色使人興奮並使得心跳加速;黃色使人聯想到陽光,是一種快活的顏色;黑顏色顯得比較莊重,考慮到你希望對瀏覽者產生什麼影響,為網頁設計選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節顏色等)。
為方便閱讀網站上的信息,可以參考報紙的編排方式將網頁的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial,CourierNew,Garamond,Times
NewRoman,中文宋體)最易閱讀,特殊字體用於標題效果較好,但是不適合正文。
6、和諧與一致性
通過對網站的各種元素(顏色、字體、圖形、空白等)使用一定的規格,使得設計良好的網頁看起來應該是和諧的。或者說,網站的眾多單獨網頁應該看起來像一個整體。網站設計上要保持一致性,這又是很重要的一點。
一致的結構設計,可以讓瀏覽者對網站的形象有深刻的記憶;一致的導航設計,可以讓瀏覽者迅速而又有效的進入在網站中自己所需要的部分;一致的操作設計,可以讓瀏覽者快速學會在整個網站的各種功能操作。破壞這一原則,會誤導瀏覽者,並且讓整個網站顯的雜亂無章,給人留下不良的印象。
當然,網站設計的一致性並不意味著刻板和一成不變,有的網站在不同欄目使用不同的風格,或者隨著時間的推移不斷的改版網站,會給瀏覽者帶來新鮮的感覺。
7、個性化
(1)符合網路文化
整個互聯網的文化是一種休閑的、非正式性的、輕松活潑的文化。在網站上使用幽默的網路語言,創造一種休閑的、輕松愉快、非正式的氛圍會使網站的訪問量大增。
(2)塑造網站個性
另外,網站的整體風格和整體氣氛表達要同企業形象相符合並應該很好的體現企業文化,進而形成風格。

與網站界面設計說明相關的知識