第5章-電子商務(wù)系統(tǒng)設(shè)計(jì).ppt_第1頁
第5章-電子商務(wù)系統(tǒng)設(shè)計(jì).ppt_第2頁
第5章-電子商務(wù)系統(tǒng)設(shè)計(jì).ppt_第3頁
第5章-電子商務(wù)系統(tǒng)設(shè)計(jì).ppt_第4頁
第5章-電子商務(wù)系統(tǒng)設(shè)計(jì).ppt_第5頁
已閱讀5頁,還剩79頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、第5章 電子商務(wù)系統(tǒng)設(shè)計(jì),第5章 電子商務(wù)系統(tǒng)設(shè)計(jì),5.1 電子商務(wù)網(wǎng)站平臺系統(tǒng)設(shè)計(jì),5.2 電子商務(wù)網(wǎng)站應(yīng)用系統(tǒng)設(shè)計(jì),5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),5.1 電子商務(wù)平臺系統(tǒng)設(shè)計(jì),5.1.2 網(wǎng)站安全設(shè)計(jì) 5.1.3 硬件選型 5.1.4 軟件選型,完整的電子商務(wù)網(wǎng)站平臺系統(tǒng)網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu),5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),電子商務(wù)網(wǎng)站平臺系統(tǒng)的構(gòu)成 -網(wǎng)站服務(wù)器(Web服務(wù)器、數(shù)據(jù)庫服務(wù)器) -工作站 -交換機(jī):促成內(nèi)部網(wǎng)絡(luò)中各服務(wù)器和工作站的連接 -防火墻:從邏輯上講內(nèi)部網(wǎng)和外部網(wǎng)分開,保證內(nèi)部網(wǎng)絡(luò)安全 -路由器:實(shí)現(xiàn)本地網(wǎng)與互聯(lián)網(wǎng)的連接,電子商務(wù)網(wǎng)站的建站方案 (

2、1)虛擬主機(jī)(外包) (2)主機(jī)托管(服務(wù)器托管) (3)自建機(jī)房,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),(1)虛擬主機(jī),5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),含義:使用特殊軟硬件技術(shù),把一臺網(wǎng)站服務(wù)器劃分為若干“虛擬”的主機(jī)。每個(gè)虛擬主機(jī)都可是一個(gè)獨(dú)立的網(wǎng)站,具有獨(dú)立的域名、完整的Internet服務(wù)器功能(WWW、FTP、Email等)。同一臺主機(jī)上的虛擬主機(jī)之間完全獨(dú)立,且和獨(dú)立主機(jī)(采用服務(wù)器托管、專線上網(wǎng)等方式建立的服務(wù)器)完全一樣。在這臺機(jī)器上租用空間的用戶可通過遠(yuǎn)程控制技術(shù)全權(quán)控制屬于他的空間,如信息的上下載,應(yīng)用功能的配置等等。,(1)虛擬主機(jī),5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),特點(diǎn):網(wǎng)站服務(wù)器管

3、理簡單,諸如軟件配置、防病毒、防攻擊等安全措施都由專業(yè)服務(wù)商提供,大大簡化了服務(wù)器管理的復(fù)雜性;相對于購買獨(dú)立服務(wù)器,網(wǎng)站建設(shè)費(fèi)用大大降低,為普及中小型網(wǎng)站提供了極大便利;通常情況下,網(wǎng)站建設(shè)完成后虛擬主機(jī)的開通時(shí)間較短。,(1)虛擬主機(jī),5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),適用環(huán)境:對于一些處于發(fā)展初期的小型企業(yè)來說,網(wǎng)站內(nèi)容比較少,功能簡單,訪問量也不大,虛擬主機(jī)的建站方便迅速、服務(wù)器管理簡單等特點(diǎn)就非常適合這類企業(yè)的需要。而且選用虛擬主機(jī)方案,也可大大降低小型企業(yè)在網(wǎng)站人力、財(cái)力等方面的投入成本,并可獲得專業(yè)的維護(hù)、更好的性能而無需維護(hù)人員與昂貴的電源系統(tǒng)支持。,(2)主機(jī)托管,5.1.1 網(wǎng)

4、站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),含義:指在專門的服務(wù)器托管公司環(huán)境里放置一臺服務(wù)器(主機(jī)托管),或向其租用一臺服務(wù)器(主機(jī)租用),通過遠(yuǎn)程控制的方式實(shí)現(xiàn)服務(wù)器的管理。 -主機(jī)租用即由服務(wù)提供商提供硬件及基本軟件的安裝、配置,負(fù)責(zé)服務(wù)器上基本服務(wù)功能的運(yùn)行,用戶獨(dú)享服務(wù)器的資源,并服務(wù)其自行開發(fā)運(yùn)行的程序。 -主機(jī)托管即用戶自備服務(wù)器硬件,自己安裝軟件,由服務(wù)提供商負(fù)責(zé)該機(jī)器能夠連接到網(wǎng)絡(luò)上,并在該機(jī)器當(dāng)機(jī)時(shí)幫助其重啟。,(2)主機(jī)托管,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),特點(diǎn):由于采用專門服務(wù)器,企業(yè)通過此種方式建立的企業(yè)網(wǎng)站,能夠享受專業(yè)的服務(wù)器托管服務(wù),包括穩(wěn)定的網(wǎng)絡(luò)帶寬,恒溫、防塵、防火、防潮、防靜電。具有更

5、大、更強(qiáng)的功能;且在網(wǎng)站建立后,企業(yè)擁有對網(wǎng)站服務(wù)器完全的控制權(quán)限,可自主決定運(yùn)行的系統(tǒng)和從事的業(yè)務(wù),靈活性也較強(qiáng)。,(2)主機(jī)托管,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),適用環(huán)境:對于一些發(fā)展中期的中小企業(yè)來說,要求企業(yè)網(wǎng)站具有較吸引人的布面,具有適合企業(yè)的運(yùn)作機(jī)制,但又無法投入更多的人力作后期維護(hù),那么服務(wù)器托管的方式將十分適合這類企業(yè)選擇。此種方式要求企業(yè)具有一定的經(jīng)濟(jì)實(shí)力,能夠承擔(dān)服務(wù)器的組建、線路租用以及后期維護(hù)費(fèi)用。此方式也可稱為“半自建”。,(3)自建服務(wù)器,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),含義:在企業(yè)內(nèi)部構(gòu)建網(wǎng)站平臺,開發(fā)網(wǎng)站系統(tǒng)以及建立一條直接的Internet連接。企業(yè)自己準(zhǔn)備硬件資

6、源,自己安裝服務(wù)軟件,并自行維護(hù)。需要有水平較高的專業(yè)技術(shù)人員,還得投入較大的資金購置較好性能的服務(wù)器,并且日常維護(hù)工作量也非常大。此類方式完整的平臺構(gòu)建流程包括:申請互聯(lián)網(wǎng)接入線路、申請網(wǎng)站域名、購置網(wǎng)站服務(wù)器、安排專門的技術(shù)人員管理與維護(hù)。,(3)自建服務(wù)器,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),特點(diǎn):此類方式在投入成本方面大大高于虛擬主機(jī)以及服務(wù)器托管,但企業(yè)可以根據(jù)實(shí)際情況配置服務(wù)器,安裝適合企業(yè)運(yùn)作的管理軟件,更快的獲得市場商機(jī)、加強(qiáng)與客戶的溝通;同時(shí),可通過企業(yè)網(wǎng)站服務(wù)器建立內(nèi)部局域網(wǎng),加強(qiáng)員工之間的交流,也方便了企業(yè)對員工工作的監(jiān)控與管理。,(3)自建服務(wù)器,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì)

7、,適用環(huán)境:成熟的大中型企業(yè),或是只是為了實(shí)現(xiàn)單純的文件共享或是訪問量不大的Web需求的中小型企業(yè),均可采用此類網(wǎng)站建設(shè)方式。,(1)虛擬主機(jī) 使用特殊的軟硬件技術(shù),把一臺計(jì)算機(jī)主機(jī)分成一臺臺“虛擬”的主機(jī),每一臺虛擬主機(jī)都具有獨(dú)立的域名和IP地址(或共享IP地址),具有完整的Internet服務(wù)器的功能。 (2)主機(jī)托管 客戶將購置的網(wǎng)絡(luò)服務(wù)器放置在Internet數(shù)據(jù)中心的機(jī)房,由客戶自己進(jìn)行維護(hù),或者是由其它的簽約人進(jìn)行遠(yuǎn)程維護(hù),每年支付一定的費(fèi)用。 (3)自建機(jī)房 在企業(yè)內(nèi)部構(gòu)建網(wǎng)站平臺,開發(fā)網(wǎng)站系統(tǒng)以及建立一條直接的Internet連接。,5.1.1 網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì),電子商務(wù)網(wǎng)站面

8、臨的安全威脅 (1)客戶端威脅 (2)通信信道威脅 (3)服務(wù)器端威脅,5.1.2 網(wǎng)站安全設(shè)計(jì),網(wǎng)站安全設(shè)計(jì)內(nèi)容 (1)硬件網(wǎng)絡(luò)級安全設(shè)計(jì) 網(wǎng)絡(luò)安全設(shè)計(jì) 防火墻、入侵檢測、虛擬專網(wǎng) 服務(wù)器安全設(shè)計(jì) 雙機(jī)熱備份、冗余磁盤陣列、硬件安全加密、不間斷電源 (2)軟件級安全設(shè)計(jì) 操作系統(tǒng)安全設(shè)計(jì) 應(yīng)用軟件安全設(shè)計(jì),5.1.2 網(wǎng)站安全設(shè)計(jì),服務(wù)器選擇 (1)服務(wù)器相關(guān)技術(shù) 小型機(jī)及其相關(guān)技術(shù) SMP技術(shù)、集群技術(shù)、NUMA技術(shù)、模塊化結(jié)構(gòu)、硬件分區(qū) PC服務(wù)器及其相關(guān)技術(shù) SMP技術(shù)、SCSI技術(shù)、 EMP、ASR技術(shù),5.1.3 硬件選型,服務(wù)器選擇 (2)服務(wù)器的選型原則 可靠性高、安全性好 可

9、擴(kuò)展性好 網(wǎng)絡(luò)吞吐量以及網(wǎng)絡(luò)接口能力高 開放的體系結(jié)構(gòu),5.1.3 硬件選型,數(shù)據(jù)存儲選擇 (1)磁盤陣列(RAID) 是通過磁盤陣列與數(shù)據(jù)條塊化方法相結(jié)合, 以提高數(shù)據(jù)可用率的一種結(jié)構(gòu)。RAID 可分為RAID級別0到RAID級別6。 (2)磁帶庫 基于磁帶的備份系統(tǒng),能夠提供自動(dòng)備份和數(shù)據(jù)恢復(fù)功能, (3)光盤庫 一種可存放幾十張或幾百張光盤并帶有機(jī)械臂和一個(gè)光盤驅(qū)動(dòng)器的光盤柜。,5.1.3 硬件選型,路由器選擇 (1)路由器相關(guān)技術(shù)介紹 路由協(xié)議 靜態(tài)路由、動(dòng)態(tài)路由 路由器分類 從能力上、結(jié)構(gòu)上、網(wǎng)絡(luò)位置、功能上劃分,5.1.2 硬件選型,路由器選擇 (2)路由器的選擇原則 類型要對口實(shí)

10、用 功能要強(qiáng)大實(shí)在 對尺寸和品牌也要考慮,5.1.2 硬件選型,交換機(jī)選擇 (1)交換機(jī)及其分類 交換機(jī)可以智能地分析數(shù)據(jù)包,有選擇地將其發(fā)送出去。 局域網(wǎng)交換機(jī)又分為機(jī)架式交換機(jī)、固定配置式帶/不帶擴(kuò)展槽交換機(jī)。,5.1.3 硬件選型,交換機(jī)選擇 (2)交換機(jī)選擇原則 交換端口的數(shù)量 交換端口的類型 系統(tǒng)的擴(kuò)充能力 主干線連接手段 交換機(jī)總交換能力 是否需要路由選擇能力 是否需要熱切換能力 是否需要容錯(cuò)能力 能否與現(xiàn)有設(shè)備兼容,順利連接 網(wǎng)絡(luò)管理能力,5.1.3 硬件選型,防火墻選擇 (1)防火墻及其分類 防火墻在企業(yè)內(nèi)網(wǎng)與因特網(wǎng)間執(zhí)行一定的安全策略,所有從因特網(wǎng)流入或流向因特網(wǎng)的信息都將經(jīng)

11、過防火墻,所有流經(jīng)防火墻的信息都應(yīng)接受檢查。 根據(jù)防御方式的不同,防火墻產(chǎn)品又可分為包過濾型防火墻、應(yīng)用級網(wǎng)關(guān)型防火墻和代理服務(wù)型防火墻。,5.1.2 硬件選型,防火墻選擇 (2)防火墻的選擇原則 防火墻的安全性能 自身安全性、訪問控制能力和抗攻擊能力 防火墻的網(wǎng)絡(luò)性能 最大吞吐量、延遲、轉(zhuǎn)送速率、丟包率、緩沖性能以及訪問控制規(guī)則 防火墻的功能 易管理性和靈活性,5.1.2 硬件選型,網(wǎng)絡(luò)操作系統(tǒng)選擇 (1)主要的網(wǎng)絡(luò)操作系統(tǒng) WINDOWS服務(wù)器操作系統(tǒng)、Linux操作系統(tǒng)、UNIX操作系統(tǒng) (2)選擇網(wǎng)絡(luò)操作系統(tǒng)時(shí)要考慮的因素 成本問題 網(wǎng)絡(luò)操作系統(tǒng)的穩(wěn)定性和可靠性 網(wǎng)絡(luò)操作系統(tǒng)的安全性

12、可集成性與可擴(kuò)展性 維護(hù)的難易程度,5.1.4 軟件選型,數(shù)據(jù)庫軟件選擇 (1)常用數(shù)據(jù)庫軟件 SQL Server、MYSQL、Oracle、DB2 (2)數(shù)據(jù)庫軟件選擇要考慮的問題 數(shù)據(jù)庫的任務(wù)、數(shù)據(jù)庫數(shù)據(jù)量、數(shù)據(jù)修改更新頻率、數(shù)據(jù)庫技術(shù)支持、數(shù)據(jù)庫將運(yùn)行的服務(wù)器平臺上、數(shù)據(jù)庫服務(wù)器硬件軟件配置、購買數(shù)據(jù)庫服務(wù)器軟硬件的預(yù)算、數(shù)據(jù)庫的安全性以及可靠性要求。,5.1.4 軟件選型,WEB服務(wù)器軟件選擇 (1)常用WEB服務(wù)器軟件 Microsoft IIS、Apache、IPlanet Application Server、IBM WebSphere、BEA WebLogic、Tomcat

13、(2)選擇Web服務(wù)器軟件時(shí)應(yīng)該考慮的問題 技術(shù)支持、安全、管理、功能、性能,5.1.4 軟件選型,網(wǎng)站開發(fā)工具選擇 (1)常用網(wǎng)站開發(fā)工具 PHP、Java、 (2)網(wǎng)站開發(fā)工具的選擇原則 開發(fā)工具的選擇主要根據(jù)不同的操作系統(tǒng)平臺以及程序開發(fā)者的使用習(xí)慣來選擇。 如果用戶使用Windows系統(tǒng)和IIS,則開發(fā)工具可以使用ASP .NET;如果用戶使用LINUX系統(tǒng)和Apache Httpd server,則開發(fā)工具可以使用PHP等;如果用戶使用UNIX系統(tǒng)則可以使用Java。,5.1.4 軟件選型,防病毒軟件選擇 (1)主要的防病毒軟件 諾頓(Norton)防毒軟件 Mcafee防毒軟件 卡

14、巴斯基防毒軟件 瑞星防毒軟件 江民防毒軟件,5.1.4 軟件選型,防病毒軟件選擇 (2)防病毒軟件選擇的原則 先進(jìn)的查殺病毒技術(shù) 廠商開發(fā)、服務(wù)的本地化 安裝、操作、管理簡單 能夠?qū)崿F(xiàn)病毒防護(hù)的實(shí)時(shí)性 具備對網(wǎng)絡(luò)內(nèi)服務(wù)器、工作站等所有計(jì)算機(jī)的防病毒能力 具備可實(shí)施遠(yuǎn)程自動(dòng)分發(fā)、自動(dòng)產(chǎn)品版本及防病毒引擎文件升級等遠(yuǎn)程控制功能,5.1.4 軟件選型,服務(wù)器防火墻軟件選擇 (1)適合WINDOWS系統(tǒng)的防火墻軟件 BlackICE Server Protection、Cyberwall PLUS-SV、KFW傲盾防火墻服務(wù)器版 (2)適合LINUX系統(tǒng)防火墻軟件 IPCHAINS、NAI Gaunt

15、let、Firestarter,5.1.4 軟件選型,第5章 電子商務(wù)系統(tǒng)設(shè)計(jì),5.1 電子商務(wù)網(wǎng)站平臺系統(tǒng)設(shè)計(jì),5.2 電子商務(wù)網(wǎng)站應(yīng)用系統(tǒng)設(shè)計(jì),5.2.1 網(wǎng)站結(jié)構(gòu)設(shè)計(jì) 5.2.2 網(wǎng)站功能設(shè)計(jì),5.2 電子商務(wù)網(wǎng)站應(yīng)用系統(tǒng)設(shè)計(jì),網(wǎng)站結(jié)構(gòu)是為了合理地向用戶表達(dá)企業(yè)信息所采用的網(wǎng)站導(dǎo)航、網(wǎng)頁布局、網(wǎng)站文字、網(wǎng)站色彩等。,5.2.1 網(wǎng)站結(jié)構(gòu)設(shè)計(jì),網(wǎng)站導(dǎo)航結(jié)構(gòu)設(shè)計(jì),網(wǎng)站導(dǎo)航的概念和作用 網(wǎng)站導(dǎo)航設(shè)計(jì)思想 導(dǎo)航元素的設(shè)計(jì) 案例分析,生活中的導(dǎo)航,街頭路標(biāo)、商場、圖書館指示牌、頁碼、章節(jié)標(biāo)題,網(wǎng)站中的導(dǎo)航,網(wǎng)站導(dǎo)航的分類,全局導(dǎo)航 每一個(gè)頁面上一組通用的導(dǎo)航元素,以一致的外觀出現(xiàn)在網(wǎng)站的每一頁,扮

16、演著對用戶最基本的訪問方向性指引。 輔助導(dǎo)航 又被稱作“面包屑路徑”或?qū)蛹壊藛?、頁面名稱,全局導(dǎo)航的五元素,實(shí)用工具,搜索的方式,站點(diǎn)ID(標(biāo)志),欄目,返回主頁的鏈接,全局導(dǎo)航五元素站點(diǎn)ID,網(wǎng)站的標(biāo)志 字體、圖形 看起來“像”站點(diǎn)ID,全局導(dǎo)航五元素站點(diǎn)ID,區(qū)別與其他文字和圖片(商場標(biāo)識) 每一頁都應(yīng)該出現(xiàn) 位置處于頁面左上方,全局導(dǎo)航五元素欄目(導(dǎo)航條),到達(dá)主要欄目的鏈接 處于站點(diǎn)層次的最頂端 大部分包括二級菜單目錄,全局導(dǎo)航五元素欄目(導(dǎo)航條),制作技巧: 一級欄目數(shù)量一般不超過8個(gè); 導(dǎo)航的欄目層次一般控制在三級以內(nèi); 設(shè)置合理、層次分明; 設(shè)置醒目、清晰、準(zhǔn)確。 提供網(wǎng)站地圖。

17、,全局導(dǎo)航五元素欄目(導(dǎo)航條),全局導(dǎo)航五元素欄目網(wǎng)站地圖,又稱站點(diǎn)地圖,就是一個(gè)頁面,上面放置了網(wǎng)站上所有頁面的鏈接。在網(wǎng)站上找不到自己所需要的信息時(shí),可把網(wǎng)站地圖作為一種補(bǔ)救措施。,全局導(dǎo)航五元素實(shí)用工具,關(guān)于我們 聯(lián)系我們 隱私聲明 站點(diǎn)地圖 常見問題 人才招聘 購物車,下載 注冊 登錄 論壇 幫助,顧客轉(zhuǎn)化,全局導(dǎo)航五元素搜索,三種模式 避免使用花哨詞匯,如:Quick Find(快速查找)、Quick Search(快速搜索) 注明搜索選項(xiàng)搜索什么? 注明搜索范圍整個(gè)站點(diǎn)?部分站點(diǎn)?整個(gè)web?,網(wǎng)站導(dǎo)航的分類,全局導(dǎo)航 每一個(gè)頁面上一組通用的導(dǎo)航元素,以一致的外觀出現(xiàn)在網(wǎng)站的每一頁

18、,扮演著對用戶最基本的訪問方向性指引。 輔助導(dǎo)航 又被稱作“面包屑路徑”或?qū)蛹壊藛?、頁面名稱,輔助導(dǎo)航“你在這里”指示器,改變文字的顏色 改變按鈕的顏色 使用粗體 按鈕反白,輔助導(dǎo)航“面包屑路徑”,注明從主頁到達(dá)當(dāng)前頁面的路徑 使用文字鏈接,并用“”隔開 最后一個(gè)元素加粗,表示“你在這里”,輔助導(dǎo)航頁面名稱,頁面名稱應(yīng)與點(diǎn)擊的鏈接一致 每個(gè)頁面都應(yīng)該有頁面名稱 要引人注意字體大小、顏色、留白空間,網(wǎng)站導(dǎo)航測試,隨機(jī)進(jìn)入網(wǎng)站的任何一頁,均能快速圈出以下元素 這是什么網(wǎng)站?(站點(diǎn)ID) 這個(gè)網(wǎng)站的主要欄目有哪些?(欄目清單) 在這個(gè)層次上我有哪些選擇?(本頁導(dǎo)航) 我在導(dǎo)航系統(tǒng)的什么位置?(“你在

19、這里”指示器) 我怎么搜索?,站點(diǎn)ID,標(biāo)簽導(dǎo)航條,頁面名稱,搜索框,實(shí)用工具,頁內(nèi)導(dǎo)航,網(wǎng)站導(dǎo)航測試,網(wǎng)站導(dǎo)航設(shè)計(jì)思想,一目了然 引導(dǎo)用戶行為,實(shí)現(xiàn)利益轉(zhuǎn)換 關(guān)注細(xì)節(jié),遵循習(xí)慣用法,方便用戶操作 保持一致性,突出重點(diǎn),網(wǎng)站導(dǎo)航設(shè)計(jì)禁忌,使用移動(dòng)的圖片 采用“很酷”的表現(xiàn)技巧 導(dǎo)航?jīng)]有文字提示,點(diǎn)評:只有當(dāng)鼠標(biāo)移到對應(yīng)的圖片上,才會展開顯示內(nèi)容“電子事業(yè)”,如果單純的看兩個(gè)Our Business,誰能知道有什么區(qū)別呢?,網(wǎng)站頁面布局設(shè)計(jì),什么樣的首頁布局是合理的? 首頁廣告放置的位置是最佳位置嗎? 動(dòng)畫圖片出現(xiàn)在哪個(gè)位置合適? 用戶登陸框?yàn)槭裁醋詈貌灰旁诰W(wǎng)頁左上角?,用戶眼球視線跟蹤實(shí)驗(yàn),

20、瀏覽者的視線通常固定在網(wǎng)頁左上角,然后在這個(gè)區(qū)域逡巡一陣后,開始右移,在頂部位置仔細(xì)停留閱讀后,開始往下掃描。,用戶網(wǎng)頁瀏覽行為的研究結(jié)果,(1)用戶對網(wǎng)頁的瀏覽視線呈 F 型。他們更傾向于在網(wǎng)頁頂部閱讀長句,隨著網(wǎng)頁越往下,他們越不會閱讀長句,這就使得每個(gè)句子的開頭兩個(gè)詞匯尤其重要。 (2)人們非常擅長于篩選出一頁中無關(guān)信息,將注意力集中到一小部分突出的網(wǎng)頁元素中。 (3)訪問者對那些圖片中有人物直視自己的內(nèi)容非常注意,如果那個(gè)直視自己的人物有一定吸引力效果更佳,但相貌不要太漂亮。如果圖片中的人物猶如職業(yè)模特則沒有吸引力,因?yàn)檫@樣的人物沒有現(xiàn)實(shí)親和力。,用戶網(wǎng)頁瀏覽行為的研究結(jié)果,(4)圖片

21、放在網(wǎng)頁正中會對訪問者產(chǎn)生阻礙。(5)用戶對那些提供有用信息的圖片會產(chǎn)生更好的反響,裝飾性過強(qiáng)的圖片則難以激起用戶反應(yīng)。(6)消費(fèi)者對于搜索引擎結(jié)果中的廣告鏈接一瞥而過,作為“其次考慮”的事情,網(wǎng)站頁面布局技巧,最重要的信息放在最顯著位置; 頁面內(nèi)容不宜太繁雜; 在頁面左上角放置企業(yè)LOGO; 公司介紹、聯(lián)系信息、網(wǎng)站地圖等網(wǎng)站實(shí)用工具一般放置在網(wǎng)頁最下方;站內(nèi)檢索、會員注冊等引導(dǎo)客戶的網(wǎng)站實(shí)用工具放置在右側(cè)或中上方顯眼位置。,1.字號 字號大小的計(jì)算:磅或像素。 最適合于網(wǎng)頁正文顯示的字體大小為12磅左右。 較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方 小一些的字體可以用于頁腳和輔助信息 小字號

22、易產(chǎn)生整體感和精致感,但可讀性較差。,網(wǎng)站文字設(shè)計(jì),2.字體 字體選擇是一種感性、直觀的行為,要依據(jù)網(wǎng)頁的總體設(shè)想和瀏覽者的需要。 粗體字強(qiáng)壯有力,有男性特點(diǎn),適合機(jī)械、建筑業(yè)等內(nèi)容;細(xì)體字高雅細(xì)致,有女性特點(diǎn),更適合服裝、化妝品、食品等行業(yè)的內(nèi)容。,網(wǎng)站文字設(shè)計(jì),2.字體 在同一頁面中,字體種類少,版面雅致,有穩(wěn)定感;字體種類多,則版面活躍,豐富多采。 文字大小疏密的處理,能突出重點(diǎn),層次分明。 正文內(nèi)容最好采用缺省字體。 在確有必要使用特殊字體的地方,可將文字制成圖像,然后插入頁面中。,網(wǎng)站文字設(shè)計(jì),3. 行距 一般情況下,接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12,即

23、用字10點(diǎn),則行距12點(diǎn)。 有意識地加寬或縮窄行距,可體現(xiàn)獨(dú)特的審美意趣如,加寬行距可體現(xiàn)輕松、舒展情緒,適用于娛樂性抒情性的內(nèi)容。 通過精心安排,使寬、窄行距并存,可增強(qiáng)版面的空間層次與彈性,表現(xiàn)出獨(dú)到的匠心。,網(wǎng)站文字設(shè)計(jì),點(diǎn)評:上、中部文字編排疏散,傳達(dá)出輕松愉快的感覺。 下部的文字編排采用較小的行距,與上面的編排方式形成對比,豐富了版面空間層次。,色彩的基本知識 網(wǎng)頁色彩的搭配,網(wǎng)站色彩設(shè)計(jì),(1)三原色:紅黃黑 (2)顏色分類:彩色和非彩色(黑白灰) (3)飽和度和透明度:由同一種顏色不同的透明度和色彩飽和度可以組成相似的不同色調(diào)。,色彩的基本知識,飽和度低,飽和度高,(4)色環(huán) 紅

24、黃綠藍(lán)紅依次過度漸變形成 同一顏色在色環(huán)上有2種或更多同色不同色調(diào)顏色 在色環(huán)上靠的越近的顏色越相似,它的對面是顏色的對比色,角度越大對比度越大 分為:暖色、中性色和冷色,暖色調(diào)有前進(jìn)特征,冷色調(diào)有后退的感覺 同一顏色或者相近顏色給人的感覺是和安靜和簡潔,而對比色則給人比較強(qiáng)烈的視覺沖突,色彩的基本知識,(5)色彩的心理感受 設(shè)計(jì)網(wǎng)頁時(shí)選擇一些適合網(wǎng)頁主題或風(fēng)格的顏色.醫(yī)院一般使用黃色和綠色,這樣可以幫助病人更快的痊愈,銀行大多使用藍(lán)色,這樣可以看上去更專業(yè)一點(diǎn),有時(shí)候也會使用綠色,這樣給人的感覺更安全.,色彩的基本知識,(5)色彩的心理感受 不同的飽和度或透明度也會產(chǎn)生不同的感覺,色彩的基本知識,四種配色方式- (1)單一顏色:使用一種顏色加上一種中性色,常用的中性色有黑色白色灰色米色“,網(wǎng)頁色彩的搭配,四種配色方式- (2)單一顏色不同色調(diào):使用同一種顏色,但是該顏色不

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論