网页效果方面的建议

1. 页面背景色尽量不要过渡太大,因为在页面伴随内容进行平铺的时候,效果拉伸就会不太好,过渡色很多的话,页面实现也比较麻烦!
2. 定义文字链接和图片按钮时候,链接需要考虑四个状态的情形,比如:
    a:link,定义正常链接的样式;
    a:visited,定义已访问过链接的样式;
    a:hover,定义鼠标悬浮在链接上时的样式;
    a:active,定义鼠标点击链接时的样式。
以上四项,图片按钮呢,需要考虑至少两个状态,正常和鼠标悬浮。
3. 整个网站从色彩上的建议,尽量少用颜色,有利于web实现时的统一性.(借用)
例如:a.主要字体颜色(白)、b.链接颜色(橙)、c.辅助文字颜色。(灰),用作主要色彩这样已经足够。
如果觉得这样的页面过于单调,那可以在icon上多下功夫。
这样实现有个好处,就是页面实现比较方便,越统一就越容易实现,并且实现的效率和效果也很高。
4. 文字,统一使用像素作单位,比如:12px 14px ...
字体方面,也不要太丰富,因为客户端不一定装有这些字体。特别情况,使用其他单位.
5. 布局方面,应全局考量。在运用比如圆角框及其他特有表现方式时候,请尽量设想在 Web 实现的时候,是否方便!
同时,各个频道是否可以灵活的嵌套这个布局。更换色彩等等是否方便。
6. 在页面效果这一步,很多页面动作和行为影响应该像浏览页面一样,存在一个具体表现。这样,在web页面实现时,就可以按部就班。不用,临时去想象这些。
7. 在设计菜单的时候,也需要照顾一下Web 页面的实现!

【废话一句,可以选择不必阅读】
以上,是一些简单的罗列。对Web来说,可以作出的页面效果,就会得到一个对等的代码实现。不过,从易用性和好的体验以及日后扩展来说,统一,简洁,实现和维护灵活就显示的非常重要。

posted @ 2009-02-16 11:44  一九零零  阅读(200)  评论(0编辑  收藏  举报