Photoshop 创意设计项目教程 课件 任务09 网页视觉设计【实施】-促进电商发展，助力精准扶贫.pptxVIP

1Photoshop平面设计任务9任务资讯网页视觉设计

Part01任务概况2

学习情境3的单元任务3教学内容项目序号工作任务Photoshop技能参考课时知识点要求职业能力要求主要学习任务学习情境3网页与插画设计任务9网页视觉设计网页基础61.了解网页设计的常见需求；2.掌握网页设计的基础知识；3.掌握手绘板的类型、选购和使用技巧；4.掌握插画所需的构成与色彩基础知识；5.熟练掌握形状、图层样式、混合模式、笔刷的基本概念和应用场景。1.具备获取、处理、综合分析信息的能力；2.具备熟练使用图层样式、混合模式、笔刷工具或命令进行操作的能力；3.具备根据客户需求完成网页与插画设计的能力。1.网页与插画设计的常见需求与基础知识；2.手绘板的类型、选购和使用技巧；3.插画所需的构成与色彩基础知识；4.形状、图层样式、混合模式、笔刷的基本概念和应用场。任务10运营插画设计手绘基础8

任务9网页视觉设计任务背景某家居品牌为开展电商业务，要制作其品牌网站，请帮助完成网站首页的视觉设计。任务要求根据企业提供的页面功能，设计页面结构；页面功能结构清晰，适合现有主流设备浏览；页面设计风格简约，符合品牌形象；页面内容安排合理，展示图文清晰，符合网页设计规范。 任务背景与要求

任务9网页视觉设计5 素材文件5

Part02任务启动6

1任务流程7老师发布信息，学生搜集信息，了解任务。资讯1分组制定任务计划（定流程，分任务），提出问题，老师提供帮助。计划2分组讨论，制定可实施的解决方法。决策3创造性、独立性、参与地、负责地完成任务。实施4对任务结果、学习过程和经验进行检查、评估。评价5将任务结果和经验运用于类似的任务中，进行拓展。拓展6具备基础

2计划讨论内容（可参考但不限于如下几个方面）：工作流程与规范（概念与应用场景/设计内容/工作流程与规范等）制作工具制作方法与技巧存在问题，如未掌握的工具、方法、技巧等创新创意注意：讨论过程由组长主持，一人记录（课后填写在任务单上）讨论完毕后形成讨论文档，每组代表进行陈述8

9Photoshop平面设计任务9任务演示网页视觉设计

Part01任务分析10

1任务分析任务分析设计师在开始设计之前要与用户充分沟通，了解访问网站的用户群体，并据此提出合理建议；注意页面的色彩规范、单位规范、宽度规范、文字规范。任务难点（1）重点：网页设计的相关知识；形状的功能与操作；剪贴蒙版的使用。（2）难点：页面图片、文字的结构组织

2实施建议流程分析需求-确定页面架构-素材处理-图文排版-完善优化-保存输出工具网页架构：参考线、形状工具、选区工具（测量）图文排版：剪贴蒙版、文字工具、调整图层；分类组织与管理对象：图层注意创建参考线，运用选区工具进行尺寸测量，完成网页架构的搭建；灵活运用剪贴蒙版和调整图层，高效完成图片置入与调色，确保页面色彩的统一性；保证图片清晰的情况下，考虑网页图片加载时间可能给登录者带来的感受。12

Part02任务演示13

14Photoshop平面设计任务9任务实施网页视觉设计

Part01任务实施15

任务9网页视觉设计任务背景某家居品牌为开展电商业务，要制作其品牌网站，请帮助完成网站首页的视觉设计。任务要求根据企业提供的页面功能，设计页面结构；页面功能结构清晰，适合现有主流设备浏览；页面设计风格简约，符合品牌形象；页面内容安排合理，展示图文清晰，符合网页设计规范。 任务背景与要求

1创意决策近年来，随着互联网电商的兴起，为我国的精准扶贫工作注入了新的能量。2016年我们有16位设计专业的同学，在孟老师的带领下到广元市青川县乔庄镇茶树村开展了为期30天的“三下乡”精准扶贫社会实践活动。同学们运用在课堂上学到的专业知识帮助企业建立网站、开设淘宝店铺、对当地农产品进行推广，取得了良好成效。我们一名学生毕业后也回到青川她的家乡担任当地的扶贫干部，用电商缩短了时空距离，成为贫困户脱贫致富的“新农具”，当地也发展起了“海伶山珍”、“寻味青川”、“等蜂来”这样一些优秀的农产品电商名片。2018年，在我们课程团队中邓老师的组织下，创建了“茶树村益农社（电商实训基地）”，开展电商培训相关工作。我们的身边是否也有等待挖掘的好产品呢？在本次创作中，不妨试一试，帮他们建设一个优质的电商网页吧。17

2任务实施分组创意，组内相互学习探讨每人完成自己的作品组内评选，评选小组佳作分组完成项目

Part02评估拓展19

1评估展示作品并做阐述时间：5分钟/组其他小组提问、打分分组展示作品

2拓展自拟主题，搜集素材，完成一张网页视觉效果的创意设计。阐明背景分析需求搜集素材决策实施优化完善

Thanks！22