网站建设教程(项目式)制作网站的设计稿

任务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格式学习成果评估能力模块评估评估项目能力掌握情况原因分析补救办法核心技能设计稿内容