《資訊管理碩士在職專班ppt課件》由會(huì)員分享,可在線閱讀,更多相關(guān)《資訊管理碩士在職專班ppt課件(18頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、,,*,按一下以編輯母片標(biāo)題樣式,按一下以編輯母片,第二層,第三層,第四層,第五層,義守大學(xué),98-1,學(xué)期資訊管理碩士在職專班,人因與資管期末報(bào)告,網(wǎng)頁(yè)設(shè)計(jì)思維與,網(wǎng)站導(dǎo)覽列設(shè)計(jì),指導(dǎo)教授:吳有龍博士,提報(bào)學(xué)生:碩專一,羅明蘭,學(xué) 號(hào):,isu9822021g,義守大學(xué)98-1學(xué)期資訊管理碩士在職專班 人因與資管期末報(bào),提報(bào)大綱,前言,1,網(wǎng)頁(yè)設(shè)計(jì)思維,2,網(wǎng)站導(dǎo)覽列設(shè)計(jì),3,結(jié)論,4,,提報(bào)大綱前言1網(wǎng)頁(yè)設(shè)計(jì)思維2網(wǎng)站導(dǎo)覽列設(shè)計(jì)3結(jié)論4www.t,2,前言,在多姿多彩的網(wǎng)際網(wǎng)路世界中,什麼樣的網(wǎng)頁(yè)才能迅速獲得訪問(wèn)者的青睞?如何才能設(shè)計(jì)出與眾不同的漂亮網(wǎng)頁(yè),?,透過(guò)觀察比較可發(fā)現(xiàn),一個(gè)優(yōu)秀的
2、網(wǎng)頁(yè),通常具備豐富的內(nèi)容、合理的版型、獨(dú)特的風(fēng)格和悅目的色彩。,掌握有關(guān)版型風(fēng)格設(shè)計(jì)及色彩搭配等方面的知識(shí)與方法,透過(guò)實(shí)踐累積經(jīng)驗(yàn),成為優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)師。,網(wǎng)頁(yè)版型和風(fēng)格設(shè)計(jì)尤其需要設(shè)計(jì)者具備一定的平面設(shè)計(jì)知識(shí)與審美能力。,,前言在多姿多彩的網(wǎng)際網(wǎng)路世界中,什麼樣的網(wǎng)頁(yè)才能迅速獲得訪問(wèn),3,網(wǎng)頁(yè)設(shè)計(jì)思維,Section1,網(wǎng)站的設(shè)計(jì)流程,1.,網(wǎng)站需求分析:,(1),一個(gè)網(wǎng)站專案的確立是建立在各式各樣,的需求之上,而需求來(lái)自用戶實(shí)際需求,(2),用戶範(fàn)圍遍及各領(lǐng)域,必須了解其習(xí)慣,技能、知識(shí)和經(jīng)驗(yàn),以預(yù)測(cè)需求,(3),用戶不同的特點(diǎn)使分析複雜化,但初始,計(jì)畫不加入工作過(guò)程,會(huì)遭遇巨大麻煩,,網(wǎng)頁(yè)
3、設(shè)計(jì)思維Section1 網(wǎng)站的設(shè)計(jì)流程1.網(wǎng)站需求,4,網(wǎng)頁(yè)設(shè)計(jì)思維,2.,網(wǎng)站整體風(fēng)格定位:,(1),了解網(wǎng)站類型,確定網(wǎng)站大致風(fēng)格走向,不同類型網(wǎng)站,風(fēng)格肯定不盡相同,(2),花時(shí)間調(diào)查學(xué)習(xí)各行業(yè)之風(fēng)格,以營(yíng)造,適合的網(wǎng)站氣氛,(3),用戶能很輕易辨別出何種類型網(wǎng)頁(yè),則,需求分析及風(fēng)格及成功。,,網(wǎng)頁(yè)設(shè)計(jì)思維2.網(wǎng)站整體風(fēng)格定位:(1)了解網(wǎng)站類型,確定網(wǎng),5,網(wǎng)頁(yè)設(shè)計(jì)思維,3.,網(wǎng)頁(yè)的創(chuàng)意設(shè)計(jì):,(1),電腦繪圖技巧必須爐火純青,某些特定,特定藝術(shù)效果必須手繪或掃描始達(dá)到,(2),不要熱衷於花樣日益翻新之技術(shù)而忘記,優(yōu)秀設(shè)計(jì)和清晰表達(dá)之重要性,(3),優(yōu)秀網(wǎng)頁(yè)係創(chuàng)意和技術(shù)完美結(jié)合;有創(chuàng)
4、,意無(wú)技術(shù)或有技術(shù)無(wú)創(chuàng)意,作品易空洞,,網(wǎng)頁(yè)設(shè)計(jì)思維3.網(wǎng)頁(yè)的創(chuàng)意設(shè)計(jì):(1)電腦繪圖技巧必須爐火純,6,網(wǎng)頁(yè)設(shè)計(jì)思維,3.,網(wǎng)頁(yè)的創(chuàng)意設(shè)計(jì):,(4),不斷探索技術(shù)與藝術(shù)之間的平衡與結(jié)合,是通向成功設(shè)計(jì)之門唯一捷徑,,網(wǎng)頁(yè)設(shè)計(jì)思維3.網(wǎng)頁(yè)的創(chuàng)意設(shè)計(jì):(4)不斷探索技術(shù)與藝術(shù)之間,7,網(wǎng)頁(yè)設(shè)計(jì)思維,Section2,網(wǎng)站的內(nèi)容,(,視覺(jué)及聽(tīng)覺(jué),),視覺(jué)元素,包含文字、字體、圖像、動(dòng)畫等,不同字體傳達(dá)不同,印象:,宋體工整、雋永悅目,黑體肅穆、莊重嚴(yán)肅,圓體豐滿、藝術(shù)性強(qiáng),1.,文字的字體,,網(wǎng)頁(yè)設(shè)計(jì)思維Section2 網(wǎng)站的內(nèi)容(視覺(jué)及聽(tīng)覺(jué))視,8,網(wǎng)頁(yè)設(shè)計(jì)思維,字型大小控制頁(yè)面形象,略大文字
5、有力自信,略小文字纖密緊湊,如:,標(biāo)題變大畫面活耀,標(biāo)題變小更顯穩(wěn)重,2.,文字的字形,,網(wǎng)頁(yè)設(shè)計(jì)思維2.文字的字形www.themegallery.,9,網(wǎng)頁(yè)設(shè)計(jì)思維,文字變細(xì)顯得十分優(yōu)美,文字變粗顯的很有力量,視覺(jué)聯(lián)想細(xì)字冷靜,粗字熱情,細(xì)字標(biāo)題女性風(fēng)格,粗字標(biāo)題男性風(fēng)格,正文盡量使用標(biāo)準(zhǔn)文字,以提升可讀性,3.,文字的粗細(xì),,網(wǎng)頁(yè)設(shè)計(jì)思維3.文字的粗細(xì)www.themegallery.,10,行距本身是具有很強(qiáng)表現(xiàn),力的設(shè)計(jì)語(yǔ)言,加寬行距可體現(xiàn)輕鬆情緒,適用娛樂(lè)及抒情內(nèi)容,精心安排行距並存可增強(qiáng),版面空間層次感及彈性,ThemeGallery,is a Design Digital Co
6、ntent&Contents mall developed by Guild Design Inc.,網(wǎng)頁(yè)設(shè)計(jì)思維,4,文,字,行,距,,行距本身是具有很強(qiáng)表現(xiàn) 加寬行距可體,11,5.,文字圖形化,把記號(hào)性文字,作為圖形元素,可強(qiáng)化原有效,果,網(wǎng)頁(yè)設(shè)計(jì)思維,,5.文字圖形化網(wǎng)頁(yè)設(shè)計(jì)思維www.themegallery.,12,圖像元素,一般指透過(guò)攝影獲得的照片,特點(diǎn)是真實(shí)直觀,可直接說(shuō)明事物特徵,圖像佔(zhàn)據(jù)面積顯示重要程度,大圖像容易形成視覺(jué)焦點(diǎn),感染力強(qiáng),常用作突出表現(xiàn)之內(nèi)容;小圖像則常用來(lái)穿插字群中,點(diǎn)綴呼應(yīng)主題,提高網(wǎng)頁(yè)的說(shuō)服力,增強(qiáng)故事性及提高造型的緊張感;故事性即插圖照片的資訊性,而
7、強(qiáng)烈感可增強(qiáng)說(shuō)服力,圖片是表達(dá)資訊的重要手段,用圖片表示歡迎式網(wǎng)頁(yè)中常見(jiàn)的手段,而笑臉是最能表現(xiàn)歡迎情緒的。,網(wǎng)頁(yè)設(shè)計(jì)思維,,圖像元素圖像佔(zhàn)據(jù)面積顯示重要程度提高網(wǎng)頁(yè)的說(shuō)服力 圖片是表,13,動(dòng)畫元素,網(wǎng)頁(yè)中最活耀之元素,對(duì)訪問(wèn)者的吸引力通常勝過(guò)純文字內(nèi)容,不要使用顏色過(guò)於鮮豔、變化過(guò)於強(qiáng)烈之動(dòng)畫,以免干擾使用者對(duì)資訊獲取效果,考慮網(wǎng)路傳輸情況,控制動(dòng)畫檔案大小,避免載入時(shí)間過(guò)久,動(dòng)畫表現(xiàn)之主題應(yīng)該貼合網(wǎng)頁(yè)的主要內(nèi)容,網(wǎng)頁(yè)設(shè)計(jì)思維,,動(dòng)畫元素不要使用顏色過(guò)於鮮豔、變化過(guò)於強(qiáng)烈之動(dòng)畫,以免干擾,14,網(wǎng)頁(yè)設(shè)計(jì)思維,Section2,網(wǎng)站的內(nèi)容,(,視覺(jué)及聽(tīng)覺(jué),),聽(tīng)覺(jué)元素,包含背景音樂(lè)及音效,網(wǎng)
8、頁(yè)中適當(dāng)嵌入音訊能夠充分顯示網(wǎng)頁(yè),的多媒體特性,背景音樂(lè),常用檔案格式為,.mid,,是一種樂(lè)器數(shù)位,化格式檔,存儲(chǔ)量很小,適合網(wǎng)路使用,載入音樂(lè)是為了觸動(dòng)使用者神經(jīng)使其加,深印象,而非為播放音樂(lè)而播放,音效,淡入效果和微妙的音效變化可以很容易,引起聽(tīng)眾興趣使網(wǎng)頁(yè)保持親密與多樣性,,網(wǎng)頁(yè)設(shè)計(jì)思維Section2 網(wǎng)站的內(nèi)容(視覺(jué)及聽(tīng)覺(jué))聽(tīng),15,多導(dǎo)覽列系統(tǒng),FLASH,形式,標(biāo)籤形式,按鈕形式,彈出功能表形式,導(dǎo)覽列形式,網(wǎng)站導(dǎo)覽列設(shè)計(jì),無(wú)框圖標(biāo)形式,,多導(dǎo)覽列系統(tǒng)FLASH形式標(biāo)籤形式按鈕形式彈出功能表形式導(dǎo)覽,16,結(jié)論,版面配置的成功與否,關(guān)係網(wǎng)站是否,能夠凝聚人氣,藉由網(wǎng)頁(yè)設(shè)計(jì)思維及,網(wǎng)站導(dǎo)覽列設(shè)計(jì)的分析,吸引使用者,點(diǎn)擊。,報(bào)告擷取各種經(jīng)典網(wǎng)頁(yè)版型格局,提,供從事網(wǎng)頁(yè)設(shè)計(jì)人員掌握網(wǎng)頁(yè)版型與,風(fēng)格技巧,提高創(chuàng)意和審美能力。,,結(jié)論版面配置的成功與否,關(guān)係網(wǎng)站是否www.themegal,17,Click to edit company slogan.,Thank You!,Click to edit company slogan.,