電子書在線閱讀APP UI界面設計指南
手機閱讀類界面設計中不僅遵循傳統(tǒng)的平面設計的視覺傳達方式,還遵循形式美法則,如對比、虛實統(tǒng)一、節(jié)奏、對齊、空白等,同時也在原有的基礎上賦予了平面元素的新特點。
文字
文字是能起到畫龍點睛作用,很多的設計作品是以文字為創(chuàng)作核心,將字體圖形化和符號化。手機界面可以用字體大小的對比來烘托界面閱讀氣氛。較大的字體用以強調(diào)的作用,較小的字體可以作為輔助信息,較小的字體可產(chǎn)生整體感和精致感,但閱讀性較差。
圖形
在手機閱讀應用中,由于屏幕尺寸的原因,信息圖形種類不宜過多,主要分為兩種類型:一類是傳統(tǒng)信息圖形元素;另一類是簡易化、具有交互性的信息圖形。在手機閱讀類應用界面中傳統(tǒng)圖形元素多采用攝影、手繪插圖等體現(xiàn)主題的表現(xiàn)形式,構(gòu)成閱讀界面中的主圖與背景圖片。
手機閱讀類應用界面要在交互設計下才能得以實施,所以簡易化、具有交互性的信息圖形,成為閱讀界面不可缺少的設計元素,讀者通過易讀簡化的圖標、層次分明的按鈕、以及其它的信息圖形元素與手機進行互動。
利用人們?nèi)粘I钪械慕?jīng)驗、與真實事物的相似度和功能性隱喻來引導讀者識別各種信息圖形,通過效仿人們?nèi)粘;钪惺煜さ囊曈X形象和行為來設計圖形界面,易于被讀者理解和使用。
色彩
在手機閱讀類應用界面中,色彩的表現(xiàn)形式多種多樣。手機閱讀應用界面色彩給人以濃烈的視覺沖擊力和藝術感染力,會在讀者腦中留下長久的印象。一般界面色彩都是由主色調(diào)、輔色調(diào)兩部分組成。根據(jù)閱讀界面的性質(zhì)和內(nèi)容來確定主色調(diào),色彩種類不能過多,純度也不宜過高,要便于閱讀。
主色的合理選擇有益于提高信息傳達準確性及醒目性,通常輔色調(diào)的選擇多是主色調(diào)的互補色、對比色或者是鄰近色,避免界面顏色過于單調(diào)和沒有層次,增加界面的生動感和層次,同時巧妙地運用其它色彩作為點綴,可以使閱讀界面活躍而又不喧賓奪主。
人對色彩的記憶,一般情況下暖色系要比冷色的色彩記憶性強,高純度比低純度易于喚起大腦中的記憶。色彩較少、形態(tài)簡單的閱讀界面比色彩較多、形態(tài)復雜的容易記憶。
空間架構(gòu)
界面空間將文本、圖形、色彩、多媒體等視覺要素有機地統(tǒng)一排列,清晰、有層次地把藝術與信息傳遞給讀者,構(gòu)建一個具有設計感的版式空間和結(jié)構(gòu)形式,從而達到美化界面的效果。界面空間架構(gòu)有四種導航樣式,即列表菜單式、選項卡式、陳列館式、超級菜單式。
①列表菜單式,很適合用來顯示較長或擁有文字內(nèi)容的標題,界面采用色塊或分割線區(qū)分閱讀信息,整齊具有規(guī)劃感。
②選項卡式,多在界面的頭部或底部,為已選擇的界面設置不同的視覺效果,讀者能夠清晰地知道自己選擇了哪一項,并且設計使用易于識別或帶有標簽的信息圖形。
③陳列館式,能很好地應用于讀者需要經(jīng)常瀏覽,頻繁更新的信息,同時整齊的排列,減少空間的不必要流失。
④超級菜單式,在一個較大的覆蓋面板上分組顯示已經(jīng)設計好的信息圖形方便讀者的選擇和切換。很多閱讀類應用界面多采用兩種以上樣式的隨機組合。
閱讀邏輯
對于界面設計而言,無論是閱讀邏輯還是界面布局都是建立在視覺習慣上,我們視覺習慣是從左往右的閱讀順序,這種習慣性的閱讀經(jīng)驗不僅影響了現(xiàn)今絕大多數(shù)版面的閱讀順序,也影響了現(xiàn)今在手機閱讀界面中對于設計平衡的判斷準則。
在界面版式上,左側(cè)重要于右側(cè),上半部重于下半部,所以閱讀應用的最新信息放在界面的上部,其它的信息依次排開。界面版式中都會有視覺關注點,視覺關注點通常比較突出,吸引讀者。按照重點突出的原則,加強主要的視覺中心點的力量,通過色彩突出、文字放大等方式來吸引讀者。
像素細節(jié)
在手機應用界面設計中,有很多精彩的細節(jié),細節(jié)之所以細,在于難以覺察,卻又纖毫畢現(xiàn)。例如:精確到像素的圖標設計,用像素制造出投影、凹凸、高亮等惟妙惟肖的立體效果,在界面視覺上給讀者帶來無限的驚喜。
相關素材推薦:
作者:設計智造
原文:http://www.sohu.com/a/336365402_335612
全站高品質(zhì)素材免費下載!