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

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

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

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

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