當(dāng)我們?cè)谠O(shè)計(jì)APP的時(shí)候，其實(shí)運(yùn)營(yíng)的設(shè)計(jì)知識(shí)很多。也許有些人已經(jīng)習(xí)慣這樣的設(shè)計(jì)方式，自然而然的按照自己的設(shè)計(jì)思路設(shè)計(jì)出來了。真正去總結(jié)和思考設(shè)計(jì)的設(shè)計(jì)師們應(yīng)該不是很多。

今天25學(xué)堂看完了站酷博友Julien朱璘汧的設(shè)計(jì)經(jīng)驗(yàn)之后，感觸很多，非常實(shí)用！顧摘錄幾點(diǎn)關(guān)于閱讀體驗(yàn)設(shè)計(jì)的精華過來跟大家分享。大家也可以閱讀《移動(dòng)APP界面設(shè)計(jì)分享：文字閱讀體驗(yàn)設(shè)計(jì)篇》

25學(xué)堂的老譚理解的閱讀體驗(yàn)設(shè)計(jì)其實(shí)就是通過對(duì)字體、行距、色塊、對(duì)齊和網(wǎng)格等等的方法來規(guī)劃和控制布局設(shè)計(jì)，從而達(dá)到一種比較舒適的交互體驗(yàn)。

無論是字體，圖片，色塊等設(shè)計(jì)元素，都是通過以下4個(gè)角度來提高我們的閱讀體驗(yàn)設(shè)計(jì)的。

1、尺寸的對(duì)比：

也就是普遍意義上的大，放大你的主要內(nèi)容，并且要與其他內(nèi)容產(chǎn)生對(duì)比，形成一種視覺上最直接的沖擊力；

如上圖：尺寸上大小接近時(shí)，視線漂移中容易偏移在多個(gè)內(nèi)容中，反之對(duì)比明顯時(shí)，同樣的顏色字形下，大的更容易吸引視線注意，進(jìn)而再閱讀其他內(nèi)容。

2、樣式的對(duì)比：

粗細(xì)，深淺等的對(duì)比，讓主體內(nèi)容和次要內(nèi)容之間，形成明確的層級(jí)關(guān)系，使得閱讀和視覺上有明確的指向性；

如上圖：同等顏色下，粗細(xì)對(duì)比樣式明顯時(shí)，粗的字體更顯厚重，如重拳一般直接人心，不想看也得看。

還有顏色深淺，以背景（深淺、復(fù)雜程度）對(duì)比強(qiáng)烈的最為明顯，接近的相對(duì)弱化。

3、空間的對(duì)比

通常意義上的大背景，以模糊模仿景深效果，實(shí)現(xiàn)空間感，常見的分為前景和背景。

如例：模糊的背景讓復(fù)雜的圖更加融合，減少其零碎的變化，同時(shí)模擬景深實(shí)現(xiàn)一定的空間感，讓前后內(nèi)容之間拉開距離，使原本部分不清晰的內(nèi)容一定程度上清晰更易識(shí)別。

如上圖：在此基礎(chǔ)上，適當(dāng)增加前景的修飾（如花瓣、樹葉、雪花等等，結(jié)合實(shí)物有虛有實(shí)）可以實(shí)現(xiàn)更加明顯的空間關(guān)系。

4、修飾元素的對(duì)比

如上圖：細(xì)點(diǎn)的蒙版，讓整體背景更加精美，同時(shí)讓白色的文字在深淺的背景上，都可以識(shí)別，同時(shí)加上少許投影，增加文字的變化，讓整體畫面因?yàn)檫@些可有可無的細(xì)節(jié)更加豐富。

或是在斜線的添加，雜色的添加等等修飾元素和設(shè)計(jì)手法。都是我們需要在平常多積累多學(xué)習(xí)的閱讀體驗(yàn)設(shè)計(jì)的技巧。

細(xì)節(jié)的刻畫，首先需要設(shè)計(jì)師們不斷地吸收新鮮血液，線上線下各種形式的圖形，物件，都可以成為未來的素材和靈感元素，讓自己敏感成習(xí)慣，看得越多，知道的越多，遇到需要的時(shí)候，能想到的便越多，思考的越多，能轉(zhuǎn)化為自身所得的便越多，這是一個(gè)長(zhǎng)期不斷的過程。

總之：閱讀體驗(yàn)設(shè)計(jì)無非就是對(duì)大的尺寸，內(nèi)容之間的大小、粗細(xì)、深淺的明確對(duì)比，空間感的塑造，修飾元素的添加等，都將整個(gè)畫面的張力無限放大，留有更多的身臨其近的即視感以及諸多想象空間，在其中可自由呼吸，呼吸這一片大氣這樣的意境。

這些設(shè)計(jì)干貨都是可以應(yīng)用在移動(dòng)APP閱讀體驗(yàn)設(shè)計(jì)當(dāng)中去，最簡(jiǎn)單的設(shè)計(jì)就是通過字體大小對(duì)比、文字效果、色塊等的方法來處理分級(jí)效果。比如哪些字應(yīng)該大一些，哪些字應(yīng)該小一些;哪些色塊要重一些，哪些淺一些……

原文地址：http://www.zcool.com.cn/article/ZMTEyNDU2.html