巧妙运用视觉强迫提高可读性

石头 发布于2010-3-17 00:53:55 分类: 小技巧 已浏览990 网友评论7条 我要评论

    石头认为一个优秀的网站界面必须能让用户清楚明了地知道哪些内容是重要的,哪些内容是次要的。换句话就是在打开你的网站的一瞬间,用户眼光所集中的地方就是主要的地方,而需要主动去查看的地方就是次要地方。

    而所谓视觉强迫就是为了达到让用户在毫不知觉的情况下就把视觉集中在某一点上而做的界面设计。如果用户打开网站后视觉没有焦点,页面没有中心,不仅严重影响用户的体验而更重要的是大大降低了用户的阅读量,而视觉强迫就能完美的解决这个问题。

    比如石头博客首页,焦点应该是第一篇文章和第二篇文章,而按石头以前的模板来看,焦点不在于此;内容页焦点应该在内容上,在文章结束就应该要突出相关文章和评论以“强迫”和鼓励用户阅读其它文章和评论,这样在用户毫不知觉的情况下提高用户的浏览量。

    从石头了解的许多博友的博客来看大都比较缺乏视觉中心,比较散乱,无法正确的通过颜色来引导用户阅读。其实要实现这种强迫也是比较容易的,可以通过以下几种方式来实现:

    1、颜色对比

    利用颜色对比来突出关键的内容,强迫用户把视觉中心放在需要用户了解的内容。松松的博客就是一个例子,通过背景与内容层的颜色明暗对比,突出内容部分,让人一打开他的博客,视觉马上就在内容上。

    2、图片引导

    通过炫彩夺目的图片引导用户关注某一块内容,这常运用在广告上。

    3、特效引导

    利用比较炫丽的JS特效引导用户关注某一块的内容,这也常常用在广告上。

    4、字体对比

    不同的字体大小有着不同的意义,大字体常用在标题,而小字体常用在内容,而小字体中突然出现大字体就能强迫用户关注。

已经有(7)位网友发表了评论,你也评一评吧!

原创文章转载请注明引自石头博客 http://www.stou.info/ 欢迎订阅石头博客

猜你也喜欢

  1. 发表于2010-03-22 11:27:31

    呵呵,从来没搞过这么详细的

  2. 发表于2010-03-18 13:24:33

    分享的很不错

    stone 于 2010-3-18 20:23:41 回复
    常来哈!

  3. 发表于2010-03-18 13:15:29

    石头换了top图片,感觉有点陌生了。呵呵

    stone 于 2010-3-18 13:38:03 回复
    嘿嘿,我的美工不怎么样哈

  4. 发表于2010-03-17 10:58:35

    完全是这样,小细节不容忽视

    stone 于 2010-3-17 12:47:10 回复
    成功得从细节做起
    爱好者博客 于 2010-3-17 14:32:33 回复
    细节决定成败.
    stone 于 2010-3-18 9:22:44 回复
    顶周哥

  5. 发表于2010-03-17 10:39:27

    如果做到以上几点,确实会有效果~

    stone 于 2010-3-21 1:18:11 回复
    恩,但是往往说得容易,做起来却很困难,除了要熟悉平面设计和网页设计上,还要相当熟悉用户的心理。

  6. 发表于2010-03-17 09:11:31

    忘了说,你暂时还不能跟老卢的比,老卢的文章页也是有低色的,不是纯白,他的文章内容页字比你的更突出,在电脑有反光的情况下,你的文章内容看久一些会感觉刺眼了,这一点你没考虑进去了.整体感觉比上一个版本看着要舒服,还是有待加强,直说了,别介意.

    爱好者博客 于 2010-3-17 9:12:34 回复
    真浪费时间,居然花了8:52:19 -----9:11:31这么久.
    stone 于 2010-3-17 9:25:28 回复
    当初选用白色是因考虑到清爽,不过周哥说得在理,谢谢老

  7. 发表于2010-03-17 08:52:19

    你真勤快,又更新啦,给你QQ留言了,下次写一篇博客的七大优质读者?Haha

    stone 于 2010-3-17 9:25:53 回复
    要得哈

称呼:

邮件:

网站:

验证:

记住我的信息,下次不用再输入小诀窍:按ctrl+y键可以启动搜狗云输入法