网页设计的布局与排版论文通用 网页设计图文排版(八篇)

在日常学习、工作或生活中，大家总少不了接触作文或者范文吧，通过文章可以把我们那些零零散散的思想，聚集在一块。相信许多人会觉得范文很难写？接下来小编就给大家介绍一下优秀的范文该怎么写，我们一起来看一看吧。

最新网页设计的布局与排版论文通用一

一、工作总结：

从开始连效果图都做不好到现在能自己套程序，虽然自己也付出了努力，但是更离不开同事们的帮助。在这三个月里，我学习了制作网页的基础知识。从配色到布局，从制作效果图再到切片，再到用dw制作网页，最后套程序。每一个环节我都没有松懈，不管是在公司还是回到家里，我都会充分利用时间来学习，补充自己贫瘠的知识。虽然现在的水平还远远不够，但是扪心自问，我在远洋的每一天都是充实的，没有虚度，我相信在新的一年里，通过自己的努力和同事们的帮助，我会学到更多的东西，不管是在技术水平上还是其他方面，都更上一层楼。

二、工作中的不足：

虽然通过三个月的努力，技术水平有所提高，但是还是存在很多不足的地方，因为基础打的不够好，很多地方学习起来有些吃力，不停的问同事，也给别人带来了不少麻烦，因为知识的不足，使得开始的学习有些混乱，感觉不知道从哪里开始学起，无从下手，浪费了不少时间。

三、新一年的目标：

过去的一年的整体上是紧张的、忙碌的、充实的。因为我刚刚来到远洋，所以对我来说这也是充满希望的一年。展望新的工作年度，希望能够再接再砺，同时也加强自身的能力，工作中与同事多沟通，多关心了解其他部门的工作性质，进一步提高自己专业知识技能，积极吸收新的观念与设计理念，要继续在自己的工作岗位上踏踏实实做事，老老实实做人，争取做出更大的成绩来。

我相信，远洋科技的前景是美好的，我期待我们远洋网络科技有限公司明年有更好的发展。我会更加努力!

最新网页设计的布局与排版论文通用二

甲方：_______________________(以下简称甲方)

乙方：_______________________(以下简称乙方)

电话：

鉴于甲方委托乙方进行网站设计、主页制作，帮助甲方树立形象，扩大宣传，为明确双方责任，经双方协商，签订此合同，以期双方共同遵守。

一、双方的权利和义务

1.甲方的权利和义务

1-1提供有关企业的材料及图片，应保证材料完整，图片清晰。

1-2开展的业务必须符合国家法律和社会公共利益。

1-3按时支付费用。

1-4依合同约定时间使用主页。

2.乙方的权利和义务

2-1按照甲方提供的材料按时完成主页的制做。

2-2可以在主页中注明该主页由乙方制作。

2-3有权依合同收取费用。

二、主页制做完成及发布时间

收到材料_____日后制做完成，验收合格即公开上网发布。

三、合同金额及付款方式

本合同涉及的总金额为人民币[__________元]。合同签订后1日内，甲方支付合同定金[_________元]，验收合格之后1日内支付合同余款[_____元]。

四、验收标准和验收后修改补充

1.甲方可以通过任何与因特网进行网络连接的

计算机

浏览自己的主页。

2.主页无文字拼写及图片(以甲方提供的材料为标准)错误。

3.验收期限为_____星期。

4.验收合格网上发布后，如果甲方需要修改主页，改动较大者须重新交网页制作费。

5.可办理网站委托管理，每月为您及时更新内容。

五、合同期限

本合同有效期为_____年_____月_____日至_____年_____月_____日。

六、争议解决

本合同于其履行过程中如发生争议，双方应本着友好合作的精神协商解决。

如果协商未成，双方同意向鄂州仲裁委员会提交仲裁并接受其仲裁结果。

七、附则

1.本合同自双方签订后生效，一式两份，甲乙双方各执一份。

2.本合同未尽事宜，双方应在本合同达成的原则基础上以补充条款的方式明确，补充条款与本合同具有同等的法律效力

甲方：___________________

代表人签字：_____________

_______年______月______日

乙方：___________________

代表人签字：_____________

_______年______月______日

最新网页设计的布局与排版论文通用三

网页制作协议书

甲方：_________

乙方：_________

甲乙双方经友好协商，就主页制作事宜达成如下协议：

一、甲方委托乙方制作甲方网站_____：//_________的主页，乙方应按照甲方的要求制作主页，并达到甲方满意的效果。该网页内含有/不含有后台管理系统。

二、主页制作费用

1.首页设计，制作费：_________元；

2.内页设计，制作费：_________元；

多层动画设计，制作费：_________元；

页面设计，制作费：_________元。

三、付款

合同签订后当日，甲方应当预付_________元定金。

网页制作费用共计人民币：_________元整，应在验收期完成后_________天内交付。

四、验收标准

1.甲方可以通过任何与因特网进行网络连接的计算机浏览自己的主页。

2.主页无文字拼写及_____（以甲方提供的材料为标准）错误。

3.验收合格，甲方以书面文字传真方式签收。验收期限为_________。

五、甲方权利义务

1.提供有关企业的电子文字材料及_____，以及其他相关文件，应保证材料完整，_____清晰。甲方必须保证提供的信息内容真实可靠，不得发布虚假信息，信息内容必须符合中华人民共和国有关的法律和法规。

2.甲方有权根据网站平面设计图提出修改意见。

3.甲方有权要求乙方按照双方商定的网站结构，在双方约定的时间内，完成合同中规定的内容。

4.按时支付网页设计制作费用。

5.依合同约定时间使用主页。

6.甲方付清应付乙方的全部款项后，甲方正式享有网页的全部使用权。

7.甲方应对网页的源代码进行备份。因甲方未对网页的源代码进行备份而发生源代码损坏丢失等，乙方无法为甲方恢复，也对此不负责任。

六、乙方权利义务

1.乙方依据双方商定的网站结构，在双方约定的时间内，完成规定的内容。

2.乙方对甲方提供的文字及_____资料中所涉及的包括知识产权在内的一切法律问题不承担任何法律责任。

3.在制作过程中，对甲方陆续提出的修改要求，乙方应尽力协助实现，对有可能影响双方约定的完成时间的要求，乙方有权提出合理的延期请求，由双方协商确定具体时间。

4.由于甲方未及时提供资料而导致乙方工作不能按时完成，乙方不负任何责任，并有权向甲方提出延期要求，延期时间由双方协商确定。

最新网页设计的布局与排版论文通用四

新的一年开始之际，在我们昂首期待未来的时候，有必要对过去一年的工作做一个回顾，总结以往的经验教训，以待在新的一年有所改进。

一、配色

其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。我刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。

我觉得，设计师对颜色的运用一般有这么几个阶段：

初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉;

过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;

成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;

终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。

其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。

二、布局

美工设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很难，无非就以下几步：

布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。

布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。

精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。

我觉得最锻炼布局的方法是制作ppt。想把ppt制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的ppt应该是他们自我内修的一门必修课。ppt的布局做好了，其他网页、宣传册等平面布局应该都信手捏来。

三、细节

至理名言细节决定成败，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。

举例说一下，以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序，下半部分是有设计师协助设计美化完成的表单界面。

一般正常审美的人肯定觉得下面的好看，但却不知好在哪?听我从各个角度详解一下：

配色：字体颜色像是直接从32色板上取的，没经过考究;表单边框色太重;表单背景与页面背景相同，没突出层次。

布局版式：此组件又没有多行操作，无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。

用户体验：明确这是一个系统里的界面组件，所以这个人既然都登进来了，还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注，所以给他提供大片的提交内容的输入框即可，简单明了;提交按钮，上图需要再填完批注内容后折回到左上角保存显然不合理，下图的界面大大方方右手边一个按钮，看起来明显，操作起来舒服。

以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿mj跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。

四、心态

在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。

五、技能

有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，我觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下我接触到的工具：

制图技能：photoshop(平面处理等)、illustrator/coreldraw(矢量图)、flash(动画)、premiere pro(影视后期)等等这些只是应用的工具;

页面编程技能：html、css、javascript等;

优化技能：压缩图片、网页优化等。

以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。

六、用户体验

用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才能更合理地设计界面布局，整体搭配等等。

最新网页设计的布局与排版论文通用五

时间的脚步总是走得那末的快，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己渐渐转变成一个社会人，本身实践经验和工作能力得到进步。忧的是自己还有很多方面有待于进步。

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单先容，除此以外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不但加深了对公司的了解，而且很快就把握和熟习本岗位工作的要求及技能，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个阅读器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。另外，留意用户体验题目，站在用户的角度阅读网页，发现题目、解决题目，以进步网站的阅读量。

自从担负网页制作以来，固然在工作中获得了较好的成绩，但也还存在一些不足的地方。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力进步技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过量看、多学、多问、多练来不断的进步自己的各项业务技能。

2、进步自己解决实际题目的能力，并在工作进程中渐渐克服急躁情绪，积极、热忱、细致地的对待每项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手展开工作;在一个环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。

总的来讲，由于本人工作经验未几，能力还有欠缺。固然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开辟创新精神，刻苦研究新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效力、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

最新网页设计的布局与排版论文通用六

时光匆匆，20xx年马上离我们远去。回首这走来的一年，似乎去年的圣诞歌还在耳边萦绕，实是感叹时间的飞逝，让自己的脚步显得如此匆忙。可细细品味，却也发觉自己在不轻易间成熟了许多。不知不觉中，充满希望的20xx年就伴随着新年伊始临近。回首20xx年的工作，有硕果累累的喜悦，也有遇到困难和挫折时惆怅。

在医院我所从事的岗位是网络美工，工作主要涉及到网站的广告设计，广告图片替换，页面策划修改;网站的页面制作，样式修改，后期维护等不同工作。可以说凡是需要突出我们网络部及网站整体形象的地方，就需要美工参与工作。

设计工作是痛苦并着快乐，每当面临重大的设计任务时充满了压力，开始搜集各种资料(包括文字的、图片的)，接下来寻找设计灵感，沉思、焦灼，经过痛苦煎熬，终于有了满意的创意时倍感轻松。每当经过艰苦的磨砺，自己的劳动成果得到大家的肯定时，便是工作中的快乐!充满了快意。

一、下面是我过去一年来工作回顾，工作主要围绕以下内容：

1、官方的网站改版。

2、激光制作与设计。

3、中韩整形站相关样式修改，日常维护，广告设计，内容更新。

4、活动专题，与项目专题的设计。根据文案提供的内容来设计策划专题活动。平均3天/个。

二、经验总结：

作为一个网页美工除了要求网页三剑客，ps这些必会的软件之外，还要求对html用得熟练，对asp或php，以及jsp要有初步的了解。

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

2.使页面结构清晰可读性强经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架，让人无法知晓那些内容才是*的。没有流畅的视觉流程，这是典型的没有注意到编排清晰度、可读性的表现。

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

4.网页的内容：

网页设计人员美化网页，增加网页设计的艺术感，都是为了网页设计的内容服务的。一般来说，网页的几项基本内容：标题、网站标志、主体内容、导航、广告栏等。

5.确定网站的风格：

整形美容行业的网站或者专题，浏览用户群体，一般都是爱美人士。年龄大约在20~45岁之间，对于这类群体，页面设计得浪漫并有艺术感。

6.确定网页之间的链接关系：

在网站的部体规划列出来后，就必须要考虑各个网页之间的关系，是星型、树形、网型还是直线链接!

从事了一年多的医疗行业网业美工，终于体会到网页设计无非是图文混排的那点事。而且并不是每次设计的东西都能被别人认可。其实这都没有什么，因为这些无非是成长过程中常常要遇到的事罢了。

其实工作是人生活的重要部分，不论是消极还是积极，都会给人带来不同的感受。而精彩的生活往往又来源于有意义的工作中，所以我不会让自己因工作的烦恼、困难和压力，困扰自己，使自己情绪经、遇到困难我会用平常心态实际看待问题，告诉自己凡事要先做人、后做事。

20xx年以经到来，新的一年意味丰新的起点新的机遇新的挑战，我决心在现有的基础上再接再厉，更上一层楼，一定努力使自己的工作能力再上新的台阶。最后，感谢我的上级对我的言传身教的悉心指导，我一定会以积极主动，充满*的心态去工作。

最新网页设计的布局与排版论文通用七

在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在20xx年，新创立的pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的facebook。在此基础上，更好借鉴pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。

1.传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在pc的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用u盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。

2.传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。

3.这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。

我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

国外，以pinterest为例，由pinterest名称由pin（图钉）+interest(兴趣)组成，网站旨在用户不断发现和分享新图片。pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上（pinboard）上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。

pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取；相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来（收集）。省去了传统图片网站进行来回浏览的麻烦。pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，pinterest图片留尤其能引起女性的情感共鸣。以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继twitter和facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。

本课题研究前端旨在通过javascript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的测试。

本网站的设计与开发是在如今如花瓣网，pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。

本网站前端与后端均使用javascript编程语言，遵循commonjs模块化规范实现，配合mongodb键值对数据库、等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，框架，运行在基于google v8引擎的平台上，整体采用mvc架构，是数据与代码分离，便与开发和维护。

本课题的目标完成为使用javascript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。

主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。

主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

1．毕业设计选题。20xx.12.01-20xx.12.02

2．资料收集与整理。20xx.12.02-20xx.12.07

3．系统可行性分析，填写需求分析。20xx.12.07-20xx.12.15

4．毕业设计开题。20xx.12.15-20xx.12.1x

5．具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。20xx.12.1x-20xx.12.30

6．技术报告和使用功能手册编写，准备答辩材料。20xx.1.02-20xx.1.15

7．进行毕业设计答辩。20xx.5.2-20xx.5.7

[1]刘颖.由pinterest引发的对图片门户网站的思考--《电子测试》20xx年18期.

[2]基于mysql数据库的优化--《电子科技》20xx年09期

[3]基于javascript的瀑布流式网页布局的设计与实现.萍乡学院学报本20xx年3月

[4] 温晓南.基于兴趣的分享式社交网络开发.《吉林大学》20xx

[5] 罗婷婷，数据库在科研管理系统中的应用--《消费电子》, 20xx, 第2期

[6] 钟强. 平台下web前端架构的研究. 华中科技大学, 20xx

[7] 蔡柳青.基于mongodb的云监控设计与应用[d].北京交通大学.20xx

[8] 曹刘阳 webap和html5给web前端带来的变化《程序员》, 20xx

[9] 孙朝云，孙向科，沙爱民 基于mvc架构网络教学管理系统的设计与开发《计算机工程与设计》, 20xx

[10] 应金航 基于mvc架构的公安部门网站内容管理系统的设计与实现《电子科技大学》, 20xx

[11] 张孝祥 javascrip 网页开发清华大学出版社, 20xx

最新网页设计的布局与排版论文通用八

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件（如mp3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件（plug-in）可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的activex技术，用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和activex，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则：

1、主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数人在短期记忆中只能同时把握４到７条分立的信息，而对多于７条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

据有关资料所做的保守估计，目前在www上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

因此，在网页设计中必须注意形式与内容的高度统一。

3、强调整体

网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。

网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；一个站点通常只使用两到三种标准色，并注意色彩搭配的`和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意：过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

三、网页艺术设计的特点

1、交互性与持续性

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

2、多维性

多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。

印刷品中导航问题不是那么突出，如果一个句子在页尾突然终止，读者会很自然地翻到下一页查找剩余部分，为了帮助读者找到他们要找的信息，出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于“续68页”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须考虑更多的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、帮助页面、查询功能在内的导航系统？这一切从哪儿开始，到哪儿结束？

3、多种媒体的综合性

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（stream）技术的推动下，internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。

4、版式的不可控性

网页版式设计与传统印刷版式设计有着极大的差异：

（1）印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；

（2）网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准；

（3）网页设计过程中有关web的每一件事都可能随时发生变化。

这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为：

（1）网页页面会根据当前浏览器窗口大小自动格式化输出；

（2）网页的浏览者可以控制网页页面在浏览器中的显示方式；

（3）不同种类、版本的浏览器观察同一个网页页面，效果会有所不同；

（4）用户的浏览器工作环境不同，显示效果也会有所不同。

把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。

5、技术与艺术结合的紧密性

设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。

技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。