盡管包括本站在內的大多數站點，都依賴廣告賺錢，但是這不是什么好榜樣。
作為設計師，一定要為用戶打造純凈簡約的閱讀環境。
但是在過度階段，我們如何在不干擾用戶閱讀內容，又能夠靠聯盟廣告賺取一點服務器和營生的費用呢？

書寫本文時，我用的應用是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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：