第一篇:0417Flash城市形象網(wǎng)站設(shè)計(jì)2.4Flash形象網(wǎng)站應(yīng)用案例分析
Flash軟件在城市形象上網(wǎng)站設(shè)計(jì)中的應(yīng)用研究
2.4 Flash形象網(wǎng)站應(yīng)用案例分析
這里通過典型案例分析當(dāng)前Flash形象網(wǎng)站應(yīng)用狀況和部分應(yīng)用具體細(xì)節(jié)設(shè)計(jì),作為Flash城市形象網(wǎng)站的研究參考。
2.4.1 案例1電影《孔子》官網(wǎng)宣傳站
圖2.1《孔子》電影官方網(wǎng)站截圖
電影《孔子》官方網(wǎng)站由新浪娛樂支持建立,作為宣傳網(wǎng)站使用了以Flash頁面為主的版面設(shè)計(jì),寬度適應(yīng)1024*768分辨率顯示的1000*650dpi,內(nèi)容圖文結(jié)合,動態(tài)元素適度,整體風(fēng)格淡雅古樸,配樂幽遠(yuǎn)清雅,互動切換節(jié)奏平和,普通家用寬帶網(wǎng)絡(luò)環(huán)境下載較快,播放流暢。
開頭動畫使用了節(jié)奏極為舒緩的簡單動畫形式,長度也較短,包含文件體積不大,播放時間能夠順利載入主導(dǎo)航頁面,使整個頁面瀏覽過程連接緊密流暢。
主導(dǎo)航頁面設(shè)計(jì)風(fēng)格淡雅古樸,圖像體積維持較小,但不影響視覺感受,輔助圖形元素采用傳統(tǒng)圖案襯托主題,雪花飄落的背景襯托了整個畫面的節(jié)奏,與同節(jié)奏的互動按鈕統(tǒng)一,整體氣氛濃厚,在軟件技術(shù)應(yīng)用上不存在高難技術(shù)。
二級頁面構(gòu)成純Flash部分的結(jié)構(gòu)基本相同,文字部分以卷軸圖襯托,初始顯示時包含打開動畫,使整個站點(diǎn)視覺感受強(qiáng)烈,風(fēng)格統(tǒng)一。
在網(wǎng)站主導(dǎo)航包含了外部連接頁面,風(fēng)格與主界面一致,其中有一互動游戲頁面,包含了四個簡易植入商業(yè)廣告的Flash游戲,拼圖、填字、問答、速記四個內(nèi)容,均無數(shù)據(jù)庫,以ActionScript編寫。
網(wǎng)站視覺形象統(tǒng)一,動態(tài)節(jié)奏合理,程序設(shè)計(jì)整體難度一般,程序設(shè)計(jì)結(jié)構(gòu)整體配合巧妙,搭載廣告植入自然,合理體現(xiàn)電影風(fēng)格,適當(dāng)介紹電影相關(guān)內(nèi)容,文字量符合快節(jié)奏閱讀習(xí)慣,同時網(wǎng)站給人舒適的感受,幾近完美,無明顯瑕疵。體現(xiàn)了新浪娛樂作為國內(nèi)大型網(wǎng)絡(luò)媒體運(yùn)營商,在設(shè)計(jì)制作上相對較高的水平,值得借鑒參考。
第二篇:0401-Flash在城市形象網(wǎng)站設(shè)計(jì)中的應(yīng)用-摘要
Flash軟件在城市形象上網(wǎng)站設(shè)計(jì)中的應(yīng)用研究
摘 要
依托現(xiàn)代多媒體設(shè)計(jì)理論與商業(yè)應(yīng)用結(jié)合軟件應(yīng)用進(jìn)行系統(tǒng)研究,在此基礎(chǔ)上針對Flash軟件在城市形象網(wǎng)站建設(shè)中的視覺效果設(shè)計(jì)、動靜態(tài)元素設(shè)計(jì)、互動行為設(shè)計(jì)作理論研究與探索嘗試。以云南省馬龍縣城市形象網(wǎng)站設(shè)計(jì)為例,通過實(shí)驗(yàn)性設(shè)計(jì),研究論述Flash在城市形象網(wǎng)站設(shè)計(jì)應(yīng)用中的思路和方法,嘗試導(dǎo)入其它多媒體的互動形式并探討其存在問題,與圖形圖像的合理組合,制作具備合理結(jié)構(gòu)、恰當(dāng)動態(tài)版面、豐富視覺效果的城市形象網(wǎng)站,達(dá)到對小型旅游城市的網(wǎng)絡(luò)宣傳中具備良好視覺感受、信息記憶、準(zhǔn)確傳達(dá)的目的,同時提供同類型應(yīng)用的媒體設(shè)計(jì)參考。
第一部分,論述Flash形象網(wǎng)站的應(yīng)用,在當(dāng)前理論基礎(chǔ)上對Flash媒體應(yīng)用到形象網(wǎng)站作應(yīng)用分析,以及互動多媒體和形象網(wǎng)站之間的具體關(guān)系和方式方法的分析,作為設(shè)計(jì)應(yīng)用研究的前期理論基礎(chǔ)。
第二部分,討論當(dāng)前城市形象網(wǎng)站宣傳的具體需求,分析馬龍城市形象網(wǎng)站的視覺形象需求、互動形式需求,作為設(shè)計(jì)研究內(nèi)容的具體要求,對下一部分的設(shè)計(jì)研究作好內(nèi)容基礎(chǔ)。第三部分,針對研究項(xiàng)目和設(shè)計(jì)內(nèi)容進(jìn)行整體設(shè)計(jì)框架的構(gòu)建,把握設(shè)計(jì)的形式規(guī)范,對馬龍F(tuán)lash城市形象網(wǎng)站的動靜態(tài)視覺效果、互動語言進(jìn)行應(yīng)用分析。
第四部分,具體論述在Flash軟件應(yīng)用設(shè)計(jì)中的技術(shù)路線、形象目標(biāo)的實(shí)現(xiàn)、互動方案的技術(shù)分析,以及設(shè)計(jì)研究中的技術(shù)問題和解決思路的分析。
第五部分,對設(shè)計(jì)結(jié)果進(jìn)行測試,總結(jié)研究成果和有待深化研究的課題,展望Flash城市形象網(wǎng)站的設(shè)計(jì)前景。
關(guān)鍵詞:Flash設(shè)計(jì);城市網(wǎng)站;視覺形象;互動性
第三篇:20140523-Flash城市形象網(wǎng)站設(shè)計(jì)6.總結(jié)和展望
Flash軟件在城市形象上網(wǎng)站設(shè)計(jì)中的應(yīng)用研究
6.總結(jié)和展望
6.1 馬龍F(tuán)lash城市形象網(wǎng)站測試
網(wǎng)站設(shè)計(jì)過程中需要多次測試局部與整體內(nèi)容,本節(jié)就最終設(shè)計(jì)結(jié)果進(jìn)行平臺差異、媒體效果、下載速度做測試說明。
6.1.1平臺測試
平臺測試因網(wǎng)站的使用終端,即受眾所使用的計(jì)算機(jī),存在多種差異可能性,本測試均使用Windows操作系統(tǒng)平臺,對不同硬件水平、顯示器尺寸、瀏覽器版本、瀏覽器設(shè)置幾個因素進(jìn)行了測試,測試目標(biāo)為播放流暢程度、顯示效果情況。
(1)硬件水平:以2005年聯(lián)想品牌主流家用計(jì)算機(jī)揚(yáng)天M和惠普m7199cn為測試平臺進(jìn)行使用測試,播放流暢無斷幀,視覺效果正常。表明本網(wǎng)站硬件需求不高,滿足目前絕大多數(shù)計(jì)算機(jī)上應(yīng)用。另由于Flash應(yīng)用較為普及,不作詳細(xì)測試和報(bào)告。
不同顯示器顯示效果對比:由于主體Flash文件尺寸固定,在不同顯示器尺寸和分辨率下會出現(xiàn)預(yù)期的顯示差異,在相對最為常用的1024*768分辨率下顯示為全屏Flash內(nèi)容,在19英寸寬屏顯示器1440*900和22英寸寬屏1680*1050分辨率下顯示圖像內(nèi)容和尺寸不變,背景區(qū)域顯示為HTML設(shè)定的深灰色云紋圖案背景。在不同差異分辨率下,總體視覺效果顯示良好,符合預(yù)期效果,見圖6.1。
圖6.1 三種主流家用計(jì)算機(jī)顯示器顯示效果對比
圖6.2增加了工具條的瀏覽器
(2)瀏覽器設(shè)置:在InternetExplorer瀏覽器中,大多數(shù)用戶并不調(diào)整瀏覽器的邊框和工具欄大小等設(shè)置,但目前流行的瀏覽器插件,特別是隱蔽安裝的瀏覽器插件較多,如Google搜索欄等,安裝后會出現(xiàn)如圖6.2所顯示的情況,占用了常規(guī)瀏覽器的窗口高度,此種情況下,會導(dǎo)致馬龍形象網(wǎng)站下部信息圖片顯示不全,但視覺信息影響不大。達(dá)到了預(yù)期效果。
(3)文件下載:測試使用Flash軟件自帶模擬下載測試,測試結(jié)果數(shù)據(jù)如下表。模擬帶寬(kb/s)Loading完成速度 播放流暢程度 互動內(nèi)容載入速度
56k(4.7kb/s)44.3秒 動畫內(nèi)容較多部分不流暢 2秒左右延遲,感覺明顯
DSL(32.6kb/s)6.2 基本流暢 0.3秒左右延遲
自定義帶寬(64kb/s)3.1 流暢 極小
T1(131.2kb/s)1.5 非常流暢 無延遲
通過數(shù)據(jù)看出,網(wǎng)站在32.6kb/s帶寬下即可比較流暢的播放和互動,目前個人應(yīng)用寬帶正常情況下都高于此帶寬,互動延遲較小,無明顯影響,優(yōu)于部分特效較多、內(nèi)容復(fù)雜的Flash形象網(wǎng)站。
(4)通過上述平臺測試,本網(wǎng)站制作中的相關(guān)設(shè)置符合所達(dá)到的網(wǎng)頁效果,在主流平臺下能夠正常顯示,并減少或避免了典型情況下的影響。下載和播放速度均適用于目前常規(guī)網(wǎng)絡(luò)帶寬,不存在延遲問題。
第四篇:20140524-Flash城市形象網(wǎng)站設(shè)計(jì)6.1.2視覺效果的整體分析總結(jié)
Flash軟件在城市形象上網(wǎng)站設(shè)計(jì)中的應(yīng)用研究
6.1.2 視覺效果的整體分析總結(jié)
網(wǎng)站整體風(fēng)格設(shè)計(jì)統(tǒng)一中有一定變化,大部分頁面色彩使用淺藍(lán)灰和綠色調(diào)為主,整體色調(diào)協(xié)調(diào)符合色彩規(guī)律,使用中層次表現(xiàn)豐富統(tǒng)一,一定程度上體現(xiàn)出了馬龍形象表現(xiàn)需求的人文意境和自然環(huán)境感受。色彩分布如圖5.13所示頁面色彩布局的三種類型。
網(wǎng)站的動畫整體節(jié)奏把握為舒緩型,位移動畫和漸顯動畫為主要形式,穿插了局部元素掃光效果、閃爍點(diǎn)效果和變色效果,數(shù)量不多,整體節(jié)奏合理,層次豐富?;觾?nèi)容的視覺效果節(jié)奏把握以整體節(jié)奏為背景略有突出,配合音效、提示動態(tài),達(dá)到了預(yù)期互動設(shè)計(jì)的視覺要求。
圖5.13 頁面色彩搭配方案
第五篇:淘寶電子商務(wù)網(wǎng)站案例分析
淘寶電子商務(wù)網(wǎng)站分析
一.背景
2003:生于沸騰年代2003年,淘寶網(wǎng)誕生。
2004:長于杭州福地2004年,淘寶網(wǎng)在競爭對手的封鎖下獲得突破性增長。2005:搭上中國消費(fèi)快車2005年,淘寶網(wǎng)超越eBay易趣,并且開始把競爭對手們遠(yuǎn)遠(yuǎn)拋在身后。
2006:從生存秀到生活秀2006年,淘寶網(wǎng)成為亞洲最大購物網(wǎng)站,同年,中國網(wǎng)民突破1億。
2007:網(wǎng)絡(luò)零售商圈顯現(xiàn)2007年,淘寶網(wǎng)不再是一家簡單的拍賣網(wǎng)站,而是亞洲最大的網(wǎng)絡(luò)零售商圈。
2008:淘寶網(wǎng)的明天2008年——未來,淘寶網(wǎng)會變成什么?
淘寶吉祥物 2008年,在一個商務(wù)研討會上,一個專家如此說,“如果要定義淘寶網(wǎng)的成功道路的話,那么只可能是這么一句話:它終于將一個商業(yè)工具轉(zhuǎn)變?yōu)橐粋€生活工具?!?/p>
二.網(wǎng)站分析
1)網(wǎng)站的結(jié)構(gòu)
網(wǎng)站設(shè)計(jì)方案主題鮮明,版式,目錄結(jié)構(gòu)設(shè)計(jì)相緊密,網(wǎng)頁形式與內(nèi)容相統(tǒng)一.多媒體功能的利用。
淘寶網(wǎng)在整個的版式設(shè)計(jì)上,緊緊圍繞淘寶二字這一主題,靜,動態(tài)網(wǎng)頁技術(shù)的應(yīng)用,三維動畫,F(xiàn)LASH,等多媒體技術(shù)的應(yīng)用,還有就是網(wǎng)頁文字配合圖片,更好地體現(xiàn)了淘寶二字。淘寶網(wǎng)目前熱門成交商品,主要以計(jì)算機(jī)數(shù)碼類產(chǎn)品所占比例最高、單價(jià)也最高,其次是女性化妝品和服飾類,第三是玩具收藏品。
在目錄結(jié)構(gòu)上,淘寶網(wǎng)為商家到個人、個人到個人搭建的一個平臺,這個平臺包括現(xiàn)在個人交易的所有模式,拍賣、一口價(jià)、討價(jià)還價(jià)和張貼海報(bào),淘寶側(cè)重于對商戶的吸引。并且按欄目內(nèi)容建立子目錄,每個欄目目錄下都建立獨(dú)立的images目錄,而且每個目錄的分類都達(dá)到了四級分類,這是一般的網(wǎng)站所達(dá)不到的2)訪問速率,訪問人數(shù),注冊用戶數(shù)量
淘寶網(wǎng),致力于成就全球最大的個人交易網(wǎng)站,他是典型的C2C應(yīng)用模式。平均6000萬的訪問量。
淘寶網(wǎng)(Taobao,口號:淘!我喜歡。)是亞太最大的網(wǎng)絡(luò)零售商圈,致力打造全球領(lǐng)先網(wǎng)絡(luò)零售商圈,由阿里巴巴集團(tuán)在2003年5月10日投資創(chuàng)立。淘寶網(wǎng)現(xiàn)在業(yè)務(wù)跨越C2C(個人對個人)、B2C(商家對個人)兩大部分。截止2008年12月31日,淘寶網(wǎng)注冊會員超9800萬人,覆蓋了中國絕大部分網(wǎng)購人群;2008年交易額為999.6億元,占中國網(wǎng)購市場80%的份額。2007年,淘寶的交易額實(shí)現(xiàn)了433億元,比2006年增長156%。2008年上半年,淘寶成交額就已達(dá)到413億元
3)主頁式樣
網(wǎng)站設(shè)計(jì)方案主題鮮明,版式,目錄結(jié)構(gòu)設(shè)計(jì)相緊密,網(wǎng)頁形式與內(nèi)容相統(tǒng)一,多媒體功能的利
4)內(nèi)容更新情況
淘寶的內(nèi)容更新的是非常的快,像他的首頁,有一元拍,荷蘭拍賣區(qū),二手,新店鋪等等,像這些內(nèi)容,幾乎每天都在變,因?yàn)樘詫毜呐馁u,是跟據(jù)時間來排名的,越到離拍賣時間越短就越靠前前。還有就是公告欄,時時發(fā)布信息,讓用戶及時了解淘寶的一些活動和規(guī)則。還有,淘寶還有店小二,客服,及時處理用戶的一些問題,建議及投訴。
5)內(nèi)容質(zhì)量
淘寶的商品內(nèi)容多種多樣,函蓋了人們所能想象的一切。淘寶實(shí)行的是免費(fèi)注冊,只要你注冊個號,你就能把你認(rèn)為是商品的物品進(jìn)行出售。其中大多數(shù)商品是值得相信的,但不排除也有部分商品為假冒產(chǎn)品,所以我們在享受網(wǎng)上購物的方便同時還要練就一雙火眼精睛。
6)網(wǎng)站服務(wù)
與易趣不同的是,會員在交易過程中感覺到輕松活潑的家庭式文化氛圍。其中一個例子是會員及時溝通工具——“淘寶旺旺”。會員注冊之后淘寶網(wǎng)和淘寶旺旺的會員名將通用,如果用戶進(jìn)入某一店鋪,正好店主也在線的話,會出現(xiàn)“和我聯(lián)系”(掌柜在線)或“給我留言”(掌柜不在線)的圖標(biāo),可與店主及時地發(fā)送,接收信息。“淘寶旺旺”具備了查看交易歷史、了解對方信用情況等個人信息、頭像、多方聊天等一般及時聊天工具所具備的功能。
7)廣告情況
淘寶的目標(biāo),就是要做全球最大的個人交易網(wǎng)站。要做好最大的個人交易網(wǎng)站,就得提高網(wǎng)站的流量,一時間內(nèi),淘寶投入大量的資金,廣告從車廂廣告,報(bào)紙,戶外廣告,廣播電視,網(wǎng)絡(luò)媒體等等鋪天蓋地而來,最終贏得了日平均6000萬的訪問量
三.網(wǎng)站的客戶定位
淘寶是由阿里巴巴前后投資4.5億建成的,它的定位是“全球最大個人電子商務(wù)平臺,致力與完善C2C的電子商務(wù)平臺。他們倡導(dǎo)安全,誠信,活波,高效的網(wǎng)絡(luò)交易文化,為淘寶會員打造誠信,安全的交易平臺的同時,還致力與營造一個溫馨,舒適的購物環(huán)境,讓你在購物的同時,還能交到更多的朋友。
致力與全球最大的個人交易網(wǎng)站,所以,淘寶的目標(biāo)客戶,無疑就是在網(wǎng)上開店的賣家,淘寶要做的工作,就是吸引這些賣家的眼光,讓他們來開店,免除一切費(fèi)用,讓他們沒有后顧之憂。
四.網(wǎng)站的服務(wù)內(nèi)容
1、會員注冊系統(tǒng)。
具有鮮明的中國特色——免費(fèi)注冊,用這種辦法來招徠人氣,使得網(wǎng)站流量竄
升之快令人側(cè)目。
2、淘寶的網(wǎng)上買賣系統(tǒng)。
通過電子商務(wù)為雙方提供了一個在線交易的網(wǎng)上交易平臺,使買賣不再受時
間地域的限制;廣泛方便的比價(jià)、議價(jià)、競價(jià)過程可以節(jié)約大量的時間和成本;參與的群體龐大,選擇范圍廣,使價(jià)格優(yōu)勢強(qiáng),品質(zhì)優(yōu)。極大的吸引了客戶。
3、淘寶的支付系統(tǒng)。
“支付寶”它是一種針對網(wǎng)上交易特別推出的安全付款服務(wù),是去年淘寶與工行、建行、農(nóng)行和招商銀行等聯(lián)手推出的一種在線交易安全支付工具。就是網(wǎng)上買家先將貨款打到支付寶賬戶上,支付寶確認(rèn)到賬之后通知網(wǎng)上賣家發(fā)貨,買家在收到貨物確認(rèn)無誤之后通知支付寶,支付寶再將貨款轉(zhuǎn)付賣家。支付寶的出現(xiàn),無疑使得交易更安全,誠信,免去了交易雙方的后顧之憂。
4、網(wǎng)絡(luò)服務(wù)系統(tǒng)。
A、淘寶旺旺。使得您的溝通更及時,服務(wù)更貼心,交易更快捷。
B、電子郵件系統(tǒng)。淘寶的電子郵件,及時提醒您交易的動態(tài),保證每一筆交易都不會漏掉。
五.主要業(yè)務(wù)處理流程
淘寶是電子商務(wù)網(wǎng)站的一個成功案例,是C2C經(jīng)營模式的典型代表。
買家:整個的商業(yè)模式是:用戶注冊——身份認(rèn)證——發(fā)布信息——購買——付款到支付寶——發(fā)貨——確認(rèn)收貨——打款到商家——信用評價(jià)
賣家:
1、買家對你的產(chǎn)品感興趣,然后和賣家進(jìn)行咨詢及交易;
2、買家在賣家的網(wǎng)店里將貨物拍下,系統(tǒng)會自動發(fā)一個消息給賣家(報(bào)喜信);
3、如果需要修改價(jià)格的,這時賣家先不要讓買家付款給支付寶,而是賣家先去自已的交易管理處進(jìn)行修改價(jià)格,改成與買家協(xié)商好的價(jià)格;然后通知買家,讓其付款給支付寶;如果不需要修改價(jià)格的,可以直接讓買家付款給支付寶;
4、買家付款給支付寶后,賣家就可以在我的淘寶頁面看到淘寶的提示,說你有一項(xiàng)交易等待您發(fā)貨,這里你可以點(diǎn)擊進(jìn)去,(可以在交易管理里進(jìn)行),選擇發(fā)貨,把發(fā)貨的詳細(xì)情況如實(shí)的填寫下來;
5、接下來就是等買家收貨了,當(dāng)買家收到貨后,查驗(yàn)無誤后,買家就可以去淘寶網(wǎng)上進(jìn)行收貨確認(rèn),(注意:必須你收到貨后才能收貨確認(rèn)沒收到貨之前一律不收貨確認(rèn))。然后通知支付寶把款項(xiàng)付到賣家的支付寶帳號,這時賣家才可以收到貨款,完成此次交易;
6、完成了交易之后,不要忘了雙方互評喲,只有雙方互評了才可以給雙方的信譽(yù)度加分。