任務5制作網站設計稿任務教師：6/8/20201網站建設教程(項目式)學習六步曲任務導入任務目標任務實施知識拓展強化訓練學習成果評估任務導入現在，是你展示美術設計能力和

Adobe

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

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

PSD格式學習成果評估能力模塊評估評估項目能力掌握情況原因分析補救辦法核心技能設計稿內容