网页设计之细节篇

21,413次阅读
没有评论

共计 1479 个字符,预计需要花费 4 分钟才能阅读完成。

本文是刘韧老师关于网站页面的均衡规划与选择的思考,希望对大家有所帮助。

1. 尺寸

a)800*600 能照顾到所有网友的电脑,但相当是张“小报”。

b)1024*768 渐成主流。1024*768 能比 800*600 多出一栏的信息。

c) 正文页采用自适应设计,能在正文页做更多相关内容。首页也可以尝试自适应的设计。自适应设计的核心是要留出宽度伸缩自如的栏。

d) 在 1024*76 模式下,页面的长度不易超过 10 屏。

e) 随着电脑升级换代,分辨率提高,电脑屏幕能够提供的面积越来越大,这是一种难得的资源,要充分利用。“小报”改“大报”要增加一倍的纸张成本,网站改“宽版”,不增加任何成本。

2. 字体字号

a) 目录页用小字号,为的是放更多的标题。

b) 正文页用大字号。为的是让读者读得舒坦。

c) 慎用不容易看清楚的楷体。楷体的作用等于图片,主要起美化版面的作用。

d) 多用对搜索引擎友好的标粗,来表示重点。

3. 颜色

a) 同一个页面的颜色不要超过 4 种。眼花缭乱,容易产生视觉疲劳。

b) 颜色对比不要反差太大。网页版面不是美术作品,要避免形式对内容的喧宾夺主。

c) 文字 + 底色能够起到很好的突出作用,在视觉变化上相当于图片的作用。

4. 静态化

a) 访问量大的页都应该静态化,以便减少服务器压力,增强网站稳定性。访问不到的网页是最差的网页。

b) 动态化和静态化在一个页面中结合使用,能同时得到轻负荷和即时交互性的好处。

c) 哪些页面的哪些地方需要静态化要在一开始就考虑,访问量大了之后,再高考虑,就迟了,由动态化转为静态化,会有很多历史问题。

5. 分栏

a) 首页选 4 栏?还是 3 栏?

b) 正文页多用 2 栏。

c)“纵向逻辑”是指将相近的内容从上至下排列,而不是从左向右排列。如果读者对这方面内容感兴趣,他会从上至下,逐行阅读。这样可充分力利用首屏,让首页增多从上至下阅读的可能。

d) 避免一栏太强,一栏太弱。通过图片、套红等手段进行调控。平均使用读者主意力。使读者不敢放过左中右任何一栏。

6. 图片

a) 一图胜千言。十分必要时才用。因为图片的编辑成本和带宽成本都比较文字高很多。

b) 在目录页的图,小点,再小点,多用特写;小分辨率,能看就行。在正文页的图,保证清晰,美观。正文页有的是版面。

c) 正文页在 5 屏之内,尽量不要分页。让读者一次读完。

7. 导航条与网站地图

a) 导航条是网站的门牌号码,不能随意更改。否则,读者会迷路,找不到他原来看的内容。

b) 导航条上的分类名的前后次序要兼顾重点和读者阅读逻辑,即归类摆放。

c) 导航条最多三行。最好二行。太多行显重。

d) 导航的更多,就是网站地图。网站地图的摘要版可以放在网站底部,成为底部导航。网站的底部导航,很有必要。其好处是:一、可放多行;二、可形成网站底部的阅读重点。将读者从首屏带到最后一屏,期间会增加很多点击。

e) 主导航和频道导航:主导航每页都有,频道导航只在本频道页面出现。

8. 首页更新成本

a) 首页设计不能只考虑美观、协调,要考虑 24 小时更新一遍之要求。更新是网站的生命,一定要最大限度地降低首页更新成本。

b) 交叉自动同步更新的设计,可有效降低各种首页更新成本,给读者内容丰富即时的感觉。

c) 更新即时的首页是网站的资源,因为是资源,更多的标题会拥上这个首页。如此,正循环,这个首页也就火了。更新不即时的首页是网站的鸡肋,会越来越寂寞,最终会被荒废。

d) 每个首页的设计成至少要有一个读者点击进去的理由。即时更新比独家内容成本低。

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计1479字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)