手機(jī)閱讀類(lèi)界面設(shè)計(jì)中不僅遵循傳統(tǒng)的平面設(shè)計(jì)的視覺(jué)傳達(dá)方式，還遵循形式美法則，如對(duì)比、虛實(shí)統(tǒng)一、節(jié)奏、對(duì)齊、空白等，同時(shí)也在原有的基礎(chǔ)上賦予了平面元素的新特點(diǎn)。

文字

文字是能起到畫(huà)龍點(diǎn)睛作用，很多的設(shè)計(jì)作品是以文字為創(chuàng)作核心，將字體圖形化和符號(hào)化。手機(jī)界面可以用字體大小的對(duì)比來(lái)烘托界面閱讀氣氛。較大的字體用以強(qiáng)調(diào)的作用，較小的字體可以作為輔助信息，較小的字體可產(chǎn)生整體感和精致感，但閱讀性較差。

圖形

在手機(jī)閱讀應(yīng)用中，由于屏幕尺寸的原因，信息圖形種類(lèi)不宜過(guò)多，主要分為兩種類(lèi)型：一類(lèi)是傳統(tǒng)信息圖形元素；另一類(lèi)是簡(jiǎn)易化、具有交互性的信息圖形。在手機(jī)閱讀類(lèi)應(yīng)用界面中傳統(tǒng)圖形元素多采用攝影、手繪插圖等體現(xiàn)主題的表現(xiàn)形式，構(gòu)成閱讀界面中的主圖與背景圖片。

手機(jī)閱讀類(lèi)應(yīng)用界面要在交互設(shè)計(jì)下才能得以實(shí)施，所以簡(jiǎn)易化、具有交互性的信息圖形，成為閱讀界面不可缺少的設(shè)計(jì)元素，讀者通過(guò)易讀簡(jiǎn)化的圖標(biāo)、層次分明的按鈕、以及其它的信息圖形元素與手機(jī)進(jìn)行互動(dòng)。

利用人們?nèi)粘Ｉ钪械慕?jīng)驗(yàn)、與真實(shí)事物的相似度和功能性隱喻來(lái)引導(dǎo)讀者識(shí)別各種信息圖形，通過(guò)效仿人們?nèi)粘；钪惺煜さ囊曈X(jué)形象和行為來(lái)設(shè)計(jì)圖形界面，易于被讀者理解和使用。

色彩

在手機(jī)閱讀類(lèi)應(yīng)用界面中，色彩的表現(xiàn)形式多種多樣。手機(jī)閱讀應(yīng)用界面色彩給人以濃烈的視覺(jué)沖擊力和藝術(shù)感染力，會(huì)在讀者腦中留下長(zhǎng)久的印象。一般界面色彩都是由主色調(diào)、輔色調(diào)兩部分組成。根據(jù)閱讀界面的性質(zhì)和內(nèi)容來(lái)確定主色調(diào)，色彩種類(lèi)不能過(guò)多，純度也不宜過(guò)高，要便于閱讀。

主色的合理選擇有益于提高信息傳達(dá)準(zhǔn)確性及醒目性，通常輔色調(diào)的選擇多是主色調(diào)的互補(bǔ)色、對(duì)比色或者是鄰近色，避免界面顏色過(guò)于單調(diào)和沒(méi)有層次，增加界面的生動(dòng)感和層次，同時(shí)巧妙地運(yùn)用其它色彩作為點(diǎn)綴，可以使閱讀界面活躍而又不喧賓奪主。

人對(duì)色彩的記憶，一般情況下暖色系要比冷色的色彩記憶性強(qiáng)，高純度比低純度易于喚起大腦中的記憶。色彩較少、形態(tài)簡(jiǎn)單的閱讀界面比色彩較多、形態(tài)復(fù)雜的容易記憶。

空間架構(gòu)

界面空間將文本、圖形、色彩、多媒體等視覺(jué)要素有機(jī)地統(tǒng)一排列，清晰、有層次地把藝術(shù)與信息傳遞給讀者，構(gòu)建一個(gè)具有設(shè)計(jì)感的版式空間和結(jié)構(gòu)形式，從而達(dá)到美化界面的效果。界面空間架構(gòu)有四種導(dǎo)航樣式，即列表菜單式、選項(xiàng)卡式、陳列館式、超級(jí)菜單式。

①列表菜單式，很適合用來(lái)顯示較長(zhǎng)或擁有文字內(nèi)容的標(biāo)題，界面采用色塊或分割線區(qū)分閱讀信息，整齊具有規(guī)劃感。

②選項(xiàng)卡式，多在界面的頭部或底部，為已選擇的界面設(shè)置不同的視覺(jué)效果，讀者能夠清晰地知道自己選擇了哪一項(xiàng)，并且設(shè)計(jì)使用易于識(shí)別或帶有標(biāo)簽的信息圖形。

③陳列館式，能很好地應(yīng)用于讀者需要經(jīng)常瀏覽，頻繁更新的信息，同時(shí)整齊的排列，減少空間的不必要流失。

④超級(jí)菜單式，在一個(gè)較大的覆蓋面板上分組顯示已經(jīng)設(shè)計(jì)好的信息圖形方便讀者的選擇和切換。很多閱讀類(lèi)應(yīng)用界面多采用兩種以上樣式的隨機(jī)組合。

閱讀邏輯

對(duì)于界面設(shè)計(jì)而言，無(wú)論是閱讀邏輯還是界面布局都是建立在視覺(jué)習(xí)慣上，我們視覺(jué)習(xí)慣是從左往右的閱讀順序，這種習(xí)慣性的閱讀經(jīng)驗(yàn)不僅影響了現(xiàn)今絕大多數(shù)版面的閱讀順序，也影響了現(xiàn)今在手機(jī)閱讀界面中對(duì)于設(shè)計(jì)平衡的判斷準(zhǔn)則。

在界面版式上，左側(cè)重要于右側(cè)，上半部重于下半部，所以閱讀應(yīng)用的最新信息放在界面的上部，其它的信息依次排開(kāi)。界面版式中都會(huì)有視覺(jué)關(guān)注點(diǎn)，視覺(jué)關(guān)注點(diǎn)通常比較突出，吸引讀者。按照重點(diǎn)突出的原則，加強(qiáng)主要的視覺(jué)中心點(diǎn)的力量，通過(guò)色彩突出、文字放大等方式來(lái)吸引讀者。

像素細(xì)節(jié)

在手機(jī)應(yīng)用界面設(shè)計(jì)中，有很多精彩的細(xì)節(jié)，細(xì)節(jié)之所以細(xì)，在于難以覺(jué)察，卻又纖毫畢現(xiàn)。例如：精確到像素的圖標(biāo)設(shè)計(jì)，用像素制造出投影、凹凸、高亮等惟妙惟肖的立體效果，在界面視覺(jué)上給讀者帶來(lái)無(wú)限的驚喜。

相關(guān)素材推薦：

作者：設(shè)計(jì)智造

原文：http://www.sohu.com/a/336365402_335612