网页设计实习报告

1、实习报告实习性质： 网页设计与制作课程实习 学生姓名： 蒋冰霜 专业班级： 计网142 指导教师： 邵亮、杨雪萍 三号黑体 行 距：固定值40磅 实习时间： 2015年10月19日- 2015年10月23日实习地点： 1211 重庆工程职业技术学院学 生 实 习 考 核 表学生姓名专业班级指 导 教 师蒋冰霜网络142平面邵亮、杨雪萍实习时间2015年10月19日- 2015年10月23日实习地点学校机房1211实习名称网页设计与制作课程实习自我总结这一周的网页设计与制作这门学科来看我学到了一些经验，自己也有很多不足，我做了以下的总结。 知识点不够扎实,对什么是网页设计还属于那种马马虎虎的，还

2、没有形成具体的概念。对软件的运用只停留在基本的绘制图上，学得不精。 对网页设计的基本要求不够熟练掌握，在设计绘制网页上还没有很精通的运用软件，针对这一不足我认为还是要多练习，多看这一方面的书籍。 在设计感方面还不够足，针对这个我觉得自己还是应该多看看别人的优秀的网站吸取一些知识经验，多看一些有关方面的书籍。 指导教师意见考核等级信息工程学院 网页设计与制作实习目录1 实习目的12 实习概况22.1 实习要求22.2 实习时间22.3 实习环境22.4 设计环境23 实习内容33.1制作设计项目分析与效果图33.1.1运动会网页分析与效果图33.1.2重庆能源职业技术学院网页分析与效果图53.1

3、.3工作室网页设计分析与效果图63.1.4专题网页分析与效果图73.1.5 手机APP界面分析与效果图84.实训总结1021 实习目的网页设计与制作课程实习是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。通过本课程设计的实习，进一步提高学生对网页设计以及ps软件的操作能力，学生其间应以对课程设计负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。 2 实习概况2.1 实习要求总体设计要求绘制准确，设计信息传达准确，布局合理，构图富有创造性，色彩搭配符合设计需要，风格不限。 2.2 实习时间2014年10月19日至2015年10

4、月23日2.3 实习环境学校机房12112.4 设计环境l Photoshop软件3 实习内容l 制作学校运动会网页3.1 制作设计项目分析与效果图3.1.1运动会网页分析与效果图我首先考虑到了屏幕的自适应性，然后考虑了运动会网页的内容量不多，所以就不需要像奥运会那样长，我选择的是现在较流行的一屏的方式。我的运动会网页整体的风格有点属于简约型的，主要的颜色是以黑白为主，黑白是比较冷的色调所以我在网页里面还加了些比较活跃，热情的颜色，橙黄色等，使画面不那么的单调，更符合于运动会的风格。在字体的选择上，我选择的是微软雅黑，我觉得它的字体风格比宋体更符合于运动会的风格。在内容的选择上，我觉得运动会的

5、首页要放一些重点的内容，并且能够引导观众继续往下看，在里面我放了这次运动会开幕式的表演图片，可以定时切换，之后，放了些这次运动会重点的新闻和精彩瞬间。在布局上，我把重要信息都集中到了中下的位置，并且集中起来，这样方便读者观看，是页面显得不杂乱，也突出了背景图，我为了不让背景图看起来很空，我在留白多的地方突出了标题。在顶部上我选择用黑色的长条快，放置学校logo，和导航条，导航条上我做了个鼠标上去的效果，出现一块白色的块，把白色的字体转换为黑色的字体。在中间，我用了张几个运动项目的图片，然后为了符合运动会的风格，我在后面加了些热情，火热的颜色，使其不单调。效果如图3.1.1-1所示：图3.1.1

6、-13.1.2 重庆能源职业技术学院网页分析与效果图首先我考虑到了屏幕自适应的问题，所以我建的是全高清的，做重庆能源职业技术学院的学校的我觉得网页有两个颜色可以考虑分别是绿色和蓝色，个人觉得蓝色更庄严，更符合学校网页。我的网页整体颜色是以深蓝和浅灰色为主。在字体的选择上我用了微软雅黑。在导航栏上我做了与logo相区分的一条黄线，这样是顶部不那么死板，更活跃，我也做了一个小小的交互，里面有子栏目。在大图上，我做了个横向拉通的图片，横向比竖向更能突出学校的威严，霸气。在大图下的背景上我选用了以一块浅灰色作为背景，然后在内容上用白色的块使其与背景区分开来，在制作内容上我用的是以板块化来做的，我觉得这

7、样更能突出每个版块里面的重要信息。效果如图3.1-2所示：图3.1.2-23.1.3工作室网页设计分析与效果图首先我考虑到了屏幕自适应的问题，我的工作室网页的整体风格是现在比较流行的扁平化的风格。我觉得工作室的首页内容要求不多，但是对设计的要求比较的高，所以我选择了以大图为主的形式，并没有太多的内容，所以网页的颜色方面运用不是很多主要有少量的白色，蓝色，粉色。在导航栏上，我做了个从导航栏开始到结束的一块粉色块的交互，在图片上我用了一层透明的灰色块，再盖上字，让图片的颜色没有那么艳丽使其与整个页面风格协调。之后我在用了快浅蓝色的色块，以突出团队介绍，突出重点，吸引读者的目光。然后再以图片的形式给

8、出了公司的地址，方便了读者找到工作室的位置。效果如图3.1.3-3所示：图3.1.3-33.1.4专题网页分析与效果图首先我考虑到了屏幕自适应的问题，这个专题网页与传统的网页有很大的不同，它更倾向于海报设计，这就很考设计感了，本来是想做一些突破，但感觉很失败。我做的是一个夏季旅游的专题网页，我的网页主要的颜色是以天空蓝为主。在字体的选取上我用了微软雅黑，因为我觉得旅游应该是一件很愉快的事，所以我的标题就做的很活跃，给读者一个愉悦的心情去旅游。在内容的选取上，因为是专题网页，所以内容是属于偏少的类型，所以我选择的是一些最基本的景观介绍，让读者知道，这个活动有哪些旅游景点。效果如图3.1.4-4所

9、示：图3.1.4-43.1.5 手机APP界面分析与效果图这次的手机APP界面与我之前做的电脑的网页有很大的不同，因为它是在手机上显示，可以横着和竖着，所以考虑得较多，还需要从用户的心理去考虑，怎么会更方便地去阅读和查找重要和需要的信息。我的手机APP的主色调我是选用的橙色，我觉得橙色比较热情，活跃，很符合女性特征，在字体上我选用的是微软雅黑。我首先做的手机APP界面是一个登录页面，它的背景图我也是选用这个品牌的优秀设计师的服装设计作品。因为我做的是一个衣服品牌的工作室，所以登录或者是注册登录，会有更多的折扣和一些活动的小礼品提供给用户，从而使这个工作室界面能有更多的人关注与注册。它的背景图我

10、也是选用这个品牌的优秀设计师的服装设计作品。第二张我做的是一张首页，背景图用的是不同风格的图片可以轮流的切换，底部做的是一个导航条，加了一些装饰性的图标。最后一张就做了个成员介绍。效果如图3.1.5-5所示：图3.1.5-54.实训总结这一次的实训我学到了很多经验与技巧，但是也有很多的不足之处，一开始的时候其实我还没有形成一个具体的概念，可能这是跟一个人的性格有关，我是属于那种做事开头特别难的人，不知道从何下手，所以我一开始就知道我的运动会网页绝对会不如意的，事实确实如此，怎么改都没有感觉，但是我会吸取经验，我之所以第一次会做不好那就是因为我没有经验，不知道怎么做才会做好这件事，然后吸取经验之

11、后，我不会在同一个地方再跌倒一次，我就会特别的关注我以前犯过的错误，不允许再次犯错。我觉得每个人都应该给自己设定一个标准，这样才能做得更好，才能有更好的突破。我觉得这次实训让我很纠结，即给我了打击，又给了我很多的知识，还让我学会了处理一些心理上压力，其实我前十九年吧，我觉得我过得是属于顺境型的，我没有遇到过什么大的事件，别人愁的，我从未愁过，全都是我爸妈在做主，什么都给我弄好了，其实以前我从来都不会愁我以后会没有工作，因为我知道他们以后都会给我安排好，可能在有些人眼里觉得我很幸运，这辈子的大问题都已经解决了，以前我也是这麽想的，觉得我选什么专业都无所谓，但是现在我学了这个专业之后，我更多的是看到了属于我的价值，我更想用我自己的知识和能力去取得一个属于我自己的一份工作，我觉得这样子的我会更有价值，而且这样我也会很开心，也可以锻炼我的能力，让我学会更好地生存。在学习网页设计这门课之前，其实我觉得我的设计感觉应该还行，不至于太差吧，但是学了这门网页设计之后我觉得我还有很大的空间去提升我的设计，在现在这个网络竞争这门大的时代，我应该在学校里花更多的时间去丰富我的知识，并且做一些实践，这样对自己以后会有很大的帮助。在我做了人生中第一张网页的时候，我内心是拒绝的，我宁愿去学代码，我觉得我的设计不是很好，相对来说，我个人比较喜欢写代