网站设计技巧(二)

日期:2012-11-22 15:54:00

压缩的图像文件

没有比这更恼人的,当读者等待一个300K的图片加载时,它应该是只有20k,因为不是图形软件可以压缩文件,所以他们在磁盘上的空间更小,因此花费更少的时间加载到您的访问者的浏览器。 获得一些图形软件和缩小这些文件的大小GifBot是最快速,方便的方式用来缩小您的网页上的图形。 或者你可以下载图形软件:Windows的: GifCruncher HVS和JPEG向导 。 麦金塔: 图像转换器 。


正如前面提到的,不要陷入你的网站自动播放声音文件。

不要让浮华的多媒体毁了你的网站

华丽的图形和多媒体控制可能看起来不错,但他们不好的时候,他们很难得到他们想要的信息,供游人从您的网站。没有人愿意被讨厌不必使用繁琐的Java滚动看到所有的文本一个字段,要少得多等待加载所有的装饰物 - 如果他们甚至在所有的工作。 谷歌的“Flash吸”,你就会明白为什么用户辱骂基于Flash的网站。 (当然,***的例外,是网站,其内容是关于创意的东西,如艺术或音乐,多媒体的方式呈现在网站中。)
网站的可读性

 行文字超过大约650像素宽

报纸和杂志都印在列的原因是线短,所以你读取一行后,很容易找到的下一个开始。您现在正在阅读的页面显示线长度控制的方法之一:把在一个固定宽度的文本表中的页面的中心。 下面是一个例子,一个坏的页面与线的长度没有限制,这使得文字难以阅读。


你不必让您的页面的固定宽度。 你可以让他们液(他们得到更大或更小的窗口大小),但使用CSS的“max-width”属性限制的宽度。 下面是一个例子的页面,流体,但***宽度。 我是我自己的网页设置宽度不超过1200像素。 

不要让你的页面太窄或太宽
截至2011年, 99%的用户有至少1024×768像素的屏幕。 许多设计师在自己的网页大小为770像素宽的小,所以,他们没有得罪不到1%的用户为800x600的屏幕,但是这意味着他们给予其99%的用户不愉快的经历,因为那些99%的人认为万吨的空白,而不是实际的页面内容。 

在另一边,去边到边的网页,实在是太宽的大显示器和大多数人一样,这些天。 我建议限制页面内容以1200像素或以下。


使用对比色或简单的背景,使您的文字容易阅读

这是很难读出光的文本在浅色背景上,或在深色背景上的黑色文字。也有一些色彩组合,不工作。 如果这个技巧是如此明显,那么为什么我在这个页面上运行呢?


此外,它的读取文本上有广泛的混合物,光明与黑暗的背景图像;任何背景图片应该是简单的,多为暗或大部分光。 您可以提高在背景图像上文本的可读性,增加文字的大小和/或它的大胆。
你应该几乎从来没有把文本,图像或纹理的背景。 除非你真的知道你在做什么,这样的文本通常是困难的或恼人的 - 如果不是不可能的。

阅读的文本具有足够大的容量

别嚷嚷,我相信大家都知道,因为它不是每个人都有目共睹的:就在今天,一个网站管理员叫我去他的网站,我不得不眯着眼睛看。 如果你想让他们读你的文章,不要惩罚你的访客。 CSS规则,12或13px宋体,11或12像素宋体。


增加行距(leading),以提高可读性


把一些空间,在每一行后给它一些喘息的空间,使得它更容易阅读。如果你不指定领先的,你没有得到任何-你默认的局促线。 我这篇文章,以160%,你可以看到增加了一些有吸引力的线之间的空间,使文本显得不那么困难。 但我一直在默认情况下这一段,所以你可以看到它是如何缺乏吸引力,更难以阅读。 添加间距使用CSS的命令。 要设置一个表格单元格的领导,用的东西如<td style="font:11px/160%的Verdana">。 在相当长的文本块,把所有的文本之间div的长文本块:<div style="font:11px/160%>()</ DIV>。这足以让你开始,但要真正掌握CSS你“你要学习如何创建CSS规则 。


不要输入超过ALL CAPS几句话


是全部大写的单词引人注意,因为他们似乎在他们周围的小写字母不同。 但是,如果你输入所有的***全部大写,那么你***失去效果,因为***看起来都一样的,所以它看起来没有很重要的。 如果你想提请读者注意的东西,使标题中脱颖而出-大胆,鲜艳的颜色,也许稍微大一点-但保留后面的文本是正常的。


切勿使 ​​用一个以上的惊叹号

键入几个(或更糟的是,一个***)惊叹号不会使你的文字似乎只是一个更重要的。 事实上,而不是传达紧迫性,多个惊叹号标志着真正的尖叫是“业余”。 其实,他们真的尖叫的是“绝望的!” 作者是不顾***地让读者相信的东西。 不过,仔细想想:你惊叹号真正打动你,当你阅读他们吗? 你更容易相信的东西,因为它有一个尖叫的结束标记吗? 这也可能是相反的:你已经习惯了绝望的营销人员试图向你推销的东西与他们的惊叹号,所以当你看到很多你感觉到绝望,往往会对他们是怎么想说服你。 因此,当您切换帽子和你发出信息,不会让你绝望显示,使用大量的感叹号。 播放很难得到。 


使用拼写检查器


是的,谁拼写很差的人可能没有注意到或者关心您的网站受到严重的拼写错误,但有文化的人可能​​会注意到和关心,他们中的大多数。
使用链接的正确和错误的方法

如果他们不链接,不要强行链接


在网络上,事情的底线应该是一个链接。 如果你强调无偿,读者会生气,当他们尝试点击那些带有下划线的文字才发现,他们并不是真正的链接。 如果你想强调某事,用斜体字,而不是(或粗体 ,或另一种颜色 )。
L2,的 链接蓝色或加下划线,或两者兼而有之。

用户期望在体内复制的链接是蓝色的,并强调,因为这是他们的方式出现在99%的其他网站。如果你使用不同的颜色,那么至少强调的是一个线索,一个链接是一个链接。 同样,如果你删除下划线,但保持蓝色的链接,然后颜色是一个链接是一个链接的线索。 所以,***同时使用蓝色和下划线的,但使用的至少一个或另一个是可以接受的。
什么是错的,这样做既不 -不是蓝色的,没有下划线的链接。用户应该知道什么是在这一点上的链接吗? 我跑过一个页面(不再上涨),其主要是红色的,没有下划线的链接。 为了使事情变得更糟的是,在页面上的其他地方,他们使用的蓝色文本,它看起来像一个链接,但它是不。 因此,用户根本不知道该链接实际上是一个链接,并有其他文字,看起来像一个链接,但并非如此。 (我试图把这个网站的所有者要注意的,但他吹嘘说,没有人曾经抱怨)。

菜单中的链接不必须是蓝色或加下划线,只要他们清楚菜单项。 /下划线的蓝色提示的链接,在页面中间的。

解释一下你的连接

当你能够提供更多信息的链接点,这样做。例如,如果你的网站有链接页面,每个站点链接到包含一个简短的描述,说1-5句子。 这样,游客有一个想法,在这些网站上,这将有助于他们做出他们的决定是否访问这些网站,并帮助他们找到他们想要的东西,而避免他们不是在寻找什么。
没有什么是想象的那么有用一大堆的链接,这些链接的其他网站时,包括没有以上这些网站的名称(或更糟糕的是,“网址”)。 如果没有你要链接到的任何描述,读者被迫访问的每一个网站,以了解那里的东西。 想象一下,您的访客中的100都重复同样的费力冲浪,不必要的。 你可以告诉他们在这些网站上,因为你(大概)访问这些网站自己,所以你知道什么是对他们的。 你的读者青睐,并与他们分享你的知识。 范例网站]

不要在新窗口中打开内部链接

一个网站我只是碰到的主人认为它是一个好主意,以流行起来的新窗口,当访问者点击链接在他的网站,但是,只惹恼用户时,他们突然有一个***数的窗户打开他们的屏幕上。开设新窗口到其他网站的外部链接是好的,但在一个网站的链接应该始终在同一个窗口中打开。 游客仍然可以在你的网站就好了,在同一个窗口中打开链接时,因为你没有一个良好的导航菜单的顶部或页面左侧的尖F1以上,对吗? 内5次点击您的网站后,访问者的屏幕上堆满了6个不同的窗口打开新的窗口。
L5 使用描述性的链接文字。

什么的被链接到一个链接的文本描述。 你应该***不会,***使用像“链接”或“这里”或“点击这里”作为链接文本的话。读者喜欢到扫描网页,而不是读每一个字,并你做不可能的,如果你使用通用的,非描述性的词作为链接文本。 比较如下:

上一篇文章:
下一篇文章: