2016美工高考状元|2016美工实习报告范文精选

--北京瑞利宏达文化发展有限责任公司网站美工实习报告

一 实习目的

随着经济高速发展，社会的竞争也越来越激烈。适者生存，对于初出茅庐的大学生，我们只有不断的充实自己，提高自己，才能在社会中站稳脚跟，才不至于淹没在社会发展的浪潮中，被这个社会淘汰。实习对于我们来说，是一个很宝贵的经验。

于是在今年暑假，我在北京瑞利宏达文化发展有限责任公司实习了一个多月，岗位是网站美工。短短一个多月的职生涯真的影响了我很多，我开始不断的对身边的人、事和物去思考，去寻找，去理解，去欣赏，去评价，去表达。就像我用两天的时间制作出一张首页效果图，他人往往只能看到完成品。而这并不是最重要的，最重要的是别人没有经历的我却在珍惜的创作过程。也许这个过程还远远不能称之为创造，但我会努力的。

下面就我这一个多月的职业生涯谈谈我个人的感受

二 实习内容

1、实习主要内容

整体工作：我的工作就是负责设计整个网站的页面部分,根据网页设计师或客户所提供的主题要求来设计出整个网站。

(1)使用photoshop、ai等图片处理软件设计、处理网站上需要的图片。

(2)使用div+css样式及基础的html语言做页面布局的排版。

(3)ps网页配色及排版设计。通过色彩结构、平面结构和立体结构三大结构构成;

(4)编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示;

2、工作过程

在北京瑞利宏达文化发展有限责任公司一个多月了，我刚开始从处理简单图片到组后让我独自一人修改了公司一个小型网站，收获可谓不少在。下面让我来说一说，我在这段时间做的事情。

(1)了解主题：刚接到任务时，我对于如何修改毫无头绪，于是我首从网上了解了一些相关基本常识及想类似网站的页面风格。

(2)思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，也可以直接在脑海里构思。色彩要显示出稽查的专业与严谨，所以选择蓝色作为主色调。

(3)查找素材：其实素材这种东西总是数量大于质量，我可以很轻易的下载到许多许多的素材，但却很少用的到它。这里我总结了一种思路，电脑里下载一些专业的“万金油”图库，这种图库通常种类齐全但图片很一般。另外配合专业在线图库网站(通常是国外站点)+google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。

(5)设计、修改页面：这个阶段时耗时最久的，但总结出来却是非常简单的步骤，即不断地处理页面元素、将处理好的图片 、动画等添加进网页、编写html/css代码。

(6)修改： 作为实习生，上交的任务被打回来重做是正常不过的事，自信的我也没能逃过返工的命运，重新构思、处理元素、写html/css代码……重复一切你做过的事

3、对于页面处理的总结

作为一个网站美工除了要掌握网页三剑客,ps,这些必会的软件以外，还要对html、css甚至javascript用的很熟,对asp或php或jsp也要有一定的了解。除此之外，要想做出来的页面美观、使用方便还需达到以下几点：

(1)表达一定的艺术效果

一个成功的网站应该把网页设计得吸引人，同时又要传达设计思想和情感。网页作为一种媒体，它必须具有一定的艺术感染力，一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢，更不要说让浏览者去注意它的内容了。

(2)页面结构清晰可读性强

经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架，让人看了无法知晓哪些内容才是发言权的。没有流畅的视觉流程，这是典型的没有注意到编排清晰度、可读性的表现。好的网页应该将它要突出表现的内容放在浏览者一眼就能看到的地方。网页上每一个像素对浏览者眼睛的吸引力有所不同，浏览者大脑对于不同位置内容的印象也有所不同。通常来说，普通浏览者浏览网页时会忽略网页两端的“广告区”。

(3)实现不同的功能

在网络这条信息高速公路上，网页最主要的功能就是一种传递信息的手段。因此，它一切内容都是为了这个目的而服务，都是要围绕这个中心进行设计的。然而，要实现这个功能，网页的美工设计和内容都必须有针对性。所谓针对性，就是指对不同类别的网页要求采用不同的美工艺术效果。

(4)网站风格要符合网站的类型

在设计网页之需要做大量的准备工作，需要思考以下几个问题：1、网站的类型：站点属于新闻、娱乐、商务类的综合站点，还是个人主页;不同的类型，决定着网站的不同风格，包括主色调、排版等。如果浏览者主要是年轻人，页面就要设计得基调明快，活泼富有朝气;如果针对的群体是政府工作者或科学工作者，那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童，页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人，页面就要设计得浪漫并有艺术感。

本文来源：https://www.wddqw.com/vV6x.html