网页设计实习报告1

《网页设计实习报告1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实习报告实习性质：网页布局实务课程实习学生姓名：黄小蝶专业班级：计网131指导教师：邵亮、刘铭三号黑体行距：固定值40磅实习时间：2014年12月29日-2015年1月2日实习地点：1303重庆工程职业技术学院2学生实习考核表学生姓名专业班级指导教师黄小蝶网络131邵亮、刘铭实习时间2014年12月29日-2015年1月2日实习地点学校计算机实验室实习名称网页布局实务课程实习自我总结从学习了一年的网页设计这门学科来看学到了一些经验，当然自己也有很多不足，下面我做了以下总结。知识点不够扎实,学习马马虎虎,不够刻苦认真。对软件的运用只停留在基本的绘制

2、图上，学得不精。对网页设计的基本要求不够熟练掌握，在设计绘制网页平面图上会出现一些技术上的差错。针对这一不足我认为自还是应该看一些这方面的书籍。设计感方面还不够足，针对这个我觉得自己还是应该多看看别人的优秀的网站吸取一些知识经验。指导教师意见考核等级2信息工程学院网页布局实务课程实习目录1实习目的32实习概况42.1实习要求42.2实习时间42.3实习环境42.4设计环境43实习内容43.1制作设计项目分析43.2制作设计项目记录53.2.1绘制chictopia服装网站设计图以及步骤分析53.2.2绘制野兽派花店网站设计图以及步骤分析114实习

3、总结124.1学习所得124.2经验教训154.3学习体会15信息工程学院网页布局实务课程实习1实习目的《网页设计与布局项目化教程》项目实习是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。通过本课程设计的实习，进一步提高学生对网页设计以及ps软件的操作能力，学生其间应以对课程设计负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。2实习概况2.1实习要求（1）总体设计要求绘制准确，设计信息传达准确，布局合理，构图富有创造性，色彩搭配符合设计需要，风格不限。（2）课程设计成绩根据课

4、程设计实习报告质量和考勤给予评定。2.2实习时间2014年12月29日至2015年1月2日2.3实习环境学校计算机实验室2.4设计环境lPhotoshop软件3实习内容（1）绘制chitopia服装网站设计（2）绘制野兽派花店网站设计3.1制作设计项目分析（1）绘制chitopia服装网站设计（2）绘制野兽派花店网站设计要求：1．根据作品要求，明确画布大小；2．根据作品需要，能正确勾画出图形的形状；3．根据作品需要，能够进行大量的复制并调整层次；信息工程学院网页布局实务课程实习4．简略撰写设计创意及记录实习制作过程。3.2制作设计项目记录3.2.

5、1绘制chictopia服装网站设图Logo登录注册按钮导航条视频1视频2文字介绍文字介绍视频3底部图3.1chictopia网页框架设计效果图信息工程学院网页布局实务课程实习图3.2chictopia首页设计页面效果图首先网站首页我是以简单大方的白色为主色调，三个视频作为首页的主要的视觉点，顾客可以直观的最有效最快捷的知道品牌的最新动态。同时视频的制作更能体现品牌档次感。一．顶部部分。1.LOGO信息工程学院网页布局实务课程实习图3.3chictopialogo设计图如图3.3，在logo的制作上，我直接采用了他们自己设计的logo，直接放大到

6、人们视觉感受非常舒服的一个点，直接给顾客展示了品牌的形象标志。2.导航条如图3.4导航条以及交互的设计效果图如图3.4，导航条部分，我采用了方正兰亭超细黑简体，并运用了一个浅灰色作为主色，交互部分的话，大家可以从图上看到，当鼠标放在导航条的某一导航按钮处时，导航按钮处就直接会从浅灰色变为黑色，下拉菜单也会直接显示出来，下拉菜单的背景我运用的是一个中灰色，菜单中的每一项选项我是以白色背景作为凸显，整个设计简单大方为主。3.登录注册按钮图3.5登陆注册按钮设计效果图如图3.5，在登陆注册按钮的处理上，我运用的是黑体浅灰色，颜色呢是跟导航条颜色是相一致

7、的，用黑体作为设计是为了凸显它的严谨性。信息工程学院网页布局实务课程实习二．中间部分图3.6首页视频展示效果图如图3.6，中间部分，三个视频的呈现直接成为视觉点，在如今信息化社会，人们的生活节奏加快，没有人愿意静下心来读一篇文章，哪怕再升东在打动人。这些不要紧，我们也许可以换一种方式，比如以图片视频的方式把想传达传达给人们。所以在这里我直接做了视频的设计，非常直观的让顾客们了解到我们的品牌。当然在视频的处理上我也不是单纯的随意的摆放了三个视频。我把第一视频直接作为第一屏，整个全部铺满屏幕，顾客可以在点击观看完第一个视频后，鼠标直接向下滑动，接下来

8、会看到后面的视频，在后面两个视频的摆放设计上，我就做的小巧精致一些，并没有像第一个那样直接摆放整个屏幕，因为重复前面的会显得呆板和没有设