以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://uicss.cn/typography/

网站内容的排版

作者:cuikai  |   发布: (编辑)kent.zhu   |   时间:2009-06-09 21:23:04 文字大小:- +

最近几日在筹划小说类网站的建设,在文字排版方面,遇到几个问题,结合论坛上及朋友们的讨论,总结一下最后的解决方案:

  1. 字体大小
    其实我明白大多数用户喜欢14号左右的字体,但自己在家中经常使用26号(甚至48号)的字体来敲文档,忍不住还是把正文区的字体搞到了120%,成功获取了大量差评。
    于是只好改回了100%,用户体验第一,个人私欲靠边站。
  2. 文章正文区域的宽度
    之前为了考虑手机用户,取了95%的宽度(主要是懒得写media=”handheld”)。对此,jjgod指出,“如果每行过宽,在阅读时,目光将很难准确的定位到下一行。”,查了一下,排版学上推荐的行宽是52~78个英文字符,再结合一部分用户使用“小型笔记本”的800*600分辨率,最后决定正文区域宽度为760px,左右各留padding:10px补白,这样正文区域刚好可以显示26个汉字。
  3. 行高
    与上边的原因一样,为了避免用户“看串行”,将默认的行高line-height:120%修改为150%
  4. 背景色
    其实这个问题基本不用考虑,目前两家主流的网站“起点”“逐浪”都选择了近似#e7f4fe为背景色,这些先驱是经过大量的测试结果来证明了该色调适合长时间阅读,我相信他们的眼光是正确的。
  5. 文章内容居左还是居中
    设定投票时候漏掉了居右这一项,还有两位回复时,要求居右显示的……
    目前的投票结果是50%喜欢居左显示,50%喜欢居中显示。但是投票居中显示的有“蓝色”“剑气凌人”这样玩转网站的人,自己也很喜欢居中显示的效果,最终确定为居中显示。
    此观点有待考证,不知道各位有何见解?
更多
打印  |  相关话题:版式设计   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买