網(wǎng)站建設(shè)教程(項(xiàng)目式)制作網(wǎng)站的設(shè)計(jì)稿

任務(wù)5制作網(wǎng)站設(shè)計(jì)稿任務(wù)教師：6/8/20201網(wǎng)站建設(shè)教程(項(xiàng)目式)學(xué)習(xí)六步曲任務(wù)導(dǎo)入任務(wù)目標(biāo)任務(wù)實(shí)施知識(shí)拓展強(qiáng)化訓(xùn)練學(xué)習(xí)成果評(píng)估任務(wù)導(dǎo)入現(xiàn)在，是你展示美術(shù)設(shè)計(jì)能力和

Adobe

Photoshop軟件操作能力的絕好機(jī)會(huì)，用你的設(shè)計(jì)思維和雙手，來設(shè)計(jì)制作廣州沃媒達(dá)信息科技有限公司（以下簡(jiǎn)稱“沃媒達(dá)”）網(wǎng)站設(shè)計(jì)稿吧！任務(wù)目標(biāo)核心技能設(shè)計(jì)稿內(nèi)容規(guī)劃設(shè)計(jì)稿版式設(shè)計(jì)制作首頁(yè)設(shè)計(jì)稿制作內(nèi)頁(yè)設(shè)計(jì)稿核心知識(shí)設(shè)計(jì)稿內(nèi)容與結(jié)構(gòu)網(wǎng)站首頁(yè)版式類型網(wǎng)站色彩設(shè)計(jì)網(wǎng)站UI設(shè)計(jì)任務(wù)實(shí)施一、設(shè)計(jì)稿內(nèi)容規(guī)劃二、設(shè)計(jì)稿版式設(shè)計(jì)三、設(shè)計(jì)稿色彩設(shè)計(jì)四、制作首頁(yè)設(shè)計(jì)稿五、制作內(nèi)頁(yè)設(shè)計(jì)稿二、設(shè)計(jì)稿版式設(shè)計(jì)1.首頁(yè)版式布局二、設(shè)計(jì)稿版式設(shè)計(jì)2.內(nèi)頁(yè)版式布局三、設(shè)計(jì)稿色彩設(shè)計(jì)網(wǎng)站風(fēng)格以嚴(yán)謹(jǐn)、理性、大方為上，配色多以冷色系為主四、制作首頁(yè)設(shè)計(jì)稿1．新建文件四、制作首頁(yè)設(shè)計(jì)稿2．Logo區(qū)塊制作3．導(dǎo)航區(qū)塊制作四、制作首頁(yè)設(shè)計(jì)稿4．Banner區(qū)塊制作四、制作首頁(yè)設(shè)計(jì)稿5．內(nèi)容區(qū)塊制作四、制作首頁(yè)設(shè)計(jì)稿6．版權(quán)區(qū)域制作7．保存首頁(yè)效果圖五、制作內(nèi)頁(yè)設(shè)計(jì)稿1．Logo與導(dǎo)航區(qū)域制作2．內(nèi)頁(yè)Banner區(qū)制作五、制作內(nèi)頁(yè)設(shè)計(jì)稿五、制作內(nèi)頁(yè)設(shè)計(jì)稿1．Logo與導(dǎo)航區(qū)域制作2．內(nèi)頁(yè)Banner區(qū)制作3．制作內(nèi)頁(yè)導(dǎo)航提示條4．制作內(nèi)頁(yè)導(dǎo)航鏈接效果知識(shí)拓展首頁(yè)設(shè)計(jì)稿內(nèi)容構(gòu)成LogoBanner導(dǎo)航欄首頁(yè)欄目版權(quán)申明知識(shí)拓展網(wǎng)站色彩設(shè)計(jì)1．色彩分類與屬性□色彩可分為非彩色和彩色兩大類□彩色具有色相、明度、飽和度3個(gè)屬性。色相變化明度變化飽和度變化知識(shí)拓展2．色彩的冷暖任何色光均可由紅、綠、藍(lán)3種顏色混合而成，而紅色是暖色，判斷色彩的冷暖主要看紅色的成分多少。知識(shí)拓展3．色彩意象色彩意象用來描述人眼看到色彩后產(chǎn)生的心理感覺。紅色、橙色、黃色、綠色、藍(lán)色、紫色和黑色的色彩意象。知識(shí)拓展4．RGB色彩模式RGB模式使用RGB顏色模型，其紅（Red）、綠（Green）、藍(lán)（Blue）分量的取值從0到255，共256種強(qiáng)度值。知識(shí)拓展5．網(wǎng)頁(yè)安全色知識(shí)拓展6．網(wǎng)頁(yè)配色過程（1）尋找行業(yè)網(wǎng)站配色標(biāo)準(zhǔn)（2）訪問者審美傾向（3）確定網(wǎng)頁(yè)的主色調(diào)（4）選擇輔助色彩知識(shí)拓展7．網(wǎng)頁(yè)配色原則（1）色彩要有可讀性（2）色彩要鮮明（3）色彩要獨(dú)特（4）色彩有相關(guān)性（5）色彩要協(xié)調(diào)統(tǒng)一知識(shí)拓展8．交互式配色軟件ColorKey

XP知識(shí)拓展9．十大行業(yè)配色推薦知識(shí)拓展網(wǎng)站UI設(shè)計(jì)原則（1）首先考慮功能，然后才是表現(xiàn)（2）從用戶的視角看問題，使用用戶的詞匯進(jìn)行描述（3）不要向用戶暴露實(shí)現(xiàn)細(xì)節(jié)（4）使常用的用戶任務(wù)簡(jiǎn)單化知識(shí)拓展網(wǎng)站UI設(shè)計(jì)原則（5）保持一致性，引導(dǎo)用戶的使用習(xí)慣（6）設(shè)計(jì)應(yīng)響應(yīng)需求（7）靈活性（8）個(gè)性化強(qiáng)化訓(xùn)練參照本任務(wù)的任務(wù)實(shí)施，設(shè)計(jì)IT網(wǎng)站首頁(yè)設(shè)計(jì)稿和某一內(nèi)頁(yè)設(shè)計(jì)稿工作過程為：內(nèi)容規(guī)劃→版式布局設(shè)計(jì)→色彩設(shè)計(jì)→Photoshop設(shè)計(jì)稿制作在Photoshop中制作網(wǎng)站首頁(yè)設(shè)計(jì)稿和網(wǎng)站內(nèi)頁(yè)設(shè)計(jì)稿，將設(shè)計(jì)稿保存為

PSD格式學(xué)習(xí)成果評(píng)估能力模塊評(píng)估評(píng)估項(xiàng)目能力掌握情況原因分析補(bǔ)救辦法核心技能設(shè)計(jì)稿內(nèi)容