原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
.
. .
网页美工课程设计报告
学 院： 商学院
专 业： 电子商务
学生姓名： 杨凤君
学 号： 1200530215
指导教师：
2015年 月 日
一、设计内容及制作步骤
1.1网店页面展示
1.1.1成品展示
1.2制作构思
1.2.1参考方向
参考大量用类网站，商业化的购物型型网站，都是采用中规中矩的结构，通过大小不一的方框分解整个页面。
1.3.2颜色
为了提高浏览的舒适度，颜色应以柔和淡雅的色调为主，在作导航条等反差颜色采用也应以采用柔和淡雅的色调。
1.3制作流程
1.3.1背景
全局才用了作为风格主色，与风格搭配的副色采用了比风格更深一点的系列色，整个色调体现的是素雅的感觉。
背景图片采用与全局色相呼应的纯色背景
1.3.2店招LOGO
基础设计如上图，中规中矩的模仿了一般淘宝店铺的设置，“美美包屋”字体颜色用的是全局风格副色，因为全局基调淡雅为主，型号是方正喵呜体
因为全局基调比较素雅，选用比较活泼生动的字体添加一点俏皮的感觉，主打小清新风。
1.3.3无缝全屏海报
在店招下面设置了无缝的全屏海报自动播放，每4s“淡入淡出”的轮播效果添加了灵动的效果。
1.3.4宝贝介绍
主页的宝贝以店主推荐栏目为主。
鼠标滑过商品时，宝贝以“蝴蝶飞舞”效果划过展示。
宝贝实拍详情页面：采用了淘宝模板，但是更注重产品实拍展示
2.1移动页面展示
2.1.1成品展示
使用网上在线制作工具——应用公园制作，设计完成一键生成相应的Android与IOS APP。
2.2制作流程
启动页使用浅色与网店风格呼应。
首页设计简洁，底部两个按钮设置有相应链接，如点击品牌故事会跳转到相应的故事页面。按钮选择条形的透明体，文字则是应用白色与风格保持一致。
品牌故事页面采用墨绿色的背景，标题文字部分选取红色形成撞色效果，突出要点。
美美包屋页面做的较为详细，中间一栏设有四个功能按钮，分别是“分享”、“电话”浏览“记录”、“收藏”夹等便利快捷键。
整个做好的商品页面如下：底部有导航栏可以快速返回首页
文档评论（0）