2005年度，网页设计10大失误
字号过小，文本和背景的对比不明显，造成的阅读困难，并不是每个人都有着良好的视力，请记住这一点！
2、不标准的链接
为什么老是让你的访客去猜测页面上的链接在哪里呢？你应该明显的为链接指定明显的颜色或让它们带有下划线。
3、Flash
尽管与数年前相比，当前大多数人都可以很好的浏览和使用Flash，但还是不能忽略，依然有许多特殊情况令Flash无法正常显示。
4、错别字和不良的语法
5、糟糕的站内搜索
如果访客用你的站内搜索什么也搜不到的话，还是考虑取消它吧。
6、浏览器兼容性
你的页面应该在任意一个浏览器上都可以正常显示，而不是“Only for IE”，尽量遵循WEB标准吧。
7、罗嗦、笨重的表单设计
8、没有站点联系方式或公司的相关信息
9、页面宽度不可调整
（这一点取决于设计师的个人喜好，有的站点界面采用弹性设计，在不同分辨率下能够最大限度自适应屏幕大小；而有的站点则固定界面大小，这两者没有绝对的好坏之分，不过在方便的前提下，前者更可取些。）
10、不恰当的图片放大
在浏览一家网上店铺或地产网站时，当访客点击‘放大图片’后，弹出了一个窗口，可上面的图片尺寸却毫无变化……这个设计师的脑子是不是进水了？！
一、文字设计的原则
1． 文字的可读性：
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。因此，设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更好，更有效的传达作者的意图，表达设计的主题和构想意念。
2． 赋予文字个性：
文字的设计要服从于作品的风格特征。文字的设计不能和整个作品的风格特征相脱离，更不能相冲突，否则，就会破坏文字的诉求效果。 一般说来，文字的个性大约可以分为以下几种：
（1） 端庄秀丽。这一类字体优美清新，（2） 格调高雅，（3） 华丽高贵。 （4） 坚固挺拔。字体造型富于力度，（5） 简洁爽朗，（6） 现代感强，（7） 有很强的视觉冲击力。 （8） 深沉厚重。字体造型规整，（9） 具有重量感，（10） 庄严雄伟，（11） 不（12） 可动摇。 （13） 欢快轻盈。字体生动活泼，（14） 跳跃明快，（15） 节奏感和韵律感都很强，（16） 给人一种生机盎然的感受。 （17） 苍劲古朴。这类字体朴素无华，（18） 饱含古韵，（19） 能给人一种对逝去时光的回味体验。 （20） 新颖独特。字体的造型奇妙，（21） 不（22） 同（23） 一般，（24） 个性非常突出，（25） 给人的印象独特而（26） 新颖。
3.在视觉上应给人以美感：
在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让观众拒而不看，这样势必难以传达出作者想表现出的意图和构想。
4.在设计上要富于创造性：
根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。设计时，应从字的形态特征与组合上进行探求，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。
二、文字的组合
文字设计的成功与否，不仅在于字体自身的书写，同时也在于其运用的排列组合是否得当。如果一件作品中的文字排列不当，拥挤杂乱，缺乏视线流动的顺序，不仅会影响字体本身的美感，也不利于观众进行有效的阅读，则难以产生良好的视觉传达效果。要取得良好的排列效果，关键在于找出不同字体之间的内在联系，对其不同的对立因素予以和谐的组合，在保持其各自的个性特征的同时，又取得整体的协调感。为了造成生动对比的视觉效果，可以从风格、大小、方向、明暗度等方面选择对比的因素。
但为了达到整体上组合的统一，又需要从风格、大小、方向、明暗度等方面选择协调相同的因素。 将对比与协调的因素在服从于表达主题的需要下有分寸的运用，能造成既对比又协调的，具有视觉审美价值的文字组合效果。 文字的组合中，要注意以下几个方面： 1． 人们的阅读习惯 文字组合的目的，是为了增强其视觉传达功能，赋予审美情感，诱导人们有兴趣的进行阅读。因此在组合方式上就需要顺应人们心理感受的顺序。
下面，列出人们的一般阅读顺序。
1.水平方向上，人们的视线一般是从左向右流动；垂直方向时，视线一般是从上向下流动；大于45度斜度时，视线是从上而下的；小于45度时，视线是从下向上流动的。
2． 字体的外形特征 不同的字体具有不同的视觉动向，例如：扁体字有左右流动的动感，长体字有上下流动的感觉，斜字有向前或向斜流动的动感。因此在组合时，要充分考虑不同的字体视觉动向上的差异，而进行不同的组合处理。比如：扁体字适合横向编排组合，长体字适合作竖向的组合，斜体字适合作横向或倾向的排列。合理运用文字的视觉动向，有利于突出设计的主题，引导观众的视线按主次轻重流动。
3． 要有一个设计基调 对作品而言，每一件作品都有其特有的风格。在这个前提下，一个作品版面上的各种不同字体的组合，一定要具有一种符合整个作品风格的风格倾向，形成总体的情调和感情倾向，不能各种文字自成一种风格，各行其是。总的基调应该是整体上的协调和局部的对比，于统一之中又具有灵动的变化，从而具有对比和谐的效果。这样，整个作品才会产生视觉上的美感，符合人们的欣赏心理。 除了以统一文字个性的方法来达到设计的基调外，也可以从方向性上来形成文字统一的基调，以及色彩方面的心理感觉来达到统一基调的效果等等。
4． 注意负空间的运用 在文字组合上，负空间是指除字体本身所占用的画面空间之外的空白，即字间距及其周围空白区域。 文字组合的好坏，很大程度上取决于负空间的运用是否得当。 字的行距应大于字距，否则观众的视线难以按一定的方向和顺序进行阅读。 不同类别文字的空间要作适当的集中，并利用空白加以区分。 为了突出不同部分字体的形态特征，应留适当的空白，分类集中。
在有图片的版面中，文字的组合应相对较为集中。
一、写篇文章
写篇文章的程序并不复杂，先确定个主题，再拟订个纲目，然后编写内容，最后润色一番，大抵如此。不过由于我不是天才，因此在写作过程中，从来无法一口气写完。确定主题还比较容易，但从拟订纲目开始，就很难避免反复了。我的想法是在编写的过程中使用迭代的方式，这是从敏捷软件开发中借过来的，而且绝大多数人写文章都在用这种手法，只是还不系统。
迭代方式非常简单，就是写文章时，若写到某个地方没有思路，就像写注释一样，用一两句话，把该写什么内容记录到这里；如果不是没有思路，只是思路不清晰，则在后边快速的把想法记录下来，以待使用。
其实迭代在运用的过程中不必太拘泥，即不用一次迭代必须两周时间，也不必考虑必须应用于软件开发。反正我觉得自己在写文章时应用的手法就是迭代。
二、一篇文章，多个版本
一篇文章写成后，由于种种原因，很可能在当时被认为比较完善了，但经过一段时间，却发现了很多问题。例如我当初写《JUnit学习笔记》时，虽然也知道fail()这个方法，但由于很多资料上都没有详细介绍，我也就以为没有用，而未做介绍，但现在看，这个方法还是有用的。又如当时不知道JBuilder的测试使用的也是JUnit，所以也没介绍。这是由于知识局限而造成的问题，其实想不到的东西很多。
再一个，是技术发展造成的，还以写作《JUnit学习笔记》为例，当时使用的工具是JBuilder X和Eclipse 3.0.1，而现在这两个软件都升级了，分别是JBuilder 2006和Eclipse 3.2M4，而且当时也不知道NetBeans和IDEA这两款优秀的IDE，而现在却都会用了。再比如写《NUnit学习笔记之Mono篇》时，使用的版本是1.1.8，而现在却已经是1.1.13.1了，那时候输出的中文是乱码，而现在却完全能正常输出。
我认为一篇文章最好半年到一年更新一次，以保证内容的新鲜。除非你打算写完就拉倒，那我也无话可说。
三、解决方案
为了更好的编写文章，最好给自己制定一套解决方案，虽然总感觉这么说有点大，不过我确实很希望把这种理念应用此中。
我所面临的问题：上网浏览信息、发布文章；编写文章；记录并查看需要进行的任务；技术尝试及积累；统计相关信息，比如文章的查看率，这对我可是很重要的哦。
问题的解决：
1.上网浏览信息、发布文章，关键是浏览器，我现在主要使用两款，一款是Maxthon，使用比较方便，一款是Firefox，浏览CSDN博客很快。
2.编写文章，其实就是需要一个使用方便的编辑器，以前使用的是Word，而现在使用的是OpenOffice.org，本文就是用OpenOffice.org中的Writer写的。
3.记录并查看需要进行的任务，其实用记事本就可以，我用的是UltraEdit，但有一点很重要，相关文件一定要放在一个查看方便的地方，我通常扔在桌面；此外，我在单位偶尔也会灵光一闪，这些东西都需要记录下来并通过mail发给自己，所以也会需要个邮箱工具，我用的是Foxmail。
4.技术尝试及积累，主要有两块，一块是新技术的尝试，主要是用到的开发工具，比如前边提到的Eclipse、JBuilder、NetBeans、IDEA，还有数据库，像MySQL、PostgreSQL、Firebird等，服务器，像Tomcat、JBoss、Resin等，涉及的很多，这里不细说了。另一块是技术的积累，应通过文档的形式记录下来，或者是以注释的方式写在代码文件中，或者用记事本、Writer记录到文档中。
5.统计相关信息，我以前用的是Excel，现在用的是OpenOffice.org Calc。
整合：以上解决办法看起来还比较混乱，需要整合起来：操作系统为Windows XP SP2；浏览器为Maxthon和Firefox；邮箱工具为Foxmail；办公为OpenOffice.org和UltraEdit；开发工具比较繁多，这里不列举。整合之后，就是一套我所需要的解决方案了。
此外，以后可能还会有其他需求，比如版本控制，至时可能会使用CVS。
误区之一、仅仅停留在发布企业形象和产品信息上
许多公司在网站建设过程，最早想到的就是把公司产品、业务简介、公司促销活动等信息贴在公司网站上。这样的做法充其量只是多个电子公告板而已，根本没有发挥网络的互动功能。由于传统产业经营者大多生性保守，因此对于主动出击的建议大多会瞻前顾后。其实，网站架设应由网络营销角度出发。换句话说，是否可以透过网络，在现有营销通路以外，提供一个企业与消费者之间直接接触与沟通的渠道，提供企业另一种销售模式机会。因此，传统产业要的网站，应该由营销主管角度优先思索。第二个角度就是从管理角度去思索，例如公司在全省拥有许多营业网点或分公司，各种网点之间的公文传递或资源分配是否可以透过网站，以提高经营绩效。
误区之二、在页面中塞满图片、Java程序、Flash、音乐等
其实就目前上网速度来看，网页如果加上太多的FLASH或FLAME，或挂上太多图片，势必影响传输速度，这样对普遍缺乏信心的客户而言，很容易就因为不愿耐心等候下载完毕，而选择中途跳开。如此一来，再漂亮的网页也不会有人看！依照我们的网站建设的经验，愈来愈多客户选择实用网站，不愿选择太花哨的网站。因为实在没有耐心等待像SHOCKWAVE程序那么长的下载时间；另外一个干干净净、条理分明的网页比较容易阅读，客户可以在很短时间找到他要的信息，不必被太多视觉污染所干扰。所以企业的网页不需要太多美工，因为要看漂亮的图片，客户自然有合适网站可以上，不必浪费客户下载的时间与金钱。
如果你在经营自己的在线商务，你的网站最重要的任务就是销售你的产品或服务，其他任何脱离这个基本原则的东西都是垃圾。
如果你还不同意我的观点，请你先去看看任何前100名的网站吧。就拿网上最著名的Yahoo（雅虎）来说，你见到Yahoo的网站上有Java程序、插件，或者听到过音乐吗？用不着多解释了吧？
误区之三、很长时间都不更新一次
如果一个网站的资料一个月才更新一次，请问谁会有兴趣上这个网站？当然资料更新与维护需要成本，因为我们不是在做一个入口网站或专业网站，不需要每天更新；如果能做到每周更新或每两周更新，并在网站上注明更新时间或预告下次更新时间，将有助于告知客户何时可以上网来取得最新资讯。另外所谓活网站的“活”，也是指需具备与客户互动机制，例如邮件列表系统、留言板或客服系统等，当然不需样样功能都具备。必须针对网站的定位，选择适死机制；同时对于客户所提意见的处理，也需及时，不能让客户对网站失去信心！
误区之四、人家有什么我也要有的观念
许多企业老板常说你看我的竞争对手XXX的网站建设多棒，什么功能都有，网页又漂亮，赶快帮我搞个更漂亮的网站来跟他拼一拼！这样想法真是可悲，网站不是做来好看的，也绝对不是在比谁的网站漂亮！真正关键在于你希望网站，能提供哪些实用的功能？只要做出来的网站能够满足当初设计构想，能帮企业缩短作业流程的时间或提高工作效率，这就是一个有用的网站。尤其是如果你自己的想法一变再变，不管你的网站是委外制作或由公司IT人员自行建置，碰到这样的老板，这个网站想要成功的机会将微乎其微。
误区之五、不重视收集反馈信息，不依照反馈信息作出相应的调整
一些人往往忽略了网站建设很重要的一点，那就是网站前途是由网站的访问者决定的，让他们满意往往是你的首要任务。我就曾经有过这样的经验。网站建设初期，时常有读者抱怨页面中有乱码且中文折行有问题，后来经过研究，改变了页面的设定，基本上解决了这个问题，从而使我们的访问量更上一层楼。特别重要的一点是，如果我们没有积极地去寻求读者的反馈，我们可能永远也意识不到我们的失误。
所以说一定要重视访问者的反馈，因为那些将要购买你的产品或服务的客户就在这些访问者中间，只有了解他们的感受，才能使你获得成功。
误区之六、将宝贵的时间浪费在无益的工作上
对一名互联网市场推广人员来说，最宝贵的财产就是时间，有时候时间比金钱更重要。而时间又是很有限的资源，所以你必需分出轻重缓急。如果你不知道什么是重要的市场活动、什么不是，那你就是在浪费宝贵的时间。
有人将搜索引擎奉为法宝，甚至有人想只要在搜索引擎搜索结果中排到前10名，就能一夜成名。这只是个神话罢了，别将你的宝贵时间浪费在那上面。
你应该特别注意的一件事情是尽量使你每天的工作尽可能自动化，包括履行订单。要想在网上取得成功，你还必须将你大部分时间花在做广告及做市场营销上面。
误区之七、不能高效率地管理电子邮件
你与客户及潜在客户之间的电子邮件交流既能让你成功，也能让你失败。你很难有机会单独与他们交流并给他们留下印象，抓住这种机会很重要。
我们每天都会收到人们发来的商务电子邮件，许多邮件写得就象10岁小孩的作品：错别字连篇，语法错误，格式混乱，难以阅读…… 每个人都会犯错误，所谓人无完人嘛，但这并不是你犯错误的借口。这两个月来，因为工作的需要，对 Web 相关的技术做了一点研究，经过在自己的 站点 上一点实践。觉得自己还算略有心得[实际上是刚刚入门的啦:)]。
本着学以致用的原则，写这篇 Blog 有针对性的做个小小的分析。例子就选择易趣(ebay中国)和淘宝这对竞争对手吧。这里对两个公司的称呼排名按照字母表顺序。以下的"易趣"与"淘宝"如无特殊说明则分别指代双方的 Web 页面。
要说明的是，我这里所说的"Web技术"是个比较狭义的概念，内容将限制在 HTML、XHTML、CSS、Web Design、搜索引擎友好等几个方面上。
用 IE 打开各自的站点，从头向下看，乍一看两个站点格局类似--毕竟是竞争对手嘛，连主色调都有些雷同。先引起我注意的是淘宝首页的主导航条，居然是图片做的(分别是“我要买”、“我要卖”、“我的淘宝”、“社区”这四个)，而且，那几个图片看起来也不是很漂亮，尤为严重的是，鼠标移到图片上看看，哦，很不好，没有用到 "Alt" 这个对图片非常重要的HTML 标记。这对搜索引擎来说，不是很“友好”。看看易趣，主导航条处理的还算不错，看上去舒服一些，当然了，也是用图片做的(有趣的是，易趣的导航条如果不用图片也能做出来一样效果的)，不过鼠标移过去可以看到图片的说明(导航条的图片用了 "Alt" 标记)。从这一点来说，易趣的页面设计似乎稍稍强那么一点点。
在易趣站点导航条的上方，我看到了站点地图(Sitemap)，找遍了淘宝的页面，我没有发现这个比较重要的站点内容。一个精心制作的站点地图对来访的用户和来访的搜索引擎机器人来说，都是很有参考性的。
既然前面说到了 Alt 标记，不妨接着看看这两个站点整个页面对图片的标记情况。通过 Mozilla Firefox 的 Pageinfo 工具，淘宝的页面内共有图片 80 个(会有一点点误差)，不过只有 4 处用到了 Alt 标记。易趣呢，61幅图片，设置了 14 个 Alt 标记，但有内容的只有 7 个。另外一半的标记内是空的。这里所说的两个页面时间以 2004年12月13日22:00 为参考。检测工具是 Firefox 1.0。
上一步的比较我用了 Firefox ，需要说明一下各自在 Firefox 里的显示情况 的是，易趣在页面在 Firefox 中有了不好的表现：无法正常显示。页面出现了变形。估计是设计的时候没有针对不同的浏览器进行测试，也反映了页面代码设计的结构不太好。而淘宝的页面在 Firefox 浏览器中显示良好。得了一分。
通过 Pageinfo 工具我们了解到，淘宝的页面编码是 "GB2312",而易趣用的是 "UTF8"，从这一点上如果要说个谁优谁劣有点牵强，但是要肯定的是 UTF8 的扩展性更好一些，这一点应该也和易趣(ebay中国)前一段时间和 ebay.com 总站进行整合有关。
开始看看这个两个站点的 HTML 的源代码。易趣的站点源代码，哦，居然有好大一段 CSS 在那里，复制并粘贴到写字板中，居然有 1,693 字节之多。对于一个大型电子商务站点来说，这个是大忌！想想看，每个页面如果能省下来 1,693 字节,那么一天要节省多少流量? 而如果每个页面都要多解析 1,693 字节，无形中会浪费多少金钱呢? 淘宝在这一点上处理的还算可以，页面中没有看到单独的 CSS 段落。
SyntaxHighlighter.highlight();相关文章
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程，各位想知道具体制作步骤的使用者们，那么各位就快来看看...2016-09-14
- ps软件是一款非常不错的图片处理软件，有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影，一起来看看设计倒影的方法。 用ps怎么做倒影最终效果̳...2017-07-06
- 这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
- 今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路，各位想知道的使用者，那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
- 当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <?php $lan = substr( $HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
- 腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20
- 最近在网上看到了新版的360安全卫士，感觉界面还不错，于是用WPF制作了一个，时间有限，一些具体的控件没有制作，用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范，各位想知道的使用者们，那么下面就快来跟着小编一起看看吧。 给...2016-09-14
- 这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别
我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程，各位想知道具体制作方法的软件使用者们，那么大家就来看下小编带来的教...2016-09-14
Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程
今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程，各位想知道具体制作步骤的使用者们，那么下面就快来...2016-09-14- PS怎么设计T恤？很多人都想要在T恤上有自己喜欢的图案，那么自己设计T恤的图案是方法之一，本次为大家带来了详细的ps设计T恤教程，有兴趣的同学快来看看吧。 1、打开PS，新...2016-12-31
- 今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程，各位想知道具体制作方法的使用者们，那么下面就快来跟着小...2016-09-14
- c#实现51单片机频率计的代码分享,大家参考使用吧...2020-06-25
- 这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 今天小编在这里就来给给各位photoshop的这一款软件的使用者们来说一说设计蜘蛛侠纹理文字效果的制作教程，各位想知道具体制作步骤的使用者们，那么大家下面就来跟着小编...2016-09-14
- 今天小编在这里就来给Photoshop的这一款软件的使用者们说下设计武侠风毛笔字效果得教程，各位想知道到底该怎么射击制作的使用者们，那么下面就快来跟着小编一起看一看制...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说设计墨西哥亡灵节万寿菊文字特效的制作教程，各位想知道具体制作方法的使用者，那么下面就快来跟着小编一...2016-09-14
- 这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05