网页中“查看全文”链接的设计
网站设计师和运营者都知道,一个网站能吸引住访客是多么的困难。实际上,一个网站能否吸引潜在顾客驻足,可能就决定在转瞬的时间里。有几个因素可以 促成网站吸引住访客,包括精彩的头条、有趣的内容和优质的设计等等。这些因素都很重要,我们今天重点讲一个非常具体的,有时却很容易忽视的因素:指向全文 内容的“阅读更多”或“查看全文”链接。
每个网站都有各自的方式来引导用户点击文章链接。有的网站使用非常突出的方式,有的则略显低调,无论采用什么形式,设计师们都创造了许多富有创意和 乐趣的方式,来吸引访客继续阅读。本文介绍了45个网站,这些网站都具有非常优秀的“阅读更多”设计,希望这些介绍能为你的设计带来灵感,或者至少可以提 醒大家不要忽视这一个细节的设计。
最佳实践
在开始欣赏之前,我们首先来讨论一下设计“查看全文”功能的重要性。
它最重要的作用就是,可以在网站首页压缩内容,从而呈现更多的信息。这意味着读者可以更快速的浏览头条新闻,并且你可以有更多的信息来充实页面。
同时,使用“查看全文”功能便于网站管理员通过访问统计了解网站上最受欢迎的内容。如果把全篇的内容都堆砌在首页上,则很难掌握网站的热点内容。
最后一个,也可能是最实际的一个原因,就是可以获取更多的收益。目前流行的网站赚钱方式,都是依靠点击广告,网站的页面越多,广告的展示次数就越多,则收益就可能越大,并且能吸引更多的广告主。
现在我们明白“查看全文”链接的重要性了,我们一起来了解一些设计的最佳实践。
1. 突出显示文字链接
目前网站通常使用的方法,是使用简单的文字链接来显示"查看全文"。通常设置为下划线、粗体、颜色突出,或者加一个“>”标记。中心目的就是保证它于普通链接明显的区别开,这是很多设计师容易忽视的地方。
下面是一些这方面的优秀实例:
Tutorial9
PSDTuts
Smashing Apps
CSS Tricks
David Airey
Freelance Switch
Lost and Taken
Veerle’s Blog
Rob Goodlatte
Douglas Menezes
slashdot
UsabilityPost
Kupferwerk
Dino Latoga
Elliot Jay Stocks
SixRevisions
Viget
Design Moves Me
The White House
Yahoo News
Huffington Post
F-I
Red Nose Day
UGSMAG
Carrot Blog
Take the Walk
Fantesca
Concentric Studio
Well Medicated
2. 使用图标
当文字不能解决问题时,就试着在你的设计中加入图标。图标可以很容易的就把访客的目光吸引到它的周围。
GoMediaZine
Macalicious
The Potato
Sam Rayner
Design Reviver
The World Wide Blogger Bake Off
An Idea
Blog Full Bliss
Koodoz
Spoongraphics
3. 使用按钮
如果你想让你的“查看全文”非常突出和惹眼,可以使用按钮。很多网站通过定义背景图片和文字样式创建漂亮的按钮。但是要记住一点,过多的按钮会给访客带来压迫感,所以要有节制的使用它们。
Real Mac Software
Philadelphia Eagles
Dawg House Design Studio
Naldz Graphics
Spoon Graphics
Healogix
趋势
在你开始设计之前,了解一下当前流行的设计趋势是很有必要的。你可以选择迎合当前的趋势,或者创造逆趋势的新风格。无论选择哪种方式,及时捕捉流行趋势是设计师必备的本能。
研究本文推荐的案例,我们可以发现这样的趋势:
1. 纯文字链接的使用超过其他任何形式,比例接近2:1;
2. 大多数网站使用"Read More"这样的措辞,或许会有一点变化(中文网站通常是“查看全文”或“继续阅读”)。
3. 纯文字链接和图标链接通常用于博客,而按钮则大多用于商业网站上。
注:以上趋势只是对本文实例的统计,不代表整个互联网的趋势。
结论
希望本文可以给你的“查看全文”设计带来一点灵感和帮助。吸引读者点击链接的方式有许多种,并且各有利弊。纵观优秀的网站设计,大多数设计师喜欢保持页面和功能的简洁,它们使用粗体或鲜艳的文字,有的则使用图标或按钮。并且它们都喜欢保持文字的简短,有近三分之一的人仅仅使用了"Continue(继续)"这个词来标识,因为它足够简短。
我们还发现,大多数博客仅使用文字链接,而商业网站则更多使用按钮。这样做的理由,可能是商业网站的运营者认为按钮更能吸引用户关注他们的产品,但博客作者则更希望他们的页面简洁直观,避免给用户带来压迫感。
最后一点,决定设计优劣的主要因素在于你的创造力和想象力。只要你能想出有利于用户体验的点子,那设计就一定能于办法实现它。
- 默认分类(20)
- J2EE(25)
- Java(56)
- PHP(55)
- SEO(10)
- 网页设计(20)
- 网站建设(37)
- 数据库(7)
- JavaScript(17)
- JQuery(6)
- MySQL(20)
- SQL Server(6)
- Access(1)
- Oracle(6)
- office(6)
- Dreamweaver(4)
- Photoshop(12)
- Flash(9)
- Fireworks(13)
- CSS(14)
- HTML(4)
- .NET(7)
- ASP(2)
- DB2(1)
- Ajax(2)
- Linux(12)
- Struts(7)
- Hibernate(8)
- Spring(2)
- Jsp(22)
- Asp(8)
- C#(3)
- C++(1)
- 网络安全(5)
- 软件工程(7)
- XML(1)
- English(2)
- 计算机等级考试(2)
- 计算机病毒(4)
- 个人日志(76)
- 互联网(15)
- ActionScript(10)
- Android(3)
- 数据结构与算法(1)
- 游戏策略(3)
- 美文翻译(2)
- 编程开发(19)
- 计算机应用(4)
- 计算机(10)
- Unity3d(6)
- 其他(1)
- egret(1)