专 题 分 类
最 新 日 志
搜 索
友 情 连 接
博 客 信 息
 
[网站设计]网站设计的两个神话
[ 2008-3-1 18:42:13 | By: http://www.qitongnet.com ]
 

如果你的网站最近比较活跃,可能“网站设计警察”(有很多时间在互联网上闲逛的人)在最近一段时间里经常光临你的网站。事实上,可能有几波人在你的网站上活动,彼此攻击对方的观点。最近我网站的一个浏览者给我发来了一封邮件,很明显他也受这些人的影响了。他认为有关网站设计的两个神话的这篇文章很不错。

1.“网站内容至上,不要有动画、声音、Java等等”的神话
“网站内容至上”这句格言适用于所有的网站。对此我并不否认。给你的网站添加声音、动画、Java应用程序以及很多的图片的话,你的网站下载速度会很慢。一些浏览者会因此而放弃。这一点我也承认。但是,如果把这两点结合起来也并不意味着带有动画、声音、Java等的所有的网页都是很糟糕的。技巧是你要知道什么时候这样做比较合适,并且想方设法加快网站下载速度。稍后在这篇文章里我将介绍几种可以减小图片或动画文件大小的方法。

什么时候合适?有时候小的应用软件需要程序的。例如在Sesame Street网站上有一个用来显示Elmo 跳舞的Java 应用程序。小孩子可以用鼠标点击"tickle"按钮,他就会根据你所碰触到的身体部位做出相应的反映。这个软件永远需要在56k 的 调制解调器下载,但是你不能说这个网站做的不合适。但是这个网站迎合了小孩子的兴趣,他们可以在这上面玩。在这种情况下,小应用程序是合适的选择。同样,动画和声音对于在线戏剧,在线游戏来说也是不错的选择。

实际上,如有你的网站旨在推销你的网站设计服务,也就是说你想通过给人们做网站来收取费用。那么就不要把自己的网站做的太普通平凡。很多潜在的客户通过看你的网站就会来想象自己的网站将来会是什么样子。在这时在宣称什么“网站内容至上”之类的就不甚合适。他们不会听你在这唠唠叨叨。虽然需要很长时间来下载网站会丢掉很多潜在的客户,但是这样的网站需要一定量的色彩、图片等等。

就像所有的事情一样,你怎样设计你的网站取决与你网站的主题以及目标观众。牢记重要条例在心,工作一切顺心。

2.“好的网站设计在于图片”的神话
争论的另一方认为一个好的网站必须要有很多的动画、声音、和图片。例如,要么不经常上网要么只是在T1 connection 上浏览的菜鸟或者保守者们会比较喜欢这种形式。

我第一次碰到这种情况是有一个年纪很大的朋友很骄傲的向我展示一个私人网站。在他的首页的中心是一张几百KB的做成动画形式的图片。在这一页上的这张图片几乎没有任何作用。它没有任何信息价值,也不是logo设计作品,也不是自己的照片,也不是地图或是其他的什么东西。它仅仅起装饰作用。在那时(很多年以前了),我用的是一个容量是14.4K的调制解调器。要下载那个页面太有困难了。

不要误解我,网页上装饰性的图片是不错的。因为这样页面看起来会更赏心悦目,人们更喜欢阅读。但是你可以尽量把图片做的小一些。当我正考虑能不能给这样的图片设置一个确定有适用的条例的时候,但是有几百KB的装饰图片的确太大了,不好确定。

3.一些网页设计技巧
如有你想把网站设计的美观但是下载速度又很快的话,这里有几条经常用的网页设计技巧可以参考。

不要把一大段文字统统放在一起。把它们分成几段,在段与段之间加空格,这样的话你的文字看起来更有可读性。

喜欢带颜色的页面?可以,但是大体上说,如果文字的可读性对你来说是很重要的,那么白底黑字是最好不过的了。

如果必要要有彩色背景,一定要在256色彩的方案上预览一下你的网页,看一下效果是不是好。一个在32bit色彩方案上看起来很好的彩色页面会产生“图片抖动”,如果在较小设定情况下,文字读起来会很费劲。

如果你去看一下大公司的网站比如Microsoft、Yahoo等等,你会发现他们仍然喜欢给自己的主要文字设为白底黑字的形式。这些大公司可能比你又很多的资源测试他们网站的使用性,所以对他们的设计嗤之以鼻的做法可能是不明智的。

用下面的方法可以减小网页上单个图片文件的大小:

减少图片上颜色的种类

如有可能的话减小图片的大小

在动画文件中,减少帧的数量。

在动画中,不要在每一帧上都复制背景。把第一帧作为没有任何运动物体的背景,把你所有的运动物体用透明的背景放在分开的不同的帧里面。

提示:老生常谈的“内容之上”原则不应该被忽视。你的网站可能看起来很漂亮,但是你网站的内容是至关重要的。很少有人回到你的网站上去单单是为了看图片的。但是他们会回到你的网站上去阅读你的内容。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]你设计的网站缘何遭到冷遇?
[ 2008-3-1 18:36:23 | By: http://www.qitongnet.com ]
 

你有没有想过自己的网站可能相当的令人烦厌?作为一个网站设计师,了解网站访问者喜欢什么不喜欢什么也是建设好网站的一个必要条件,除非你再也不希望有人来访问你的网站。本文讨论的是网站建设过程中哪些东西是多余的甚至有害的,并且将其删除。

几周前,有个同事发邮件给我,要我检查他们新开发的网站,他是个网站设计师,他的客户想要在自己的网站上放置一个非常吸引人的Flash设计。他们设计的Flash很好。所有访问者都会被吸引,在这一点上他们的确达到了预期效果,平面设计的各种元素协调的很好,声音效果营造出了客户想要的氛围。但是,开始建造网站以后,这个Flash却成了一个令人头疼的元素,因为每次点击网站,Flash都会重新播放。开始让人满意的效果很快变得十分恼人,因为Flash的重新播放会转移访问者的注意力,使得他们很难再继续阅读网页上的内容。

他并不是这个令人烦恼的网站设计的始作俑者。很多网站站主,尤其是新建网站的站主都十分迷恋自己的创意,往往会与整个网站设计的风格相违背。拥有一个吸引人的header当然好,但是不一定要违背设计师的初衷。在我看来,完全不是那么回事。

网站站主有时会忘记网站设计应该向浏览者传递与网站主题有关的信息,而不是程序员的技术水平。

你的网站吸引访问者吗?

网站要吸引人很难,但是要使网站不吸引人却很容易。但是有些网站站主在建设恼人网站方面却胜人一筹。我这里列出了五种在网站设计中容易弄巧成拙的元素。

1.背景音乐
如果不是要经营一个在线广播站或是出售音乐CDs的网站,最好不要在每一个页面上播放midi/wav 文件。

2.大号字体
如果你是为视力有障碍人士设计网站,否则不要使用大号字体。字号过大给人的感觉就像是在冲他们大喊大叫,很少有人会喜欢这种感觉。

3.小号字体
字体太小给人的感觉就像是说话声音很小,唯恐旁人听到。如果不想别人听到你在说什么,那么设计网站就没有任何意义。所以,说话声音大小要恰当,网站设计的字体大小也要合理。

4.重叠图层
图层在网站设计中很重要。但是图层的使用如果没有达到预期的效果,并没有吸引到访问者就不要再使用图层,尤其不要使用重叠图层。可以试着换一种方式表达网站的主题。

5.弹出窗口
即使现在很多弹出窗口都被工具栏中新添的内容锁定,许多网站站主还在使用这一设计。弹出窗口的恼人之处就在于由于阻止弹出窗口工具的作用,访问者往往会错过很多重要信息。最好不要使用弹出窗口,把重要信息放在网页中心位置。

多数网站设计师会具备了以上提到的所有问题。可能还不止这些,浏览一下网页,你会发现很多这一类的设计元素使用不当问题。我在这里只是罗列其中几个比较有代表性的问题,来引起人们对此类问题的关注。

作为网站设计人员,你最不愿看到自己设计的网站花费了你很多心血和精力,到头来众多访问者却对其不屑一顾。这并不能简单的解释成众口难调,这更像是在宴会上我们都要努力做一个有礼貌的人,这样才会受欢迎。

 
 
[网站设计]如何选择网站设计公司?
[ 2008-3-1 18:33:32 | By: http://www.qitongnet.com ]
 


网站建设到底应该由谁来做,这是一个值得商榷的问题。如果你已经掌握了足够多的网站设计知识,那么你可以自己来做你的网站。当然,如果你有足够的资金,你也可以聘请专职网站建设人员来帮你做。但是,根据调查,目前绝大多数中小型公司和企业都会选择将自己的网站开发项目外包。

在选择网站建设公司的时候,一定要小心谨慎。一个设计糟糕的网站不仅会浪费你的金钱,吓走你的客户,还会毁坏你的名誉。要想找到有创意,技术水平高,经济上划算的设计公司并不是什么难题,依照下面几个基本步骤来做,相信可以极大地提高你的网站建设项目成功完成的几率。

明确自己的需求
你可以聘请承包人来帮你完成网站的设计,制作以及维护方面的绝大部分工作。如果你的网站仅仅起在线宣传的作用,那么,将设计和制作外包,自己进行网站维护(比如说修改链接)将是明智之举。只有对自己的目标和计划了如指掌才能确定要不要聘请长期或短期的网站建设承包人。

评估设计公司的实力
查看网站设计公司以前的设计案例是很重要的,因为你可以据此评测他们的实力。通过朋友推荐、搜索引擎搜索抑或是查看竞争对手的网站等途径锁定几个你喜欢的网站设计公司后,就可以对每个公司的实力及设计费用进行评比然后选择出最适合自己的。一个网站不必太过浮华,但是必须懂得尊重并欣赏设计师的设计构思。此外,确保您选择的设计公司对您的业务和所在行业非常熟悉。

评估设计公司的服务
要想聘请到合适的公司,你需要判断候选的网站开发公司是不是满足您的需求。如果你需要在线销售商品,那么就要选择具有丰富电子商务经验的网站开发公司。如果你选择了一个规模很小的设计公司,那么他们能提供你所需要的各项服务吗?回过头来,如果你选择一个规模很大的公司,因为他们的客户太多了,你又怎能确保他们不会将你忽视呢?此外,还要看一下这个公司是否还提供比如版权,市场营销之类的服务。

你我面对面
不论你的网站建设公司是个人组织还是大公司,他们都是负责将你的网站推广出去的一方。因此,你们应该通力合作。问一下自己这些问题,并相信自己的直觉。

他们是不是充分了解了我的需求?
他们解释问题的方式我是不是能接受,能不能明白?
他们了解我的行业吗?
他们是不是赞同我对网站的一些看法?

必要的参考
浏览公司的成功案例固然很有帮助,但是你也需要明白他们是怎么运行的。一个网站设计公司可能是世界上最有创意的,但是如果它没有完成你的网站,那么对你来说没有任何用处。询问一下他们以前的客户,看一看该网站设计公司是不是:
坚持到最终期限
满足客户的需求
对待客户的建议和问题能够做出及时的反应
及时解决问题
在原先预算范围内完成任务

因为不知道你的网站设计公司会不会半途中断你的网站设计或者对你的网站草草了事,所以你有权利对他们进行事先询问。他们接受分阶段付款还是一次性付清?如果一个网站设计公司不能将付款和自己的服务能力结合起来,那么你没有必要冒这个险去跟他们合作。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网页设计指导方针
[ 2008-3-1 18:21:14 | By: http://www.qitongnet.com ]
 

大多数网页设计师的目标都是创建一个可以说服访客做一些什么的有吸引力的,容易访问的,功能性的网站。制作这样的一个网站需要有好的图形设计,简单而人性化的站点导航,合乎逻辑的网站设计和好的网站内容。接下来的建议是一些通用的网站设计指导方针。

网站内容

你想要访客把你看作是一个知识全面丰富的信息源以及/或者一个著名的商业站点。糟糕的语法和拼写错误会立即降低你的可信度。记住,人们使用互联网是来找寻信息的。无论你是卖你自己的产品,还是推荐别的什么人的产品,你必须给访客提供有价值的信息,否则他们就会点击别处,去找能够为他们提供他们想要的东西的网站。

交叉浏览器兼容性

至少有100种不同的浏览器在使用中。你必须设计出能在最广泛使用的浏览器上恰当地工作的网站。为了做到这个,你可能不能全部用上那些可利用的真的很棒的特效,因为它们可能在大多数浏览器中都不被支持。

即使大多数网络浏览器都是免费的,人们也没必要费心去升级到最新的版本。一般的上网者可能不知道如何升级他们的浏览器,或者持有这样的态度,“如果它还能工作,就别去修它”。记住,你的网站的访客可能有一台个人电脑,一个MAC,一个Linux平台,一台掌上电脑,或者一个手机,而它们全部使用不同的浏览器。

好的网站设计要求你的网页至少在Microsoft Internet Explorer, Netscape, Firefox, Opera和Safari上能正常运行。确认你的HTML代码会有所帮助,但是最终的测试是在不同平台上运行的浏览器上观看你的网站。

图形和照片

上网冲浪者是没有耐心的,研究表明,如果一个网页花费超过10秒钟的时间来下载,大多数人都会点击进入别的网站。你总是要优化你的照片以及其它图像文件来使它们的体积尽可能的小,同时又不必牺牲图片的质量。


总是使用图片上的高度和宽度属性,这样当图片文件在下载的时候,网页的其它部分也可以下载。使用ALT HTML标签,这样,那些电脑上没能显示图片的人以及那些使用手持设备的人就可以知道这个图片应该是什么。

背景颜色

如果你的文本后面使用的颜色不是白色,确保你指定了链接的颜色,否则的话,用户的浏览器的默认设置会决定链接的颜色是什么,这样会使它们不能引起人们阅读的兴趣。

多媒体

多媒体是由flash影片,视频剪辑,音频剪辑和背景音乐组成的。总是使用流媒体,因为这样可以减少下载时间。确保访客可以停止和开始播放多媒体文件,在涉及到flash导入的时候,如果他们想要跳过这一步,就让他们跳过这一步。那样的话,网站连接很慢或者设备不支持多媒体的人就可以忽略掉它们了。

同样,把任何在多媒体中出现的重要的信息也放进文本里,这样访客在不使用多媒体的情况下也可以获取那些信息。如果要使用多媒体必须要有一个插件程序,那么始终要提供一个下载链接,以使用户可以安装它。最后,当使用多媒体的时候,总要记得站点加载的10秒钟法则。

站点导航

站点导航应该是简单和直观的。研究表明,如果网站的访客在点击三次之后仍然无法得到他们想要的信息,他们就会离开这个网站。这叫做三次点击法则。你网站的每个区域都应该能从网站的任何其它地方通过三次点击到达。如果你使用了除单纯的文本链接以外的其它任何链接形式,确保在所有主要的浏览器上检验你的导航。

链接

定期测验全站的链接来确保它们是有效的。没有什么能比失效的链接更快地赶跑访客了。有几个免费的在线服务可以定期地检查你的链接。

框架

避免使用框架,因为它们会让人们难以把你网站上的单独网页添加为书签,而你希望人们把你的网页添加为书签,这样他们还会重复访问。

总结

好的网站设计是常识和好的计划的结合。你的网站应该是吸引人的和便于使用的,最重要的是,你的网站应该提供给用户他们所需要的信息或服务。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站设计当中的色彩搭配方案精选
[ 2008-3-1 18:13:32 | By: http://www.qitongnet.com ]
 

 

在进行网站设计时,很多网站设计者常常忽视网站颜色搭配的重要性。想想人们进入你的网站后首先会看到些什么,对,那就是你的网站的色彩组成和搭配。如果你没有慎重选择网站的颜色,那么你的网站到最后会有两种后果:一是看上去它会显得平平无奇,二是它看起来会乱七八糟的,让人眼花缭乱。因此对网站颜色的选择我们必须三思而后行。

然而不幸的是,网站浏览器只能识别256种颜色。因为并不是每个浏览器都能共享256颜色托盘,所以并不是所有的网站浏览器都能识别256种颜色。现在网站浏览器只能共享216种颜色。所以网站建设者们在设计网站的重要部分的时候一定要保证颜色在216种颜色托盘范围内。

如果你使用的颜色不在216颜色托盘内,那么这些颜色可能不存在于浏览器内。此时浏览器必须混合不存在的颜色。浏览器为了显示所选的颜色它就会从原有的颜色中选取细小的点来形成一种大体一致的颜色。这就是我们平成所说的Dithering (抖动显示) 它是一种欺骗你眼睛,使用有限的色彩让你看到比实际图象更多色彩的显示方式。通过在相邻像素间随机的加入不同的颜色来修饰图象,通常这种方式被用颜色较少的情况下。有些显示器会将细小的小点扭曲成为一个一个的点,这样图片上就会呈现很多麻点不再是原来的那种纯色。如果出现这种情况,网页上的文字阅读起来会有困难。用纯色作为设计元素时一定要用网页安全色。一些网页安全色运用时要谨慎小心。

大多数眼球运动属于肌肉运动,就如同其他所有的肌肉运动一样它也会出现疲劳现象。我现在举一个例子进行说明(这个测试我在七年前就做过,对阐释这个问题很有帮助)。这个测试只需要45秒钟。这个简短的测试将会帮助你更好的理解我要说的内容。打开这个页面然后再回来:http://www.designmore.com/ctesta.htm

在看白色的框的时候你看到了什么?你是不是看到一种蓝绿色?这不是什么骗局或者幻觉。这只是一个简单的解释。不用什么技术,我会告诉你刚才发生了什么。

在你眼睛的背后有一个很薄的视杆视锥层,因为它数百万微小的视杆和视锥组成,故又称感光层。视锥细胞可以对特殊波长的光产生反应,当观看红框时,眼睛容易产生疲劳感,这时,与其相对的圆锥细胞就会出现,因此你看到了蓝绿光。你可以把这个原理应用于网站设计中。

你们肯定发现警告标志通常是黄色。这是因为纯黄色比其他颜色更能吸引你的目光,你的眼睛首先看到的就是黄色。在banner和广告中合理使用这种黄色会吸引更多浏览者的目光。不过你没有任何理由在网站中使用很多特别刺眼的颜色。如果浏览者浏览你的网站,那么恭喜你,你成功了。

你应该在网站中零散的使用黄色和红色。只在你想重点强调的位置上使用,不要在网站上大篇幅的使用亮色。无疑它们会吸引浏览者的注意力但是在有意识无意识中它们会令浏览者的眼睛疲劳。他们不会在你的网站上停留过长的时间。浏览者离开你网站的原因有很多,所以不要让颜色原因再失去更多的浏览者。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站建设中的色彩概念
[ 2008-3-1 18:10:41 | By: http://www.qitongnet.com ]
 

 

网站建设中的色彩概念--你网站的颜色选择真的与你网站在推广方面的成功有关系吗?

对于一个商业网站来说,不论网站设计是好是坏,最终决定这个网站成功的因素是产品或服务的销售额。商品和服务卖得好,就说明网站推广是成功的,反之,就是网站推广是失败的。道理很简单。

如果你现在的那个网站运行效果良好,那么请停止往下阅读。不必为它改变什么了。你也不需要再往下看什么了。维持好你现在运行很好的网站就行了。

你网站的首页就像是一本书的封面一样,你能真正地只从书的封皮上来判断它的价值吗?当然这是不可能的。但是,我们是不是经常这么做呢?当然,我们经常这么做。

如果一部获了诺贝尔文学奖的畅销隐藏在书里面并且读者没有翻开这本书的话,一点关系都没有。是什么诱使我们选择打开封面然后再进一步看里面的内容呢?

是什么理由让人们选择购买,又是什么原因让用户不愿从你的网站上购买产品或服务呢?

让我们可以在网站上停留更长时间的一个很大的原因就是网站设计的色彩方案足够吸引人。

通常情况下我们将色彩与人的情感联系在一起。如果事情不像他们期望中的那样,人们会感到很不舒服。一些颜色让人们感到平静和安全,而另一些颜色却让我们感到焦虑不安。

我们希望我们的周遭会有一种特殊的外观。当我们感觉到不舒服的时候我们就开始怀疑,或者对所看到的东西失去基本的信任。

有关颜色方案方面的运用我们可以在专业领域里找到一个很好的例子。随便键入任意一个律师办公室或是金融机构的前台门户网站,你会发现他们大部分的网站给人一种很专业的感觉。想想一下你进入一个自由者办公室看到墙上是纯黑色的。你要跟他在红色白字上签署一份合同,你会感觉到舒服吗?

颜色搭配并不是什么十全十美的科学。在一种情况下十全十美的东西在另一种情况下可能是完全错误的。要想知道在什么情况下什么颜色最合适,你需要理解以下几个问题的答案。

目标客户是谁?
年龄阶段是什么?
男性还是女性?
管理者还有蓝领工人?
在你的商业中传统和文化是不是一个影响因素?
你们的产品或服务中有没有为不同的国家不同地区特别设计的产品?

没有哪一种单一颜色可以给人以一种可以信任的感觉。我们设计了一个网站的颜色然后吸引浏览者驻足并希望他们下次还能够光临我们的网站(就像一本好书带给我们的感觉一样,令人难以抑制重复拿起它来阅读的冲动)。

色彩对人们来说代表不同的意义:力量,和平,单纯,浪漫,悲伤等等。不同颜色的混合会产生完全不同的回应,很有可能营造出我们需要的那种信任感。

花一点时间来研究一下色彩方案,它是如何与你的特殊商业联系在一起的。在设计你网站的时候要做一个明智的决定并且最好向你的朋友寻求意见。

令人拍案叫绝的色彩搭配方案本身不会成就你的网站,但是它会鼓励观众进一步发掘你的网站内容。一个浏览者在你网站上呆的时间越长,他购买你网站产品或服务的机会就会越大。所以,如果要让自己的网站能够吸引到足够的注意力,你就一定要注意网站色彩的使用。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站建设专家惯用的网站再设计技巧
[ 2008-3-1 18:7:44 | By: http://www.qitongnet.com ]
 

 

网站建设者什么时候重新设计网站比较合适?
如果你有一个网站建设成品,并且你对它的要求是精益求精的,可能你就会想,什么时候重新设计我的网站比较合适呢?在这么做之前,这里有几点需要你认真加以考虑:

你是不是仅仅为了重新设计而重新设计网站?
如果是,那么现在还不是重新设计网站的恰当时候。 记住,每一种设计风格都有其特殊的目的。如果你还不是很确定是否要对你的网站建设成品进行翻新设计,那么,你要知道,你现在的网站设计风格可能有一种你所不知道的特殊效果还没有发挥出它的潜力。如果你重新设计了你的网站,这种效果会消失的。

然而,如果你的网站外观从1990年开始就没有改变过,或许现在是时候该对它做一下重新设计了。在重新设计网站之前最后一件需要确定的事情是要知道是不是因为设计过时了才导致浏览者没有看页面内容就离开你的页面。如果是,在重新设计之前有几点需要考虑。这些事情就是应该这么谨慎的,要知道,对你的网站进行重新设计就像给网站做整形外科手术。

重新设计会使你的网站失去它现有的特征(可能向好的方向发展也可能向不好的方向发展),网站的老用户可能不会一眼就识别出你的新网站。他们也许会认为他们打开了别人的网站,因此你有可能失去一些用户。因此,保留原先网站上的某些特征是很重要的。可以保留你网站上的logo,或者给新网站标题使用跟以前一样的文字格式等。

为了确保重新设计的正确性,在你的网站上设置一个用户可以评论投票的地方。如果他们认为有必要让网站换一个新面孔那么你就换。

目标用户是谁?
了解用户群体对你网站来说是很重要的因为你可以调整自己的网站去符合他们的品位。这样做会有越来越多的”回头客”。目标用户是什么年龄段的?是什么学历层次的?等等类似问题。一个园艺菜鸟会在一个泛泛而谈的有关园艺的网站上徘徊,然而一个专业的植物学家就会直接找他们想要看的有关植物的网站。同样,一般人不会在有关抽象的天文学的网站上停留很久,但是一个学历很高的研究生可能觉得这个网站很有意思。

同时也需要考虑目标用户的情绪特征。如果一个脾气很暴躁的人浏览你的网站,那么你要保证你的各项功能简洁易得,在几秒种内让他看到他想要搜索的产品服务。这样一来,因为你很快帮他解决了难题他就会对你的网站倍加信任,以后也会经常光顾你的网站的。

在设计网站的时候也必须考虑用户的特征。他们是老年人还是年轻人?他们来访问你的网站是为了追赶潮流还是仅仅是为了查找有用的信息?例如,在白色背景中用寥寥几句话来介绍一种新潮刺激的游戏肯定不会吸引用户的眼球的。一定要保证你的网站设计要符合网站的整个主体。

在你的网站上写一些通俗易懂的文字会拉近你和用户之间的距离。这样在无形之中就会在你和用户之间建立起彼此信任的桥梁,也会为以后你的产品或服务的推广铺平道路。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站设计时如何确定主页的目标(上)
[ 2008-3-1 18:4:48 | By: http://www.qitongnet.com ]
 

一个好的网页设计师做设计的时候通常是从后往前设计。从最小最深层的元素:案例页面或者搜索列表。然后从后面开始设计网站的各个部分的网页,然后是index页,最后设计home页。

这么做主要是因为每一部分都需要根据该部分可能包括的内容来精心规划和设计。如果主页与内页的内容或者主体不相符,对网站所有者,以及网站的用户来说都是个很大的失败。

这也意味着,主页的设计工作开始的时候,很多其他的工作也已经势头强劲的进展开来。所有后来出现的烦恼都集中到整个网站的头部—网站的首页部分。

主页对很多公司来说都是非常重要,主页是所有访问者对整个网站的第一印象。俗话说得好,第一印象只有一次。正因为网站的首页本身有着如此重要的意义,首页本身才有者其独特的一系列设计目标。

开始着手实施这些目标之前,你会发现一个棘手的问题。所有我曾参与设计过的网页都有着惊人的相似的访问量趋势,但总有一个网站会拔得头筹。还记得之前提到过的最小最深刻的设计元素吧?这一点,即案例页面,对一个新的网站来说是一个微量元素;对搜索引擎来说它是搜索结果;对一个网上商店来说,它是一个产品页面。这一页面往往占据了60%到75%的网站访问量,其余的访问量大都来自网站的首页。

产品或者案例页面的访问量如此之高,是不是就说明首页的设计无足轻重了呢?答案是否定的。鉴于首页是整个网站的门面或者说形象工程,是整个网站给访问者的第一印象,因此首页的设计也是至关重要的。

我们来看一下首页带给我们的挑战吧。记住,我们说首页的时候,是以whatever.com这种形式上线的页面也就是用户打开一个网站看到的第一个页面。

所有的首页都有四大主要目标,排列顺序如下:

目标一:回答问题,这是什么地方?
对这一问题的回答现在是,以后也会是所有首页的第一位的工作。如果你忽视了这一工作未能对这一问题做出一个明确的回答,你就会使访问者感到困惑不堪。

一个新到的访问者到了一个不熟悉的网站上要做的第一件事就是问这样一个问题。如果这一网站未能对这一问题做出认真回答,也就是说这一网站的首页未能在最短的时间内让客户弄明白这一问题,客户就会一头雾水,对你的网站的主要职能无法做出一个清晰的判断,访问者就会毫不迟疑的退出你的网站,再也不回来。用户这种反应是可以可以理解的,换个角度想想,如果你遇到了一个人,他的言行让你觉得自己像白痴一样什么也听不懂,什么也看不懂,你会是什么反应?你会选择跟这样的人合作吗?你还会选择继续在他的网站上停驻吗?

以上内容都是关于如何给访问者留下最好的第一印象。

不要害怕使用那些句法老套,但是又的确很有用的表达:“这里是谁的网站,我们的网站是做什么的。”这些句子虽然简单,但却能在最短的时间内传达最多的有效信息。然后将这一页面链接到内容更为详细的about页面。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站设计时如何确定主页的目标(下)
[ 2008-3-1 18:3:19 | By: http://www.qitongnet.com ]
 

这样,对你的网站设计感兴趣并且需要从你的网站上获得帮助的访问者会循着链接找到对他们有用的页面,而且要确保你使用的文档积极而且令人兴奋,使用户感觉到你传达的信息都很重要。

当然,文字内容不要拖沓冗长。但是要确保你的文本内容包含有大量的有用信息。但是这些解释需要出现在第一页的头部,对你的网站来说这是将新的访问者转变成回头客的最重要的方式。

对于那些想要尝试新事物的公司来说,这一点尤其重要。Google会摆脱一个用户不友好的门户页面,尽管所有人都已经很熟悉对这一网站的使用。但这恰恰是这一原则的例外。如果你在尝试新的事物,有时候你具有必要用平实易懂的语言来解释这一点,比如:Flock是一个开源的网络浏览器。

如果三秒钟之内,你无法让一个新到你的网站上的访问者弄清楚你的网站主要是关于什么的,你的第一大目标就未能实现,其余的目标就更无从谈起了,唯一会使用这一网站的是那些费了九牛二虎之力了解你的网站的内容的人们,你知道的,这些人我们只能称之为受虐狂。

目标二:留住回头客
第二大目标在于摆脱已经了解你的网站的内容,直到自己在做什么的用户的使用方式,这样的拥护跟你一样,大都会是这个网站的建设者,他们很久以前就在这个网站上,对整个网站也已十分了解了。

伴随着开始的两大目标的一个极佳的技术就是要使页面某一区域显得很有活力。这一区域可以用来向新的访问者介绍 网站内容。但是一旦 用户注册进来,这一介绍就要替换为对 这一特定用户有用的内容或者说信息。( 这一做法也符合了目标三)

目标三:展示新的内容
到你该实现目标三的时候,你就已经开始忙于同时满足新的访问者和回头客的不同需要了。那就要想你表示祝贺了,现在,所有的访问者都在同一个页面上了!现在就是用网站上 不断更新的内容给所有访问者留下深刻印象了。

很多网站在完成了第一第二大目标之后就停步不前了。但是你可能忽略了这一点,一旦用户弄明白了你的网站的主要职能,然后又再次回到你的网站上来的时候,他们的问题将会是:有什么新的信息?你要比你的用户更了解你的网站,最后是能成为他们的向导。建议一些他们应该去的页面或区域。从新信息着手。博客在这方面尤其有用,可以保持内容的不断更新。
目标四:提供可靠的,连贯的全球适用的导航

这一点不仅对首页有益,对整个网站都很有好处,这一点之所以重要是因为你在首页上设定的期望需要在每一页面上下足功夫才能达到预期目标。在这里看这一点微不足道,如果某一链接出现在了首页的导航栏中,这一链接也因该出现在其他页面大致相当的位置。如果页面底部出现了六个链接,所有页面的底部都应该出现这六个链接。

为用户着想的设计主要的目的在于交流顺畅,提早设定预期目标,然后传达你所允诺的内容。将首页想像成一首歌的开篇第一小节。你所要做的就是要保证你的调子始终都能取悦听众。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]开始做网站设计之前需要明白的问题
[ 2008-3-1 17:59:58 | By: http://www.qitongnet.com ]
 

不管你是从零开始设计一个网站还是在一个旧网站的基础上对网站进行重新翻版,你必须清楚地知道你要设计什么样的网站。这份调查报告将会帮你理清头绪,那样的话,你和你的网站建设者就会根据自身需要设计出相应的最棒的网站了。尽自己最大的努力将其设计完美。如果你不想回答某个问题就跳过去,这不会是一个测试,但是你回答的越多,当你最后的设计结果出来的时候你就会越满意。

1.你网站的目的是什么? 例如:
一个网站宣传册(网站包含对你公司的简短介绍)
一个信息网站(一个提供有关主题和公司信息的网站)
一个娱乐网站(通过娱乐吸引浏览者,但是仍然提供相关信息)
一个社团网站(创建一个社团的网站)
一个E-commerce网站(直接网上销售或者通过会员链接销售的网站)

2.这里是建设网站的一个常见的原因。你可以按照重要性对其进行排列。看一下,有没有没有列出来的原因呢?
提供顾客服务
销售产品(E-commerce)
扩展知名度
提供整体或产品的信息
提高顾客信用度
做广告
通过有利的方式推广自己
开发一系列可能的有利用价值的前景
鼓励客户或者顾客联系我们
赚钱
出名
在网络世界中找到一席属于自己的“地盘”

3.你想通过你的网站建设成品达到什么样的目标?写下你短期和长期的目标。什么是一个成功的网站,请你给出一个定义。

4.给你所做的生意写一个简短的描述。简单明了的描述一下你提供什么,为哪些群体提供,他们选择你的原因是什么?你公司是做什么的?你产品或服务的特点是什么?你的公司是区域性的,地区性的,国内性的还是国际性的?你的产品或服务对哪个地区更具吸引力?

5.你的目标客户群是什么? 详细一点。这个将决定什么样的网站风格会最吸引浏览者。

6.你的商战计划是什么? 在下面符合你的表达前面画一个圆圈。你是不是在你的头脑中已经有这些想法呢?

信息性的,获利性的,吸引性的,平静的,诚实的,成熟的,家庭性的,学者气质的,教育性的,有用的,流行的,整洁的,华美的,另类的,幽默的,严肃的,有利可图的,与众不同的,舒适的,清晰的,暖色调的,温馨的,支持性的,创新性的,结构紧凑的……

7.你最想给浏览者传达的信息是什么?

8.如果你想要一个E-commerce网站,那么你想要的E-commerce解决方案是什么呢?
1)普通文件页面,非交互性的。浏览者必须打印并发传真订购或打电话订购。
2)单一页面的安全订单表格,作为一封邮件来发送订单。
3)多个页面安全订单形式,有购物车,浏览者可以在选择产品的时候继续浏览网站,改变他们的订单,预览订单,在线提交。通过服务器上的FTP下载或当作邮件发送订单。
4)带有自动真实时间的信用卡处理的完全意义上的购物车系统,并于后台数据库结合在一起。

9. 列出所有你可以接受的支付方式:(现金,支票,信用卡等等)。

10.你的顾客购买活动有没有季节性?每个季节网站是不是需要更新?在汪季和淡季的时候你通过什么方法来吸引顾客?

11.除了网上你在现实中有没有销售“基地”或者联系地点之类的?你是怎么样看待网上销售和实际销售之间的关系的? 你是如何在日常的基础上将网站融入到商业中去的。

12.你的竞争者有哪些?列出一些你竞争者的网站来。

13.你喜欢你竞争者网站上的哪些部分?又不喜欢哪些?

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]如何用模板建设专业网站
[ 2008-3-1 17:56:46 | By: http://www.qitongnet.com ]
 


无论从哪方面说,要创建一个看起来很专业的网站都不是件容易的事。因为在整个网站设计的过程中,要综合考虑导航菜单,战略性链接,整洁清晰的代码,专业的布局,便捷迅速的加载,以及可用性等诸多方面。专业的网站与普通的网站二者之间存在着很明显的差别。所以,从某种程度上说,设计本身并没有太大的分量,如何设计的过程才重要。

我们中的绝大多数如果要设计一个好的网站往往会选择找一个好的网站设计师。的确,一个专业的网站设计师可以帮助你建设一个看起来很专业,设计也很吸引人的网站,这些网站的代码也都写得很完美。但是你有没有考虑过,这样做所花费的时间远非我们能承受得起的,更别提花费的金钱了。遇到这样的难题的时候,我们就会意识到网页模板的重要性了。

什么是网页模板?

你想知道什么是网页模板吗?简单的说,网页模板就是半成品的,预设计的网页,通过对网页模板的合理使用,我们可以在较短的时间内创建出一个网站。因为模板的代码都已经写好,从图片设计到logo设计都可以根据不同的需要进行定制修改和设计,内容和图片也都可以随意添加,删除和编辑。

为什么网页模板被认为是半成品的网页?

网页模板之所以会被认为是半成品是因为模板本身还不能直接上传。你需要添加一些另外的元素才能把静态的模板转变成可以上传的完整网站。我们需要在网页模版中添加的因素包括:

1)链接
2)页面内容
3)页面标题/头部/页脚和元标签
4)公司商标,图片等等

在模板上添加完这些细节性的内容之后,网站就可以上传了,在被搜索引擎收录之后,全世界的人就都可以看到你的网站了。

网站模板的价格范围?

网站模板的价格不尽相同,价格取决于模板的种类,用途,模板套餐包括的文件等等。但是一个不包括独家定制特权的专业模板的价格应该在20到100美金不等。这个价格与请专门的网站设计师来设计所花费的代价相比要低得多。这还不包括所花费的时间。一个注明了版权的模板,包括独家所有版权在内,价格应该在299到1800美金在内。事实上,有一些网站是专门卖模板的。比如http://www.gofordesign.com,他们提供的模板往往都十分的精致,而且吸引人,最重要的是价格相当有竞争力。

购买模板需要匹配哪些文件?

不同的模板卖家提供的与模板配套的文件是不一样的,这种还取决于模板的种类和性能。不管模板的种类如何,下列这些文件都是必须包括在内的。

1)Index.html 文件
2)Jpeg/gif 格式的图片文件夹或者字体文件夹
3)CSS外部样式表
4)psd 文件

除此之外,有些模板还会包括.js文件(这些模板使用了JavaScript)和readme.txt 文件也会被提供。通常这些文件都是以.zip的压缩格式提供的。如果要使用,就要对整个文件进行解压缩。你还可以使用专门的解压缩软件,比如WinZip。这一软件可以从winzip.com中下载安装。

 

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站设计色彩搭配
[ 2008-3-1 17:16:58 | By: http://www.qitongnet.com ]
 


色彩可视度清晰的配色的搭配:
  1  黑  黄
  2  黄  黑
  3  黑  白
  4  紫  黄
  5  紫  白
  6  蓝  白
  7  绿  白
  8  白  黑
  9  黄  绿
  10  黄  蓝
背景与配色的搭配(选自日本佐藤垣宏的《我们的生活与配色》)
背景(底色) 配色
黑 白-黄-黄橙-黄绿-橙
白 黑-红-紫-蓝紫-蓝
红 白-黄-蓝-蓝绿-黄绿
蓝 白-黄-黄橙-橙
黄 黑-红-蓝-蓝紫-绿
绿 白-黄-红-黑-黄橙
紫 白-黄-黄绿-橙-黄橙
灰 黄-黄绿-橙-紫-蓝紫
2
一、色彩形成
网站建设关系不大,略****
二、色彩要素
客观世界的色彩前边千变万化。各不相同,但任何色彩都有色相、明度、纯度三个方面的性质,又称色彩的三要素,而且当色彩间发生作用时,除以上三种基本条件外,各种色彩彼此间形成色调,并显现出自己的特性,因此,色相、明度、纯度、色调及色性等五项构成了色彩的要素。
色相 色彩的相貌,是区别色彩种类的名称。
明度 色彩的明暗程度,即色彩的深浅差别。明度差别即指同色的深浅变化,又指不同色相之间存在的明度差别。
纯度 色彩的纯净程度,又称彩度或饱和度。某一纯净色加上白或黑,可降低其纯度,或趋于柔和、或趋于沉重。
色调 画面中总是由具有某种内在联系的各种色彩组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。
色性 指色彩的冷暖倾向。
三、色彩混合
***对网站建设关系不大,略****
颜料混合
原色(第一次色):不能用其他任何单色混合而成的基本色彩。包括:红、黄、蓝(理想的颜料三原色是明亮的红色、柠檬黄和湖蓝)。
间色: 由两原色相混合而得(包括:橙、绿、紫)。
复色: 由两间色相混合而得。

色彩并置混合 当我们把红、蓝色点或色块并置的画面经过一定的距离,就会发现红色与蓝色变成了一个紫色,只是由于空间距离和视觉生理的限制,眼睛辨别不出过小或过远物象的细节,因此把个不相同色块感受成一个新的色彩,这种现象便称为色彩的并置混合或空间混合。
示 范
四、色彩对比
  两种以上的色彩,以空间或时间关系相比较,能比较出明显的差别,并产生比较作用,被称为色彩对比。该想象分为两大类:同时对比和连续对比。
色相对比 因色相之间的差别形成的对比。当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及效果等,这样才能增强其表现力。
明度对比 因明度之间的差别形成的对比。(柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,红色与蓝色属中低明度)。
纯度对比 一种颜色与另一种更鲜艳的颜色相比时,会感觉不太鲜明,但与不鲜艳的颜色相比时,则显得鲜明,这种色彩的对比便称为纯度对比。
补色对比 将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置,使色彩感觉更为鲜明,纯度增加,称为补色对比。(视觉的残像现象明显)。
冷暖对比 由于色彩感觉的冷暖差别而形成的色彩对比,称为冷暖对比。(红、橙、黄使人感觉温暖;蓝、蓝绿、蓝紫使人感觉寒冷;绿与紫介与其间),另外,色彩的冷暖对比还受明度与纯度的影响,白光反射高而感觉冷,黑色吸收率高而感觉暖。
五、色彩调和
  两种或两种以上的色彩合理搭配,产生统一和谐的效果,称为色彩调和。
同种色的调和 相同色相,不同明度和纯度的色彩调和。方法为:使之产生循序的渐进,在明度、纯度的变化上,形成强弱、高低的对比,以弥补同色调和的单调感。
类似色的调和 以色相接近的某类色彩,如红与橙、蓝与紫等的调和,称为类似色的调和。类似色的调和主要靠类似色之间的共同色来产生作用。
对比色的调和 以色相相对或色性相对的某类色彩,如红与绿、黄与紫、蓝与橙的调和。调和方法有:
选用一种对比色将其纯度提高或降低另一种对比色的纯度;
在对比色之间插入分割色(金、银、黑、白、灰等);
采用双方面积大小不同的处理方法,以达到对比中的和谐;
是对比色之间具有类似色的关系,也可起到调和的作用;
 相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站设计风格及色彩搭配技巧
[ 2008-3-1 17:14:4 | By: http://www.qitongnet.com ]
 

一个人拥有自己独特的风格,是一般人所没有的,就会让人注意到那个人的特别,若那个人的风格是正面的,甚至就会引起别人的羡慕与注意,或是赞赏。就如同一个网站,拥有别的网站所没有的风格,就会让浏览者愿意多停留些时间,细细品尝该站的内容,甚至该站会得到多人的鼓励与注目,粗略的说,网站风格可以从以下几个方向来探讨,而每一项都是有关联性的:

  1. 色系:网页的底色、文字字型、图片的色系、颜色等等。

  2. 排版:表格、框架的应用、文字缩排、段落等等。

  3. 窗口:窗口效果,例如:全屏幕窗口、特效窗口等。

  4. 程序:网页互动程序,例如:ASP . PHP . XML . CGI等等。

  5. 特效:让网页看起来生动活泼的各种应用,如:Flash . Java script . Java applets . DHTML等等。

  6. 架构:目录规划、层次浅显易懂、选单应用等等。

  7. 内容:网站主题、整体实用性、文件关联性、内容切合度、是否有不必要的档案等等。

  8. 走向:对于网站的未来规划、网站整体内容走向等。

  以上这些项目都与网页风格有密切的关系,网页的风格不是某一项相同,网站就是有整体感,而是要各项目的配合应用,才能达到完美的网站风格设计。接下来的段落,将会为每个项目做简单的介绍。

  一、色系

  网站的色系是浏览者整体的视觉观感,若一个网站色系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题,若色系能与主题合理搭配,将会增加浏览者的易读性。

  网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等,这不单只是将颜色搭配得当就算完美,还要配合每个内容,及网站主题。对于网站的色系,应该要在网站开始制作前,做好规划及设计,才不会到着手制作网站时,难以搭配,甚至造成混乱的设计。

  网页的底色是整个网站风格的重要指针。举例来说,以黑色作为背景颜色的网页,因黑色本对人的视觉上会造成黯淡的感觉,若是拿来用作活泼的儿童网站,就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的,与黑色的沉稳、黯淡,很难联想在一起。

  再举个例子,若是写一个有关于环保的网站,若用暗红色作为网页底色,决计不会有人联想到网页的内容是与环保有关。当然,每个人的审美观不同,可能也会对颜色的代表性看法不同,但既然网站不是只写给自己看的,就应该要注意到大部分人可能会有的观点,然后以众人居多的观点出发,来设计网页。

  文字字型上的设计,最好的网站是以所有浏览者都能看到的字型为主。常会看到有需多网站要求浏览者须自行下载某种字型,才能达到最佳浏览效果,这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容,不可能会因为这种「为达最佳浏览效果」,而自行下载所需要的字型。

  当所要求的字型若不下载,并不会影响到网站内容上的浏览与不便,那么对浏览者的要求就微乎其微的不可能发生任何作用。这么一来,对于网页设计者来说,无非是非常可惜的,因为当初的设计风格却未能让浏览者一窥全貌,岂不是白费心思的吗?

  何谓图片的色系?以色彩学简单的区分,可分为冷色系与暖色系,再详细一点的区分,又可分出各种颜色的色系,而色系的区分,就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应,就是比较困难的地方了。对于网页初学者来说,要绘制一张图并非易事,要绘制一张符合自己网页风格的图,更是困难重重。大部分的网页制作者,并不大可能驾轻就熟的使用影像处理软件或绘图软件,于是乎,网页素材的网站就开始盛行了。当然,不会使用绘图软件并不代表网页就不能设计的很出色,若是能将网络上的素材资源妥善利用,网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片,就是门很大的学问了。

  选择图片该以何作为标准呢?举例来说,若网站内容为科学探讨,当然不能以卡通图片来作为插图,试想,当您正在浏览一个有关天文学的网站,却满是皮卡丘的可爱图片,不是很不协调吗?再举个例子,如果一个教学网站,里头却尽是明星图片,看上去根本就不像是教学网站,而是大杂汇的明星相片网。

  很多人喜欢将自己欣赏的明星照放上自己的网页中,如果仅是个人网站倒也还好,因为个人网站本就无主题居多,也就没有所谓的符不符合主题的顾虑,但若是有主题的网站,岂不糟糕?

  以图片内容来说,能切合网站主题最好,若不能,也别差异太多。以颜色来说,若一个网页是蓝色的底色,但整个网页的图档却乱七八糟,各种颜色纷纷出笼,更糟的是,蓝色是属于冷色系的颜色,若以蓝色为底的网页,却尽都是大红色、橘色的图片,那将会使整张网页看起来就像垃圾堆,杂乱无章。所以,可以简单的归纳出,网页与图档的颜色,色系一致或是视觉效果一致,将会使网页看起来更为美观且有自己的风格。

  网页的颜色,并非单一就图文件、文字颜色、或是底色为主,而是以浏览者的角度来观看,整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好,但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说,就是失了自己独到的风格。

  因为使用粉色系的网站,不外乎都有相同的特点,文字颜色浅,底色也以浅色系为主,这样除了没有自己的风格外,看起来既不大方也难登大雅之堂。以各大搜寻网站来说,根本不会做这样的设计,因为文字颜色淡,加上底色浅,对浏览者来说,阅读上非常吃力,所以这样的设计风格也应尽量避免。

  一个有自己风格,且阅读起来舒适大方的网页,并不可能一次就写好,而是需要经过不厌其烦的修正、调色,才能达到最佳浏览效果的,所以制作网页也一定要有相当大的耐心。

  二、排版

  网站的排版是让网页浏览者阅读方便,且内容主题明确的重要指针,若网站的排版经过精心规划,将会使浏览者更能迅速的找到所需的资料。就如同一本书,编排得当将会使读者一目了然,且更能了解该书所要阐述的内容。而网站的排版,就如同书册的排版一般重要。网站的排版包含了表格、框架的应用、文字缩排、段落等等,而排版并不是整齐就好,还要有明确的分类,以及主题的适当规划。

  表格的应用是一般大型网站最常见到的编排方式,表格能使多段文字统合整理,达到清楚易懂的效果。表格不见得是有形的表格,何位有形的表格?一般常见的有形表格,多为有框线,或是有底色。表格可多形式的运用,如图形与文字间的排版,表格可将图形与文字做最恰当的编排,充分结合于网页上。

  然而表格的底色或底图,应避免与文字起冲突。常见表格中用的底图或底色因颜色过重,而文字不清楚,表格的重点当然仍是在于文字,不是在作为配角的底图或底色。当底图只是衬饰的作用时,就应让其中的文字清楚明了。而表格的整体配色更是重要,框线及底色都应与网页整体配色为主,若是以表格作为同一网页编排,应尽量使各表格间不致差异太大。当有需要特别彰显内容的表格,才有其必要性作不同的配色。

  框架的应用,对于架设于较慢的网站空间之网页,较适合框架的应用,框架可避免相同网页重复读取,拖累下载速度。但框架因切割整个画面,造成浏览的内页空间大幅度减小,故再使用框架务必要注意到内容主页的易看性。框架编排,最需要注意的是左右滚动条应尽量避免,若一个网页在阅读上,要不断的移动滚动条往右又往左移,将会对浏览者造成很大的不便。

  另,框架也需要注意到连结的正确性,常看到以框架为主体的网页,竟然按下选单框架页中的连结,不是显示在内容框架页中,而是另开窗口,这真是脱着裤子放屁-多此一举!且框架过多的网页,会造成浏览者不知如何找寻资料的窘境。

  举个最常见的例子,很多小型的个人网站,常喜欢以多框架来架构网站,数一数甚至框架页达五六个以上,有时按了左侧的选单,以为内容会出现在内容框架页,却竟然是显示在右上角的某个小角落,这不是特有风格,既不美观也不实际,更难以找到资料!

  框架与表格皆为网页整体编排利器,该如何运用与走出自己风格,就是需要长时间的修饰版面、观摩学习(但绝非模仿抄袭)与经验了。

  三、窗口

  窗口效果的妥善运用,可以使网页有特色,但过度的应用反而会使人厌恶,甚至关闭网页不再造访,若真的因窗口的不当运用,造成浏览者不便而不想再继续浏览,那就是非常可惜的事了。

  全屏幕窗口,通常不为浏览者所喜爱,尤其是强制性的全屏幕浏览,一般上网者对于不同的浏览方式并非都能欣然接受。对于图片浏览的网站,若图片很大可以采用此种方式,以方便一窥全图,但必须于连结前先注明将会开启全屏幕窗口,较不会引起浏览者的反感。

  现有许多个人网站,都特别喜爱使用无工具列窗口,有的网站是将整个无工具列窗口放大至全屏幕,有的网站则是过小的超迷你窗口。前一种会使人难以跳开网页浏览做其它动作,造成很大的不方便;后一种更是糟糕,窗口小到几乎无法浏览,字体小、图形小、内容更少,这种窗口让浏览者的第一感觉就是网站没内涵,又小家子气。

  且这两种网站,几乎都有一个最大的共通点,锁鼠标右键功能。这样的锁定,对于网站本身并无多大助益,除了让浏览者不方便外,其实浏览者根本也无意于抄袭该网站,只会让人觉得网页很没内容又要怕别人抄袭。看到这种网站,大部分的浏览者并不会觉得有风格,若是觉得有风格,也不过是流于通俗的「小气风格」。

  另外则是有些许初学者的网站,特别喜好滥用窗口特效,举凡网页震动、闪烁等等,这些对于内容及个人风格上也无实质助益,能避免应尽量避免。毕竟有规模、有内涵的网站,根本不会有这样乱七八糟的特效。这样的特效的确也造成了某部分的特殊效果,即是网页混乱的特别效果。且越容易滥用窗口特效的网站,大多都无内容,想利用这些来混淆视听,试图造成浏览者的错觉,误以为内容丰富。但实际上欲达成的效果不但没有达到,反而会使浏览者一眼就看穿该网站制作者是一名网页新手,且该站几乎毫无内容可言。若网站本有丰富的内涵,因此而造成浏览者的错觉,岂不可惜?

  并非所有的窗口特效都是负面的评价,也是有某些情况时可以斟酌小心使用。若是资料量少,或是公告等小资料量的文件,可以酌量使用小窗口的开启,这种方式反而有助于网页的整体性,及浏览易读性。

  综合以上所述,一个成功的网站,若要走出自己的风格,并非单就窗口特效来加强,而应先注重内容,并依其网站内容来决定如何采用一些特殊的窗口,达到整个网站的风格一致性。记住,花样越多并不能让网页显得技巧高明,而是在于内容与窗口效果的完美运用。   四、程序

  在早期的网站中,只有让浏览者「看」的作用,伴随着多种程序语言的发展,目前常听到的网页互动程序有ASP . PHP . CGI . XML等等,上述这些网页程序,都能使网页「动」起来,而网站的功能不再只有「看」,也可以「参与」其中。然而,大多数的网页制作者,本身并不会自行开发撰写程序,故许多已是现成的程序下载网站或是免费资源网站便应运而生。对于不会撰写程序的网站制作者来说,无非是一大福音,但在套用现成程序或是使用免费资源时,也必须要注意整体的网页风格。

  程序也是网页的一部分,只是它们除了网页外,还有处理资料的程序代码,所以程序的应用上也是必须要谨慎的配合整个网站的风格。举个例子来说,整个网站皆以白色系为主,但留言版却莫名其妙的用了黑色系,这不是挺不搭的画面吗?又,若整个网站是有关男性所喜爱的事物,讨论区却突然出现柔和的唯美女生图片,这简直就是太怪诞离奇了!故在申请免费资源或是利用下载的程序包时,必定要先注意到色系、图档是否能配合整个网站的风格、主题。

  以下载程序再修改来说,除非自己将原程序的「程序部分」修改百分之七十以上,才能改掉原版权,否则将会违反著作权法。在这里要做个说明,所谓的程序部分即是不包含HTML的部分,并非将版面改了改,程序就是自己的,常见到许多个人网站,将下载来的程序改了改版面,几乎没有动到程序部分,就擅自改了版权,并声明为自己所撰写,还标明「版权所有,盗拷必究」等字样。这种行为,对于稍有网页制作概念及经验的浏览者来说,除了引起严重反感外,更有可能会引起不必要的纠纷。且这样对于网站的独到风格性来说,根本没有任何助益,实是得不偿失!

  当然,程序也不是乱用、滥用就是代表网站制作的好,大量的重复使用不必要的程序功能,一般浏览者不会用到,只会变成无用的「网站垃圾掩埋场」。举个例子来说,祈愿版的滥用就是造成资源的浪费,一个个人网站拥有一个祈愿版已足够,甚至其实那根本是没有需要的,却还有各种不同版面的祈愿版,除了资源上的浪费外,也几乎没有浏览者会去留下愿望。无用的程序,就算再好再可爱,没有用途充其量就是垃圾!当网站的垃圾越来越多,就会发臭!原来的内容就会被这些发臭了的垃圾给通通掩埋起来了!

  再举个更为常见的例子,一个普通网站拥有一个留言版就符合所需了,但每每逛网站时,总会见到「备用一版」、「备用二版」、「备用三版」、「悄悄话一版」、「悄悄话二版」、「悄悄话三版」等等等,若没有内容多到需要区分不同的留言内容,这些杂乱的备用XX版就可以免了。这一大堆的留言版,只会让浏览者望而怯步,也不知道该留哪一个,更是小网站的一大特色!

  请记住,在网页制作的准则上,没有所谓的「数大就是美」,有时候就像是「老太婆的臭皮靴,又臭又长」,很容易使人生厌的!

  五、特效

  网站的特效,能够使网站看起来更为生动活泼,以常见的几种技术来说,包含了Flash . Java script . Java applets . DHTML等等。适当得宜的使用这些网页小技巧,如同蜻蜓点水般的不着痕迹带过,往往能让这写小特效发挥最大的效果,使网页更美观且创造出独特的风格。这些小技巧多为网络上随处可以复制的小程序,所以要了解,浏览者并不会因为五花八门的特效觉得这个网站的技巧非常高明。因为这些技巧不管用得再多、用得再杂,都是复制来的。而不着痕迹的使用这些特效,让特效船过水无痕的在网页中起作用,才是网站成功的设计!

  举几个最常见的特效例子,像是欢迎讯息,咚的一声跳出来,如果只是一个欢迎光临,大可不必要这样扰人,更甚者,还接二连三的好几的欢迎讯息,先是「您好!欢迎光临本站!」、「请使用600*800的屏幕分辨率来浏览本站」、「这里是xx小站」,再来「请将本网站加入我的最爱喔!」,这种接二连三的讯息,让计算机咚咚咚咚的响个不停,而浏览者又必须一个个按下确定才能进入网页,实在是无聊之举。还有的,进站时还要问您的大名,问完之后再跳出个讯息「xxx您好,欢迎您的光临!」,这只会另浏览者非常反感,一点窝心的感觉也没有。最后,都问候完祖宗十八代,又跳出个强制加入我的最爱,其实这种网站也根本不会有浏览者愿意将其加入最爱,简直到了讨人厌、惹人闲的地步了!

  跟着鼠标的一堆文字或是图片,既无意义也不美观,根本也没有必要这样的扰乱视线。最常见的,将鼠标的指针更改,改的哪里能连结,哪里不能连结都不清不楚的,既无风格可言,也无美观可言,更无技巧可说。这种特效也应尽量避免,除非您的网页不想让人知道有什么连结,这种特效就可以肆无忌惮的使用了。当然,不会有一个制作网站者,一点都不希望浏览者清楚自己的连结,而找不到想看的内容的。若真这样,也不可能会建网站了,不是吗?

  像是雪花片片飞的网站,也是很不可取的。试想,如果您要看一篇文章,却一直有「垃圾」掉下来挡住您的视线,这种感觉岂不是很糟糕吗?浏览者是来看网页的内容的,不是来看您一片片掉下来的「遮蔽物」。浏览器的状态列跑马灯,也是常见的扰人特效之一,当您正在欣赏网站内容时,却觉得屏幕闪呀闪的,既刺眼又无意义,故大可不必滥用此特效。

  但也不是就全盘否定特效的使用,像是一篇内容繁多的长篇文章,若此时能有个十字对准线,肯定能对浏览上有帮助。若能融合各类选单,适时的出现于网页中,既能增加版面一致性,又能不着痕迹的使用特效,更能有整体性的风格。所以网页特效不是不要用,应该是要用得恰当,用得友善,用得配合网站风格,这样特效才能真正发挥它的效用。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com 

 

 
 
[网站设计]网站设计中的关键技巧
[ 2008-3-1 17:8:51 | By: http://www.qitongnet.com ]
 

设计网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。

  01明确内容

  如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

  02抓住用户

  如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。

  03优化内容

  内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。  Chanels网站(www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。

  04快速下载

  没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

  05网站升级

  时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

  06坚持基本原则

  即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill或MicrosoftFrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。  为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。

  07学习HTML

  用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。

  08用笔画一个网站的框架

  圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

  09“在计算机上永远也找不到好的方案”。——专家忠告

  10网站地图

  许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。

  11“睁大你的眼睛,留意所有的事情。

对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。”  ——专家忠告

  12点击规则

  听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

  13特殊字体的应用

  虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

  14“使用切合实际的简便的命名规则。”  ——专家忠告

  15检查错别字

  好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

  16避免长文本页面

  在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

  17不要使用卷滚条

  人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

  18专家最喜爱的Web设计工具

  1.Adobe Photoshop   2.Macromedia Flash   3.Adobe Illustrator   4.Adobe ImageRead   5.Dreamweaver   6.Macromedia Fireworks   7. Allaire Homesites   8.Microsoft Notepad   9. Macromedia Director   10. Lightwave   11. Macromedia Freehand   12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。

  19网站介绍

  你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

  20“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。”——专家忠告

  21闪烁让人头痛

  通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。

  22背景颜色

  背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。

  23向前和向后按钮

  应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。

  24“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”  ——专家忠告

  25点击记数器

  不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。

  26不要用框架

  与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。

  27去掉图像

  在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。

  28重复使用图像

  一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。

  29避免使用过大的图像

  不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。

  30“避免使用炫耀的技巧。”  ——专家忠告

  31选择使用Flash动画

  许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选择。

  32尽量少使用Flash插件

  虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。

  但是,最好还是取消使用Flash做各接口的想法。

  33让用户先预览小图像  

如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

  34动画与内容应有机结合

  确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。

  35慎用声音

  声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。

  36少用Java和AxtiveX

  在网页上应尽量少使用Java和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。

  37设计成功的网站

  www.bmw.co.uk  ——内容和关联性很好  www.yugop.com  ——图形下载很快  www.comicrelief.org.uk  ——设计简单明了  www.dreamcast-europe.com  www.newsunlimited.co.uk   www.newbeetle.com   www.swoon.com  www.viaduct.co.uk

  38慎用插件

  在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。

  39使用著名的插件

  如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

  40使用先进技术

  跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究新产品和开发技术。

  41自己创建图像和声音

  使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时,应该花足够的资金来创建图形,以增强公司的宣传。  ——专家忠告  

  43平台的兼容性

  要为用户着想,必须最少在一台PC和一台Mac机上测试你的网站,看看兼容性如何。

  44用软件分析工具找错

  使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查,可选用软件分析工具。在网址www.weblint.org/validation.html中,你能够找到更多有效的HTML工具。

  45避免错误链接

  网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,但不要链接到与你的内容无关的网站上。

  46给观众成熟的东西

  如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。

  47在搜索引擎上登记网站

  任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的搜索引擎上进行登记。

  48设计一个留言板

  浏览者愿意把时间花在好的网站上,所以最好有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。

  49测试网站

  在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。

  50“尽你所能反复测试所设计的网站,直到你不能发现新的东西为止。”  ——专家忠告

  51演示即将发布的网站

  在网站正式运行之前,让人演示它。演示中人们会告诉你所设计的网站是否容易使用。

  52动画点缀

  网页上的动画最多只用一个。

  53“倾斜的按钮看起来不会太好,最好不要使用。”——专家忠告 

54内容组织

  在开始创建新的网页前,仔细考虑网站内容的组织。决定好想让访问者浏览的内容,然后设计导航系统。

  55“空白万岁”

  注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。

  56“利用空白去吸引注意力。为了吸引眼球,Web设计者使用各种方法,比如:闪烁、旋转等,但是利用空白会吸引更多的注意力。”——专家忠告

  57图像压缩

  为了保持小的图像,可以使用类似GIF向导的程序,它能自动对图像进行压缩。

  先声明图像的大小

  在图像显示之前最好能详细说明图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

  58设计失败的网站

  www.boo.com   ——在它上面找一件T恤衫要花一个小时;  ——给顾客承诺的服务太多,但真正实现的太少;  ——二年以前的设计水平,忽视了顾客的需要;  www.miniheroes.co.uk   ——不吸引人,主页太雷同  www.saturn.com   ——设计太差  www.e13.com.   ——没有新意  www.song.com.   ——导航不知所云

  59图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

  60用户注册

  如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访问者在浏览网站之前进行注册,这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。

  61使网站具有交互功能

  在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。

  62图片更新

  尽可能经常更换网站上的图片,人们更愿意点击的是图片而不是文本。

  63在网站上提供游戏

  游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。

  64挑选工具软件

  仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。

  65使用最新版本的软件

  尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的升级 .

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网页排版与布局基础
[ 2008-3-1 15:51:3 | By: http://www.qitongnet.com ]
 

    有些人始终认为,网页最主要是内容,不需要再搞些门面上的东西,还拿出MUD来比喻。可是,红花还需要绿叶陪衬。想想,若MUD不只是单纯的文本,还有画面出来,那么,它所吸引的何止现在的这些MUD迷呢?那么,我所要说的到底是什么呢?初学者如果能够了解一些设计上的东西,那么,自己的页面不会显得乱,自己看了也开心,别人看了也开心,何乐而不为呢?
我们的主页,说到底,只是一个800*600的画面,那么,我们要怎么对它进行安排才合理呢?首先,也是最重要的一点,就是先停下创作,先想好一个主题?quot;设计,是一种有目的的创造"。若在动手之前并不了解自己将要做什么及要怎么做,而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话,那么,最终做出来的东西最多局部看得觉得挺不错的,但全局就显得太复杂了。页面上的构成,如果要让别人一眼望去觉得很BEAUTIFUL,这里面实际上是有很大的学问的。

    我们先来说说构成,"构成:是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型"。构成形式里,有空间构成(平面构成和立体构成)和时间构成(静和动)。我们的创作,就是要协调这里面的种种关系,顺应视觉感受,才能够打动观看者的视觉,得到我们想要的效果。在这些形形式式里,都有着如下的部件:点:我们一般认为,点是指圆形的,但这是不正确的。只要在空间里有非常少量的面积,无法形成一个视觉上感觉的图形,都是一个点。无论什么形状都可以。线:点集合在一起就形成线。面:一个平面。体:一个物体。一般是指物体占据的空间,有三维形状。

    那 么,当点、线、面与体集结在一个页面上时,它们的关系要怎么协调呢?它们之间都有什么作用呢?

点有集中视线、紧缩空间、引起注意的功能。两个点相距不远而且形状不等时,一般由小向大看。近距离的点引起面的感觉。灵活运用点,可使你的页面有一些本质上的变化。当点占据不同的空间时,它所引起的感觉是不同的。

(1)居中引起视觉集中注意。

(2)上引起下跌落感。

(3)在上左或上右引起不安定感。

(4)下方中点,产生踏实感。

(5)左下右下,增加了动感。

    为什么会这样呢?因为人的视觉,都是经过对生活的感觉都得来的。在下方的东西,一般联想到大地。在上方的东西,一般联想到浮云。线、面、体亦然。

    线,又分为直线和曲线。直线:给人以速度,明确而锐利的感觉,具男性感。曲线,则优美轻快,富于旋律。曲线的用法各异,需结合自己的需要。而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔,具踏实感。垂直线则有强烈的上升及下落趋势,可增加动感。斜线,一般我没有怎么使用,因为它造成视觉的一种不安定。

    人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿意见到的,但适当运用这个要靠个人的感觉。面,指的是二度空间里的形。面又分为几何形和任意形,我个人比较喜欢任意形,因为它往更具人情味。几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:

(1)圆形:运动及和谐美

(2)矩形:单纯而明确,稳定

(3)平行四边形:有向一方运动的感觉。

(4)梯形:最稳定,令人联想到山。

(5)正方形:稳定的扩张。

(6)正三角形:平稳的扩张。

(7)倒三角形:不安定,动态及扩张、幻想。

    我们在日常生活中所看到的东西,都是由于形与形、图与底的相互关系。图形之间,图底之间,正由于对比产生差异而被我们所感知所接受。图与底的视差越大,图形越清晰,对视觉的冲击力越大。那么,平面上有那么多的东西,我怎么才能够确定它是否是最主要的呢?请看:易于成为"视觉中心"的条件:

(1)居于画面中心。

(2)垂直或水平的比倾斜更易成为中心。

(3)被包围。

(4)相对于其它图形较大的。

(5)色感要素强烈。

(6)熟悉的图案,如果这件东西我们很熟,则一定会以它为焦点。

相关链接: 北京网站建设 | 北京网站制作 | 北京网站设计 | 北京网页设计 | 网站建设 | 网站制作 | 网站设计 | 网页设计 | 企通互联 http://www.qitongnet.com

 
 
[网站设计]网站设计是一个很重要的过程 www.qitongnet.com
[ 2008-2-14 7:34:12 | By: http://www.qitongnet.com ]
 
网站设计是一个很重要的过程 www.qitongnet.com
 
 
[网站设计]谈谈网站设计的10个要点
[ 2008-2-9 2:42:31 | By: http://www.qitongnet.com ]
 
谈谈网站设计的10个要点 http://www.qitongnet.com
 
 
[网站设计]网页设计怎么做才有利于网站的推广?
[ 2008-2-8 20:46:38 | By: http://www.qitongnet.com ]
 
网页设计怎么做才有利于网站的推广? http://www.qitongnet.com
 
 
[网站设计]优秀的网页设计需要注意的几点
[ 2008-2-4 2:51:40 | By: http://www.qitongnet.com ]
 
优秀的网页设计需要注意的几点
 
 
[网站设计]网站制作网站设计的要点
[ 2008-1-29 2:54:49 | By: http://www.qitongnet.com ]
 
网站制作网站设计的要点
 
 
[网站设计]网站制作网页设计表格定位的规格
[ 2008-1-29 2:55:11 | By: http://www.qitongnet.com ]
 
网站制作网页设计表格定位的规格
 
 
[网站设计]网站建设网页设计的原则
[ 2008-1-29 2:55:26 | By: http://www.qitongnet.com ]
 
网站建设网页设计的原则
 
 
[网站设计]网站建设网站设计应从运营开始
[ 2008-1-28 2:59:10 | By: http://www.qitongnet.com ]
 
网站建设网站设计应从运营开始
 
 
[网站设计]网站建设网页设计成功因素
[ 2008-1-28 2:59:25 | By: http://www.qitongnet.com ]
 
网站建设网页设计成功因素
 
 
[网站设计]网站建设网页设计的技巧
[ 2008-1-28 2:59:47 | By: http://www.qitongnet.com ]
 
网站建设网页设计的技巧
 
 
[网站设计]怎么做成功的网站设计网站制作
[ 2008-1-28 3:0:8 | By: http://www.qitongnet.com ]
 
怎么做成功的网站设计网站制作
 
 
[网站设计]网站建设网站设计的要点
[ 2008-1-28 3:0:43 | By: http://www.qitongnet.com ]
 
网站建设网站设计的要点
 
 
[网站设计]网页设计中首页应该达到的目标
[ 2008-1-28 3:1:0 | By: http://www.qitongnet.com ]
 
网页设计中首页应该达到的目标
 

共有1页 每页30条 [首页] [上一页] 1 [下一页] [尾页]
copyright©北京网站建设|北京网页设计|北京网站制作首选品牌【企通互联】 2007 暂无备案