网页美工课程设计报告.docx
- 文档编号:9428094
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:17
- 大小:6.09MB
网页美工课程设计报告.docx
《网页美工课程设计报告.docx》由会员分享,可在线阅读,更多相关《网页美工课程设计报告.docx(17页珍藏版)》请在冰点文库上搜索。
网页美工课程设计报告
网页美工课程设计报告
学院:
商学院
专业:
电子商务
学生姓名:
杨凤君
学号:
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与IOSAPP。
2.2制作流程
启动页使用浅色与网店风格呼应。
首页设计简洁,底部两个按钮设置有相应链接,如点击品牌故事会跳转到相应的故事页面。
按钮选择条形的透明体,文字则是应用白色与风格保持一致。
品牌故事页面采用墨绿色的背景,标题文字部分选取红色形成撞色效果,突出要点。
美美包屋页面做的较为详细,中间一栏设有四个功能按钮,分别是“分享”、“电话”浏览“记录”、“收藏”夹等便利快捷键。
整个做好的商品页面如下:
底部有导航栏可以快速返回首页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 美工 课程设计 报告