限制广告，以内容为主导！打造无干扰的阅读体验

尽管包括本站在内的大多数站点，都依赖广告赚钱，但是这不是什么好榜样。
作为设计师，一定要为用户打造纯净简约的阅读环境。
但是在过度阶段，我们如何在不干扰用户阅读内容，又能够靠联盟广告赚取一点服务器和营生的费用呢？

书写本文时，我用的应用是Editorially ，非常好用，无干扰的写作体验。

但是有点尴尬，也有点讽刺，为什么呢？

因为当你在本站(Creative Bloq）阅读本文时，阅读环境并不是无干扰的，页面中充斥着广告。另外一些牛X哄哄的设计网站也是如此，比如说Smashing Magazine，再比如说Web Designer Depot(优设哥温馨提示：还想知道更多的顶级设计站点吗？请看 设计师网址导航)

赚钱天经地义，没什么错。作为设计师，赚钱的时候是一种模式、一种心态，当你着手设计时，便应该是另外一种模式、另外一种心态。要区分对待，要赚钱，就想尽办法去赚。要设计，那就得有设计师的态度。
当谈到无干扰阅读体验时，身边最常见的例子便是印刷书籍（当然不包括杂志）。这些书籍存在了成百年，现在印刷的技术和几百年前并不一样，但是结果都是一样的。用户读起来感觉非常的专注、没有一丝外界干扰。

图像由 Stefano Maffei提供

图像由Alisha Vargas提供

那为什么书籍的阅读体验这么好呢？因为书籍是静态的！书中的每一页都不可替换，因为只有最核心内容，没有多余的广告，没有控件，没有乱七八糟的装饰。
因此，阅读书籍是一种沉浸式体验，没有一丝外界干扰，你会随作者的笔触进行一段历险，或者学习一门编程语言。

Kindle 和iBook之所以花这么大心思去模仿印刷书籍，就是因为纸质书籍拥有一种无干扰的阅读体验！
换句话说，你手边的书籍便能教你如何打造无干扰的阅读体验。没有弹出窗口、没有连接、没有广告、没有对话气泡，你能做的只有阅读。

书籍的阅读体验非常棒，所以很多数码产品需要模仿书籍，以便达成优秀的用户体验。

如何打造无干扰的阅读体验？

很多网站为何看起来非常的混乱、繁杂呢？他们其实也能变得简约、清爽，他们不是没有这种设计能力。但是出于营生的考虑，他们暂时只能靠广告过度，站长也要生存，提供资源、编辑文章、发布干货他们并没有从读者那里拿到一分钱。
很多时候，花大力气设计了一款以内容为主导的清爽网页，但是又因为投资回报率的考量，选择了广告投放。

Trent Walton

zeldman.com

Jason Santa Maria

上面这是就是无干扰阅读体验优秀的网页设计案例。你发现没？内容周围一律没有广告。
当用户只注意于一点时，阅读会非常的轻松高效。
如果能够有效的限制网页中的广告，网页的阅读体验会大大提高（注意：不是让你清理掉广告，是限制广告）

当然，除了广告之外，还有一些东西需要"收拾收拾"：包括社交媒体推送按钮，评论，相关文章。同样不要清理掉，合理安置就好。内容周围不要有不相干的图标和按钮。

提示：
1、评论一般都处于正文的下方，这是一种设计模式，改动的时候要注意这一点。现在有些网站会放到文章右侧，其实这多多少少会干扰到用户的阅读，甚至一些评论还会很直接影响到用户阅读文章时的情绪。
2、明晰的导航要保留，方便用户浏览其他内容。这一点上，其实个人不是很喜欢一直驻留在用户视线里的浮动导航。因为很多时候，用户并不急着去找到其他出口。

打造以内容为主导、无干扰体验的设计，这才是网页设计的核心所在。

几个具有无干扰阅读体验的WordPress主题推荐

01. Thoughts by WP Explorer

02. Entropy by Timothy Long

03. LESS by Jared Erickson

04. Landscape by Blank Themes

原文地址：creativebloq
优设网翻译:@MartinRGB
转摘请注明优设网译文出处，谢谢各位小编。

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量56万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：