軟件人機(jī)界面設(shè)計（第八章 Internet網(wǎng)頁界面設(shè)計）

1、第八章 Internet網(wǎng)頁界面設(shè)計第二篇 人機(jī)界面設(shè)計開發(fā)方法學(xué)習(xí)目標(biāo)1、網(wǎng)頁的特性以及網(wǎng)頁設(shè)計有哪些基本原則？2、掌握網(wǎng)頁設(shè)計中色彩的使用原則。3、掌握網(wǎng)頁的布局和網(wǎng)站建設(shè)的基本方法。第八章 Internet網(wǎng)頁界面設(shè)計8.1 網(wǎng)頁的特點(diǎn)及其設(shè)計原則8.2 網(wǎng)頁的色彩8.3 網(wǎng)頁的布局8.4 網(wǎng)站設(shè)計網(wǎng)頁的特點(diǎn)及其設(shè)計原則 網(wǎng)頁設(shè)計是藝術(shù)與技術(shù)的高度統(tǒng)一，網(wǎng)頁設(shè)計包含視聽元素、網(wǎng)頁布局等多項(xiàng)內(nèi)容，以主題鮮明、形式與內(nèi)容相統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計原則，具有交互性與持續(xù)性、多維性、綜合性、版式的不可控性、藝術(shù)與技術(shù)結(jié)合的緊密性等五個特點(diǎn)。 網(wǎng)頁設(shè)計的內(nèi)容及其特點(diǎn) 網(wǎng)頁設(shè)計涉及的具體內(nèi)容很多，可以概

2、括為視聽元素、色彩和布局三個方面。網(wǎng)頁設(shè)計具有以下一些特點(diǎn)：1.交互性與持續(xù)性2.多維性3.多種媒體的綜合性4. 布局的不可控性視聽元素設(shè)計范例網(wǎng)頁色彩范例網(wǎng)頁布局網(wǎng)頁設(shè)計的原則 網(wǎng)頁的設(shè)計，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設(shè)計者必須掌握以下三個主要原則：1.主題鮮明2.形式與內(nèi)容統(tǒng)一3.強(qiáng)調(diào)整體網(wǎng)頁的色彩 色彩可能是許多設(shè)計者感覺最難把握的東西，因?yàn)樯蕟栴}不是純粹的物理或化學(xué)問題，還有感知的因素在里面。 有關(guān)色彩的問題之所以比較難以解決，是因?yàn)樯什皇且粋€簡單的物理量。因?yàn)椴煌娜藢τ谙嗤饩€的色彩感覺有可能不同，色彩還有心理方面的因素在里面。色彩的直接心理效應(yīng)來自色彩的物理光

3、刺激對人的生理發(fā)生的直接影響。 冷色與暖色網(wǎng)頁的布局網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型 網(wǎng)頁的布局對網(wǎng)站的廣告效應(yīng)起較大的影響。當(dāng)廣告出現(xiàn)在布局雜亂的頁面上時，顧客通常不會對廣告商標(biāo)留有深刻的印象。雜亂的頁面設(shè)計會使商標(biāo)效應(yīng)降低8%。因此設(shè)計者應(yīng)該重視網(wǎng)頁的布局。網(wǎng)站設(shè)計 網(wǎng)站設(shè)計中常見的錯誤1. 用戶界面元素不一致。2. 導(dǎo)航欄位置不一致。3. 不太注意或根本不注意基本的圖形設(shè)計原則，例如排版式樣、色彩和版面的設(shè)計。4. 相關(guān)元素和功能的隨意分組。5. 網(wǎng)頁過于龐大以至使訪問者進(jìn)行長時間的下載。網(wǎng)站設(shè)計網(wǎng)站設(shè)計流

4、程：每個網(wǎng)站設(shè)計項(xiàng)目都是在一定的基礎(chǔ)上開始的，網(wǎng)站設(shè)計從早期的產(chǎn)品計劃階段（第一階段）、撰寫項(xiàng)目說明書（第二階段）到最后的開發(fā)階段（第三階段）。1. 產(chǎn)品計劃階段2. 撰寫項(xiàng)目說明書3. 開發(fā)階段網(wǎng)站幫助信息的設(shè)計 不論網(wǎng)站界面設(shè)計得多么好，有時用戶還是需要幫助。應(yīng)根據(jù)操作的難易程度和用戶的類別，為網(wǎng)站設(shè)計層次不同但相對完善的幫助體系?？梢圆捎玫姆椒òń⒙?lián)機(jī)幫助、工具提示、狀態(tài)條、“這是什么”幫助等表現(xiàn)形式。習(xí)題八8.1 寫出網(wǎng)頁設(shè)計原則的要點(diǎn)。8.2 根據(jù)網(wǎng)站設(shè)計經(jīng)驗(yàn)，寫出體會或評論。8.3 設(shè)計一個“個人網(wǎng)站”的原型系統(tǒng)，該網(wǎng)站具有以下交互功能： 留言板：讓訪問者給你的站點(diǎn)提提意見； 論壇：討論某個特定主題，它和留言板的區(qū)別是留言板可以包含任何內(nèi)容； 調(diào)查表單：利用個人站點(diǎn)，可以對某一問題進(jìn)行調(diào)查，并可看各意見的支持率； 訂閱表單：通過郵件給訂閱者提供站點(diǎn)的更新信息； 聊天室：一個即時的對話場所，特別可以對一