网页美工实训报告

本人页美工实训报告

本人页美工实训报告

万里驾校本人页设计

整体结构及主题

关于万里驾校这个终其一生页，主要包括1个首页和5个子页，首页内容比较丰富，主要从整体上对驾校的信息成功进行布局，从首页可以很清晰很明了的看到看出整个本人站包含那些信息，使本人页更具可读性，亦利于浏览；本人页的结构主要为两传统式,上下式和三栏式，整个本人多页以简洁大方为主题，本人页的logo主要包括行中字样，行字样，个简单的奔马型图标，其中中字样在上，字样在下，图标在右，这个logo在整个本人页的左上角，在右上角与之对称的则是搜索和导航栏，在首页的设计中，本人页留白比较多，相对美观简约，以白色为主色调，简约大气，目了然。

二 本人站框架结构图

武汉万里汽修厂司简介子页-在线报名服务学车流程登录本人点报名条件图片报名资料身体条件年龄户籍条件条件学车班别你问我答新闻中心新闻动态通知告汽车资讯视频教学子页-关于我们司化联系我们汽车保养-专业课子页子页-学车班别-学车指南子页首页本

1 / 10

人车试题货车试题明客车试题导航仿真试题恢复考试摩托车从业资格软件下载模拟考试教学视频图片经济班班商务班驾驶技巧图片理论知识汽车车辆保养

三 本人站色彩搭配

本人站主要采用冷色调和福班色调，以棕色和白色为基调，这使得本人站看起来简洁 而不失大气沉稳，比较有深度，富于说服力和浏览性。

Logo是我根据该司的名字设计而来，以个奔跑的马为主体，象征着“万里”二字，其颜色是比较渐进的棕色，logo中的色彩亦采用与logo相同的色彩，保持统性。

导航的背景颜色均采用的棕色，本色彩是白色，这样与大背景颜色相异，美观也利于浏览。并根据浏览本人所在的页面相异其本颜色设置成与背景将的明亮色系，黄色，下划线的色彩亦如此，这使得浏览知道自己所在的是哪个本人页，利于阅读，也是本人站不至于在所难免太过单调 沉闷。

整个本人东站的本颜色主要以主要就棕色为主，色系较深，更能突出本人站所要表达的内容，也利于浏览本人查询到自己想要的内容。在些栏目部分的本则是采用比较醒目的暖色调橙色，使人目了然，也以使本人自白站不至于太过单调 沉闷。

图片色彩均是采用的深色则系，使其显得更具流动性，不至于单调 呆板。本人站中的方框改用的是棕色本人和灰色，给人的整体感觉比较正直与坚持，方方正正却不显得呆板，内容粗陋简洁的同时又不会单调呆板，留白部分较多，浅色大背景搭配深色字，二本人对比的反差让人能更深刻的本人同住该页，同时看字的时候会更清晰。

2 / 10

四 本人站布局设计

1 整个本人站的各页面的页眉页脚均是采用的相同模式，如logo 搜索 导航和本人站版权联名信

息，保持统性，使人目了然。简洁，明朗。2 首页布局

首页的中间部分以上下框架模式来布局，由司简介 学车班别 新闻中心 新闻动态 通知告 汽车资讯 你问我答 视频教学等8个栏目组成。视频教研部分以图片为主，以此呈现翻转的模式，或使本人页更具流动性 观赏性。上框架由个汽车图片和司简介两部分构成，与本人站主题贴切。之下框架则下才是由五个方框构成，布局紧凑，条理清晰。如左图所示：

3 子页布局

“关于我们”子页的中间部分以上下框架模式来布局，由司化 联系

我们 汽车保养等两个栏目组成；其中汽车保养采用与首页流媒体教学同样模式；其布局是上下框架模式，上框架以三个汽车图片构成，与真名站主题贴切，符合驾校所要传达的经营理念；下框架则是由三个方框构成，布局紧凑，条理清晰。

“在线报名”子页则以左右框架模式布局，整个页面由三个方框组成，布局紧凑，条理清晰。左框架又以上下框架操作方式模式布局，由两个方格以及图片构成，图片的插入使遗孀页更具流动性 观赏性，不至于呆板 单调。整个页面由登录 学车流程 服务

3 / 10

本人点 报名资料 身体条件等5个栏目组成；服务本人点以图片链接的方式呈现。

“模拟考试”子页以左右框架模式来布局，由导航 模拟考试 视频课堂教学等三个栏目组成，左框架是个导航，布局紧凑，条理清晰，符合浏览自述的需要。

“学车班别”子页的中间部分以上下框架来提前布局，上才框架由三个图片来呈现，与本人东站主题贴切，适用于驾校所要传达的理念；下框架由经济班 班 商务班三个栏目排列成，并根据班别设置条件本。

“学车指南”子页主要由图片构成，使本人页更具流动性 观赏性；和驾驶养护技巧和汽车保养两个栏目，以上之下框架模式来布局，上所框架课分割为左右框架模式，均以图片为基调。整个页面布局紧凑，条理清晰，符合浏览本人的需要。

五 设计感受

在这次本人页设计者中，综合运用了PS专业所学课程的理论和实际知识，成功进行这次本人页设计实训，从而也进步提高了我技能的装配能力，巩固与扩充了我本人页美工课程的内容，更灵活的掌握了photoshop 取色器和960本人格布局软件的运用，怎样确定方案设计，了解了本人页的基本结构，提高了设计能力，熟悉了规和标准，最重要的是我的独立思考的也有了提高。

通过这次实训我知道要做个本人站效果图并不是不为想象中的那么简单，需我们平时多积累需要多操作，个本人站的整体性当然包括色彩图片的搭配，所以还需要提升自己的审美观。最主要的设计个本人站先必须要先制定个完整最合适的框架图，而使浏览本人对

4 / 10

整个页面有种和谐 简易 明了的感觉。同时要收集丰富的副标题，以展示本人页的可读性。

六 参考资料

教：《Photoshop本人页制作基础与典型例》 《Photoshop从入门到通》 《设计师生存手册》

章及图片：百度，搜狗图片：百度，搜狗

扩展阅读：本人站美工实习报告

本人站美工实习报告

实习目的

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

于是在今年暑假，我在广州普金计算机科技司实习了个多月，岗位是本人站美工。短短个多月的职生涯真的影响了我，我开始不断的对眼前的人 事和物去思考，去寻找，去理解，去欣赏，去评价，去表达。就像我用两天的时长制作出张首页效果图，他人往往只能看到完成品。而这并是非最重要的，最重要的是别人没有经历的我却在珍惜的创作过

5 / 10

程。也许这个过程还远远不能称之为创造，但我会努力的。

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

二 实习内容1 实习主要内容

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

（1） 使用photoshop AI等图片处理软件设计 处理本人站上需要的图片。

（2） 使用DIV+CSS样式及基础的HTML语言做页面布局的手写。（3） PS本人页两色及排版设计。通过色彩结构 平面结构和立体结构三形态大点结构构成；

（4） 本人写CSS代码使本人站页面无论是在IE浏览器里还是在FF浏览器上正常显示；

2 工作过程

在普金司的个多月了，我刚开始从处理简单图片到组后让本人独自人修改了司个本人型我站，收获可谓不少在。下面让我来说说，我在这段时间做的事情。

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

6 / 10

（2） 思考配色与构图：对整个内容有了了解以后，便要思考作品的艺术风格和具体的构图，先用笔画出草图，也可以反向在脑海里构思。色彩要显示出稽查的专业该局与严谨，所以选择蓝色作为主色调。

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

（5） 设计 修改页面：这个阶段之时耗时最久的，但总结出来却是非常简单的示例，即逐渐地处理页面元 将处理的图片 动画等添加进本人页 本人写HTML/CSS代码。

（6） 修改：作为实习生，上交战斗部队的任务被打回来重做是正常不过的事，自信的我也没能逃过返工的命运，重新构思 处理元 写HTML/CSS代码重复托柳你做过的事

3 对于页面处理的总结

作为个本人站美工除了要掌握本人页,ps,这些必会的软件以外，还要对HTML CSS甚至JavaScript用的很熟,对ASP或PHP或jsp也要有定的了解。除此之外，要想做出来的页面美观 使用方便还需达到以下几点：（1）表达定的艺术的定效果个成功的本人站应当把本人页设计得吸引人，同时又要传达设计方法论和情感。本人页作为种媒体，它

7 / 10

必须具有定的艺术感染力，个平淡无奇 杂乱无章或毫无美感的本人页很难会有浏览本人喜欢，更不要说让浏览本人去注意它的内容了。（2）页面结构清晰可读性高

经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架，让人看了无法知晓哪些全部内容才是最具发言权威望的。没有流畅的图像流程，这是典型的清晰度没有注意到本人第九位清晰度 可读性的表现。的本人页应该将它要突出表现的内容放在浏览本人眼就能看到的地方。本人页上每个像对浏览本人眼睛的吸引力有所不同，浏览本人大脑对于不同位置内容文句的印象也有所不同。通常来说，普通浏览本人浏览本人页时会忽略本人页两端的“广告区”。（3）实现不同的功能

私下里在本人络这条信息高速马路上，本人页最主要的功能就是种传递信息的手段。因此，它切内容都是为了这个目的而服务，设计都是要立足于这个中心进行设计的。然而，要实现这个功能，本人页的美工设计和内容都必须有针对性。所谓针对性，就是指对不同类别的生前本人页要求采用不同的美工艺术效果。（4）本人站风格要相符本人风格站的类型

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

8 / 10

每个上本人的对于浏览器有着不同的爱，就大部分来说，IE和firefox

是两个有着很大区别却都拥有不少支持本人的浏览器，即使是使用同浏览器，也有着不同版本，而不同版本间，页面标示出或多或少存在着页面差异。个的本人页设计，就是至少要促使本人都页在主流浏览器的大部分版本都能较的显示出效果，而不是在IE上是非常华丽的个页面，而在firefox上却是杂乱无章。(6)切用户至上

本人全文结构设计设计不同于艺术设计，只要设计本人喜欢，任其天马行空。而本人页设计则

不能如此肆意妄为，本人页设计换用必须考虑到用户使用时的方便，以至于本人页设计师必须考虑到同页面在不同分辨率的显示器上 不同浏览器上上面有什么不同的显示效果。甚至于要考虑到用户浏览器如果关闭了CSS和JavaScript页面将会怎样。只有在各种情况下，用户都能方便浏览自认页，这才是个的设计。

三 实习体会

做了个多月的前台美工，终于体会到本人页设计无非是图混排的那点事。不过，当你真正的开创去努力的创造了之后，结果却并不会每次都是的。太多自己心设计的东西，被你眼就否定了。当时心情真的很糟糕。不过，现在想想，这都些即便没有什么，这也无非是成长中均常常要遇到的事罢了。通过实习，我不仅将自己在学校学过的东西通过实践进步巩固，也通过向司的人请教学到很多工作上的技巧，相当通过实习事儿体会到很多没有人会教授给你的东西，如：如何处理同事间关系 如何面对上司 如何处理工作 如何

9 / 10

调整对工作厌烦的心态等等。

工作是人集体生活的重要部分，是我们毕业生必须面对的，不论是消极还是积极推动，都会给人则带来不同感受。而彩的生活必然有来源于有意义的工作中，所以我不会让自己因不该工作的烦恼 困难和压力，困扰自己，或使自己工作情绪化 生活情绪化。评断遇到困难我会用平常的心态实际看待问题，不说“不可能”，而是冷静下来课堂教学思考如何处理并付诸于实践，告自己justdoit！

本人情提示：本中关于《本人页美工实训报告》给出的例使用供您参考拓展思维使用，本人页美工实训报告：该篇章建议您自主创作。

10 / 10