网页布局设计理念

1、曾经到过一个内容“丰富”的网页，它几乎使用了全部曾经在 中国计算机报中消失过的网页制作技巧：现在的时间、访问了的 时间、等等。不过有一个不是使用得很好的，就是窗口的自动滚动。 我只是想发个邮件给网页的仆人，但我却无法使滚动条停下来让我点 击连接，于是我花了很久才“命中”窗口中的Email连接真 懊悔军训的时候没有练好射击！也许自动滚动可以炫耀一下本事，但 就没有什么实际价值了。用户有鼠标，可以自己移动滚动条，网页制 作者们可以少 * 心。 四、不要用延时效果的javascript 现在的网页制作者为了使网页更加具有影响力，都疯狂地加入javascript 。以现在的猫奔跑的速度而言，这些脚本也

2、算不了什么，用户不会介 意。但是，如果这些脚本可能导致延时的话，用户的态度就不同了。 由于这些延时不会由于猫的快慢而转变，任何用户都必须望着屏幕上 的“杂耍”完了才可以连续。头一两次还会觉得：WELL，棒极了！但 后来，某个国人网页的首页在载入时窗口的底色窗口里面 没有任何内容由白色逐渐变成黑色，整个过程耗费了几秒，嘿！ 别小看这几秒，我能检查了全部的邮箱了！ 五、不要依靠扫瞄器 唉！其实留意中国计算机报的话，应该看过这类的警告。但 事实上，太多的网站首页中加入了“请在123456分辨率下使用789 扫瞄器扫瞄本网站”的文字。我是安装了IE、NC、和Opera，由于我 要制作网页，需要它们来检

3、验网页的在这些扫瞄器下的可读性。但一 般用户不会安装那么多的扫瞄器，更加不会牢记着哪个网站需要用哪 个扫瞄器扫瞄 网页设计是一门艺术，一门大众（流行）艺术！就好比音乐，只 使用一种乐器、没有歌声，当然也会有人喜爱，但是流行音乐更多的 是接受各种乐器，加上歌手的歌声，这样才会被更加多的普罗大众所 接受，对吗？ 也许不行能让网页在使用全部的扫瞄器扫瞄都有一样的效果，但 尽量地去达到该目的，会让网页在这个扫瞄器下有这样的特色、在另 一个扫瞄器下又有不同的特色，这是网页制作者的工作，不是吗？ 六、不要滥用留言簿 别误会，虽然我的个人网页由于服务器的问题不能使用留言簿， 但我肯定不是嫉妒！那次在某个网友

4、的网页上留言，提交之后发现我 的留言和个人的部分资料立即送了上留言网页，和其他以前的留言一 起展现出来。首先，我的个人资料之所以告知你是由于想与你交个朋 友，但未经任何提示的情况下就全部摆了上网，好象不是很友善。其 次，更重要的是，我在该留言网页上发现了某个人的言论似乎很偏激， 有反革命嫌疑这样做是很危险的！你的网页有没有违法成分你 自己可以掌握，但其他访问者的言论是你所难以估量的，万一被其他 别有居心的人利用来进行反动宣扬，这样你岂不成了“同伙”！ 有鉴于此，我奉劝全部使用留言簿的网友，慎之又慎啊！ 七、不要忘记版权 现在，网上的侵犯知识产权问题特别猖獗，某N字头免费个人网 页供应商上的网页

5、尤其严峻甚至有盗版光盘贩卖呢！为此一些 新的免费个人网页供应商就要求用户在申请时提交简略的、真实的个资料，以防备不行估计的事情发生。 不少的网友都很轻视知识产权，觉得自己是个人，大公司不会计 较的。但，中华人民共和国计算机信息网络国际联网平安保护管理 方法中第四条规定“任何单位和个人不得利用国际联网危害国家安 全、泄露国家隐秘，不得侵犯国家的、社会的、集体的利益和公民的 合法权益，不得从事违法犯罪活动。”所以，如果你的网页需要引用 别人的东西的话，要么你就和他联系一下，征求意见；要么就在明显 的位置注明其版权归属。这并非多余，这是你的网页“长寿”的秘方！ 当然，如果是你自己制作的图像或自己撰写

6、的文章，你肯定有权 声明版权归你自己全部！ 八、不要懒于更新 某个N字头的个人网页聚居地上有很多的网页都是很久前建立而至今没有更新过的，姑且不说这是浪费公用资源的行 为，访问过这些 网页的人观察网页仆人如此懒散，你说他还会再去访问吗？谁能确定 下次访问不会又是这般模样呢？因特网上的资源如此浩瀚，谁会去访问一个“从”不更新的网页呢？ 我诚意地奉劝那些“霸占”了公用的个人网页存放地方的人，如 果你们真的那么忙，为何不让出空间，给新的网友更多进展的机会呢？ 网页设计的苦与乐 事物都是冲突的统一体，苦与乐就是一对相互依存又相互独立的冲突体。正如人们常说的“没有苦哪有甜？”，在网页制作 过程中，我的感受

7、尤为明显，从事网页制作两年以来，从一个对网页一窍不通到现在略有所得，这之间经历了一个漫长的苦和乐交织的过程。这期间漫漫的独自探究 路，让人回想起来，诸多的回味。在刚刚跨入这个网页领域的门槛的时候，就是一个从无到有的学习的过程，当然不行避开的是一个幸福的过程，每天面对很多的新名词，诸如超链接，IP，URL等等，就让我好不头疼，不过只有硬着头皮将自己投入到这个陌生的世界里。首先接触到的第一个问题就是从平面设计到网页设计的一个转变，由于平面设计反映的主题一般都比较单一。而网页设 计往往是一个整体，所以要用一个整体化的思维来解决问题，这样设计的过程就是一个很苦的过程，一步一步的依据统一的思想来设计，先

8、搜集资料就不是一件省心 的事情，由于涉及到选择资料的问题，充分的分析网站的要求，利用已有的一些资料，舍弃无关的，再利用已有的手段找一些自己要的资料。同时也要设法通过设计 将它们统一起来，找到它们的调和点。由此设计出网页的基本风格，再到简略的页面的颜色搭配、图片文字的配置、按钮的样式以及编排方式等等问题。由大到小， 由粗到细，当自己独立完成一个网页是尤其该如此，所以这很多繁琐的问题只能用一个字来形容，就是“苦”。不仅如此，还要经历一个反复修改再定稿的过 程，从手工绘制草图到在软件中实现，不能很好的实现的，就修改草图，如此反复。或者是多个草图选择最好的来制作，如此种种。在这转变的过程中，不断的找准

9、 平面设计和网页设计的现实情况的一个调和点，在两者之间搭起一座桥梁。为此付出了太多的努力。而最初收获是很小的，就是由于软件的限制。网页应用软件严峻 的约束了自己发挥。对于使用网页的应用软件。我还有一段较为幸福的经历。照理说我有很多的图形设计应用软件的使用经历。使用网页软 件相对会感到一些的轻松。但是同样遇到了很多的问题，记得在当时学习Frontpage98的时候，曾经让我感到很不便利，就是由于我用一般的绘图软件如 Photoshop和Corldraw等，在拖动图片或者是文字等都是很任意的，想放到哪个地方都可以，不会像Frontpage里一样接受的是文本编辑 的形式，这样就感到很受限制，处处受制

10、。当然就不得不学用表格，这更增添了我幸福的记忆，特别是表格的掌握，由于受到相邻的图片或者文字或者是表格的影 响，有时候始终不能达到自己的目的，再在表格里加表格，这样处在外面的表格就更加不好掌握。很多时候不但不能排好，甚至会把屏幕搞的乱七八糟，自己给搞的 头脑发胀。好想放弃 可是一旦超越了这个阶段，就会感到一种如飞的制作的快感，在设计出来以后，看两眼就能知道该怎么运用表格或者是其它的方式，接受一些排版的技巧，轻松 的完成任务，布满自信的这种感觉是一种快乐的、经历了幸福的探究之后的成就感。再如图片的使用问题，当时在将图片搬到网页上的时候，尽管可能图片本身处理的很漂亮，但是不得不幸福的将它用软 件压

11、缩、切割，有些很好的细节不得不放弃，那种割舍的感觉记忆犹新。同时那时缺乏像Firework和Imageready等软件，所以对图片的切割和拚 装就特别的困难，首先是切割，得利用Photoshop或者是Photoimpact等等，可是这样就特别麻烦。就如Photoshop，要想切割成很多 部分虽然可以通过几个方法，但是都要分别做成不同的小文件，通过帮助线，这样对齐就是一个较为烦人的事情，更烦的是在网页软件中的对齐，利用表格来对齐， 真是太麻烦了。很多的图片，有时由于一个图片对得不准全部的都会不协调。所以在调那一个图片的时候，真是牵一发而动全身，整个眼看要成为一个完整的页面会 由此变得歪歪扭扭。还

12、有由于切割的图片是分成不同的文件，存储的时候就难免会因此压缩比不一样，所以放到网页上有些颜色原来结合的很好的，就会变得有差 别。由此种种问题，纠缠在一起，所以在学习的过程中我经历了一个漫长而幸福的过程，这之间当然是一个段炼的过程，是一个不断积累阅历的过程。不断的总结经 验，不断的向书本学习，同时我也常常上网到BBS里向网友们学习。使我获益非浅。伴随着网页和绘图的应用软件的升级，以前不能实现的现在由于技术的进步而能够轻松实现，例如DHTML和XML 等技术的升级，网页上的很多特效的轻松实现；更为重要的是我的做网页的阅历的不断积累，并反馈到新的工作中，我不断的体会到了做网页的快乐。能够在网页排 版

13、上轻车熟路的去通过调节以完成自己的目的，加上可以任意的依据自己的爱好或者是依据软件的优缺点来选择网页软件。我就可以更加娴熟的摆脱软件的桎梏，更 多把精力投入到网页的设计制作中去。以完善自己的设计。能使自己在喜爱的天地里自由的飞翔，是多么令人高兴的事情啊！我发现自己完全喜爱上了这个工作。不 仅仅把它看成一项工作，而是看成表达自己的意愿的一种方式，可以将自己的一些设计的理念表达出来。 有时候在埋怨自己找不到感觉，可是只要做的多之后，感觉接触到网页就会有很多的想法，在合理的选择之后，做网页就很容易。正是：“读书破万卷，下笔如 有神”。我想在这漫长的求索过程中，我失去了不少，但是我得到的更多。苦乐的体

14、验，最终是乐的，也许时时伴随着苦，但是我仍然喜爱这种布满激情的历程，正 如一场足球赛，平平淡淡不是真，只有去经历了大喜大悲之后赢得了成功，才是刻骨铭心的，我喜爱这种体验。网页设计师的素养 网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门 以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、颜色的应 用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。 作为一名网页设计师，首先要具备审美的能力，而网页设计就相当于 平面设计，网页设计师可以

15、将平面设计中的审美观点套用到这上面来（其区分是动态网页的制作是平面设计不能达到的，它是一种审美方式的延长），所以平面设计 上的审美的观点在网页设计上特别有用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等，以及颜色的搭配显示出的轻愉快泼的美，这些都能在网 页上显示出来，反映设计师超群的审美能力。因此作为一名网页设计师，要使自己的网页具有美感，不具备审美能力是不行的。这要求设计师平时多多的积累，在仔 细的观察的基础上多分析美的来源，并敏捷的将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到肯定的高度。而我们常常看到一些网 页里用的基本几何形体错综简单，用色花里胡

16、哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有，有爱好得到 更多的信息吗？首先自己就厌烦，怎么还谈得上感爱好？这是一种典型的失败，一味的追求显眼、追求吸引人，这种做法取得的效果适得其反。当然并不是页面做得 好看，具有美感网页就肯定让人感爱好，这也建立在肯定好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是网页的界面设计应该还是要以布局的美 为标准，有规律可循，这也是网页设计师的责任。网页设计师的素养应该全部是技术方面的吗？君不见聘请的广告一概为这样：招网页设计师xx名，具备素养为精通 Photoshop，Corldraw,Frontpag

17、e,Dreamweaver,Firework,Flash.会Css,Html,Asp, SQL者优先。莫非这就是一个网页设计师的全部吗？这是一种只追求技术忽视美感的做法势必导致一批粗制滥造的网页。就象工业化大生产带来的一大批冷冰冰的 电子产品，让人反而特别渴望手工艺时代。我们也同样可以从网页制作的失败上看到这样的阴影，就是一些充斥着动态与交互，但是页面颜色和布局都是随心所欲， 乱七八糟。这样得不到好的效果。由此也有人指出网络速度慢是由网页设计师造成的，我想肯定程度上是有肯定的道理，但是应该说是由一些不合格的网页设计师造 成的，好的网页设计师应该是合理的利用技术，在不影响美或者是尽量不影响的条件

18、下，找到一个结合点做出美观而又有用的网页。才能算一个好的网页设计师。 技术不需要吗？当然需要，而且相当重要，这要以页面的美（至少要规范）为基础。而很多场合却颠倒了。这不是本末倒置是什么？既然如此作为一名网页设计 师要怎么把握这方面的技术呢？随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使用起来愈加便利。打个比方：原来的网页全是如 同文本编辑一样，图片的定位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表格，这就需要娴熟的掌握表格的应用。而且还很难达到目标， 有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢？在Dreamweaver和Frontpage

19、2000消失后，接受了高级的 Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新的进展，适应新的功能，以增加工作的效率（当然 这就要求原来就要掌握必要的软件的使用知识，才能使自己能驾轻就熟的掌握新的升级后的软件的使用），很多设计师却只重视网页的设计制作软件的使用，而忽视 一些内部技术方面的知识。这也不行的，例如如果不掌握ASP技术网页设计师的知识是不完善的，就不能做一些好的交互以及查询等等系统，还有一些数据库以及 本身的HTML、DHTML、javascript和CSS的技术。只有这样才能做到知其然和知其所以然。如若不然就只是让人感到有一种缺陷，这种缺陷带 给人的不是缺陷美，而是圆满。作为合格的网页设计师，肯定的文化素养是不行少的，如文学修养，看到一个又一个写得美丽而布满情调的文案了吗？ 同时你也看到了一些充斥着错别字和生硬的文字搭配的文章了吗？好的文案，不仅仅让人对你所做的网页回味无穷，也可