當我們在設計APP的時候,其實運營的設計知識很多。也許有些人已經(jīng)習慣這樣的設計方式,自然而然的按照自己的設計思路設計出來了。真正去總結和思考設計的設計師們應該不是很多。
今天25學堂看完了站酷博友Julien朱璘汧的設計經(jīng)驗之后,感觸很多,非常實用!顧摘錄幾點關于閱讀體驗設計的精華過來跟大家分享。大家也可以閱讀《移動APP界面設計分享:文字閱讀體驗設計篇》
25學堂的老譚理解的閱讀體驗設計其實就是通過對字體、行距、色塊、對齊和網(wǎng)格等等的方法來規(guī)劃和控制布局設計,從而達到一種比較舒適的交互體驗。
無論是字體,圖片,色塊等設計元素,都是通過以下4個角度來提高我們的閱讀體驗設計的。
1、尺寸的對比:
也就是普遍意義上的大,放大你的主要內容,并且要與其他內容產(chǎn)生對比,形成一種視覺上最直接的沖擊力;
如上圖:尺寸上大小接近時,視線漂移中容易偏移在多個內容中,反之對比明顯時,同樣的顏色字形下,大的更容易吸引視線注意,進而再閱讀其他內容。
2、樣式的對比:
粗細,深淺等的對比,讓主體內容和次要內容之間,形成明確的層級關系,使得閱讀和視覺上有明確的指向性;
如上圖:同等顏色下,粗細對比樣式明顯時,粗的字體更顯厚重,如重拳一般直接人心,不想看也得看。
還有顏色深淺,以背景(深淺、復雜程度)對比強烈的最為明顯,接近的相對弱化。
3、空間的對比
通常意義上的大背景,以模糊模仿景深效果,實現(xiàn)空間感,常見的分為前景和背景。
如例:模糊的背景讓復雜的圖更加融合,減少其零碎的變化,同時模擬景深實現(xiàn)一定的空間感,讓前后內容之間拉開距離,使原本部分不清晰的內容一定程度上清晰更易識別。
如上圖:在此基礎上,適當增加前景的修飾(如花瓣、樹葉、雪花等等,結合實物有虛有實)可以實現(xiàn)更加明顯的空間關系。
4、修飾元素的對比
如上圖:細點的蒙版,讓整體背景更加精美,同時讓白色的文字在深淺的背景上,都可以識別,同時加上少許投影,增加文字的變化,讓整體畫面因為這些可有可無的細節(jié)更加豐富。
或是在斜線的添加,雜色的添加等等修飾元素和設計手法。都是我們需要在平常多積累多學習的閱讀體驗設計的技巧。
細節(jié)的刻畫,首先需要設計師們不斷地吸收新鮮血液,線上線下各種形式的圖形,物件,都可以成為未來的素材和靈感元素,讓自己敏感成習慣,看得越多,知道的越多,遇到需要的時候,能想到的便越多,思考的越多,能轉化為自身所得的便越多,這是一個長期不斷的過程。
總之:閱讀體驗設計無非就是對大的尺寸,內容之間的大小、粗細、深淺的明確對比,空間感的塑造,修飾元素的添加等,都將整個畫面的張力無限放大,留有更多的身臨其近的即視感以及諸多想象空間,在其中可自由呼吸,呼吸這一片大氣這樣的意境。
這些設計干貨都是可以應用在移動APP閱讀體驗設計當中去,最簡單的設計就是通過字體大小對比、文字效果、色塊等的方法來處理分級效果。比如哪些字應該大一些,哪些字應該小一些;哪些色塊要重一些,哪些淺一些……
原文地址:http://www.zcool.com.cn/article/ZMTEyNDU2.html
全站高品質素材免費下載!