教学课件电子商务网页设计与制作1.3任务二 规划“学设计吧”电子商务网站.pptx

《教学课件电子商务网页设计与制作1.3任务二 规划“学设计吧”电子商务网站.pptx》由会员分享，可在线阅读，更多相关《教学课件电子商务网页设计与制作1.3任务二 规划“学设计吧”电子商务网站.pptx（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、教材配套资源页完整PPT课件教学课件电子商务网页设计与制作1.3任务二 规划“学设计吧”电子商务网站1SAMPLE项目一：赏析和规划电子商务网站了解电子商务网站2任务描述分析电子商务网站结构1技术引进完成电子商务网站线框图2新手试炼电子商务网站会员页面设计341.3 规划“学设计吧”电子商务网站任务实施设计电子商务网站31 任务描述分析电子商务网站结构4ABOUT ME 该项目为视频教程网站，用户注册为会员后，通过该项目为视频教程网站，用户注册为会员后，通过付费的方式购买单节课程或成为网站付费的方式购买单节课程或成为网站VIPVIP观看全部视频。观看全部视频。按照网站内容，将网站分为首页、在线

2、课程、书籍光盘和按照网站内容，将网站分为首页、在线课程、书籍光盘和图文教程图文教程4 4个栏目，个栏目，5ABOUT ME 首页中主要用来显示最新发布或指定首页中主要用来显示最新发布或指定的视频、书籍和教程。让浏览者第一时间看的视频、书籍和教程。让浏览者第一时间看到网站最新更新和最想推广的内容。同时用到网站最新更新和最想推广的内容。同时用户可以通过首页中的各种链接，快速到达想户可以通过首页中的各种链接，快速到达想要了解的内容要了解的内容。首页首页6ABOUT ME 该页面中采用罗列的方式，展示网站该页面中采用罗列的方式，展示网站中的各类在线课程。通过建立分类链接，便中的各类在线课程。通过建立分

3、类链接，便于用户查找想要观看的课程视频于用户查找想要观看的课程视频。在线课程在线课程7ABOUT ME 该页面与在线课程表现形式一致，采该页面与在线课程表现形式一致，采用罗列的方式将图书展示给用户。为了便于用罗列的方式将图书展示给用户。为了便于查找，将书籍按照行业和软件进行了分类查找，将书籍按照行业和软件进行了分类。书籍光盘书籍光盘8ABOUT ME 该页面主要以图片和文字该页面主要以图片和文字的形式向用户展示设计相关知的形式向用户展示设计相关知识。同样也对相关内容进行了识。同样也对相关内容进行了分类，用户可以以行业和软件分类，用户可以以行业和软件进行查找。进行查找。图文教程图文教程92 技术

4、引进完成电子商务网站线框图10 在开始设计制作页面前，通常会先绘制网站原在开始设计制作页面前，通常会先绘制网站原型的线框图，帮助设计师平衡保真度和速度。绘制型的线框图，帮助设计师平衡保真度和速度。绘制的时候不用在意细节，一定要表达出设计思想，不的时候不用在意细节，一定要表达出设计思想，不要漏掉任何重要的部分。要漏掉任何重要的部分。11 首页面内容较多，包含大量的图片和文字。为首页面内容较多，包含大量的图片和文字。为了保证各功能的独立性，还要便于用户浏览，页面了保证各功能的独立性，还要便于用户浏览，页面采用了中轴线的布局方式，将图形、文字以水平或采用了中轴线的布局方式，将图形、文字以水平或垂直的

5、方式排列，给人稳定、平静、含蓄的感觉。垂直的方式排列，给人稳定、平静、含蓄的感觉。123 任务实施设计电子商务网站13ABOUT ME 该页面是一个培训类网站，故可以选该页面是一个培训类网站，故可以选择代表科技的蓝色和代表教育的绿色作为主择代表科技的蓝色和代表教育的绿色作为主色，但色，但考考虑网站中的视频教程多为互联网类虑网站中的视频教程多为互联网类的教材，所以排除了绿色，选择了蓝色作为的教材，所以排除了绿色，选择了蓝色作为主色。但蓝色颜色过于深沉，与设计行业多主色。但蓝色颜色过于深沉，与设计行业多姿多彩的寓意相违背，所以提高蓝色的明度，姿多彩的寓意相违背，所以提高蓝色的明度，选择较为活泼清新

6、的青色作为网站的主色，选择较为活泼清新的青色作为网站的主色，确定主色确定主色14ABOUT ME 主色确定后，接下来确定辅色。通常主色确定后，接下来确定辅色。通常情况可以选择同色搭配、临色搭配和补色搭情况可以选择同色搭配、临色搭配和补色搭配三种方式。配三种方式。 同色搭配可以实现风格整体风格一致的同色搭配可以实现风格整体风格一致的效果，但对比不强烈。临色搭配可以实现丰效果，但对比不强烈。临色搭配可以实现丰富的层次感，但对于需要突出的内容表现不富的层次感，但对于需要突出的内容表现不足。足。确定辅色确定辅色15ABOUT ME 页面中的文本，通常都是要黑色或者页面中的文本，通常都是要黑色或者白色。

7、标题文字或重点突出文字使用辅色。白色。标题文字或重点突出文字使用辅色。纯黑的文字过于生硬，故页面中使用深灰色纯黑的文字过于生硬，故页面中使用深灰色作为文本的颜色作为文本的颜色。文本颜色文本颜色16完成设计完成设计主页设计稿二级页设计稿17完成设计完成设计项目页设计稿详情页设计稿184 新手试炼电子商务网站会员页面设计19ABOUT ME 会员系统页面与整个会员系统页面与整个页面风格保持一致。会员页面风格保持一致。会员系统是网站中最重要的功系统是网站中最重要的功能，也是网站正常运营的能，也是网站正常运营的保障。一般设计的较为简保障。一般设计的较为简洁，主题明确，避免受到洁，主题明确，避免受到其他内容影响。接下来读其他内容影响。接下来读者根据前面所学内容设计者根据前面所学内容设计会员页面。会员页面。20PPT模板下载： 行业PPT模板： 节日PPT模板： PPT素材下载： PPT图表下载： 优秀PPT下载： PPT教程： Word教程： Excel教程： 资料下载： PPT课件下载： 范文下载： 试卷下载： 教案下载： 字体下载： SAMPLEDesigner：1PPT.COMTHANKS2017 PowerPoint Template Designed By 1PPT.COM21本课件制作整理者：郭迎春 仅可用于教学、学习、交流使用 如内容、图片、字体等有侵权，请联系删除。 22