探究!閱讀類APP界面設計

文/郝曉 手機閱讀類界面設計中不僅遵循傳統的平面設計的視覺傳達方式,還遵循形式美法則,如對比、虛實統一、節奏、對齊、空白等,同時也在原有的基礎上賦予了平面元素的新特點。

探究!閱讀類APP界面設計



探究!閱讀類APP界面設計


文字是能起到畫龍點睛作用,很多的設計作品是以文字為創作核心,將字體圖形化和符號化。手機界面可以用字體大小的對比來烘托界面閱讀氣氛。較大的字體用以強調的作用,較小的字體可以作為輔助信息,較小的字體可產生整體感和精緻感,但閱讀性較差。

探究!閱讀類APP界面設計



探究!閱讀類APP界面設計


在手機閱讀應用中,由於屏幕尺寸的原因,信息圖形種類不宜過多,主要分為兩種類型:一類是傳統信息圖形元素;另一類是簡易化、具有交互性的信息圖形。在手機閱讀類應用界面中傳統圖形元素多采用攝影、手繪插圖等體現主題的表現形式,構成閱讀界面中的主圖與背景圖片。

探究!閱讀類APP界面設計


手機閱讀類應用界面要在交互設計下才能得以實施,所以簡易化、具有交互性的信息圖形,成為閱讀界面不可缺少的設計元素,讀者通過易讀簡化的圖標、層次分明的按鈕、以及其它的信息圖形元素與手機進行互動。

探究!閱讀類APP界面設計


利用人們日常生活中的經驗、與真實事物的相似度和功能性隱喻來引導讀者識別各種信息圖形,通過效仿人們日常化生活中熟悉的視覺形象和行為來設計圖形界面,易於被讀者理解和使用。

探究!閱讀類APP界面設計



探究!閱讀類APP界面設計


在手機閱讀類應用界面中,色彩的表現形式多種多樣。手機閱讀應用界面色彩給人以濃烈的視覺衝擊力和藝術感染力,會在讀者腦中留下長久的印象。一般界面色彩都是由主色調、輔色調兩部分組成。根據閱讀界面的性質和內容來確定主色調,色彩種類不能過多,純度也不宜過高,要便於閱讀。

探究!閱讀類APP界面設計


主色的合理選擇有益於提高信息傳達準確性及醒目性,通常輔色調的選擇多是主色調的互補色、對比色或者是鄰近色,避免界面顏色過於單調和沒有層次,增加界面的生動感和層次,同時巧妙地運用其它色彩作為點綴,可以使閱讀界面活躍而又不喧賓奪主。

探究!閱讀類APP界面設計


人對色彩的記憶,一般情況下暖色系要比冷色的色彩記憶性強,高純度比低純度易於喚起大腦中的記憶。色彩較少、形態簡單的閱讀界面比色彩較多、形態複雜的容易記憶。

探究!閱讀類APP界面設計



探究!閱讀類APP界面設計


界面空間將文本、圖形、色彩、多媒體等視覺要素有機地統一排列,清晰、有層次地把藝術與信息傳遞給讀者,構建一個具有設計感的版式空間和結構形式,從而達到美化界面的效果。界面空間架構有四種導航樣式,即列表菜單式、選項卡式、陳列館式、超級菜單式。

探究!閱讀類APP界面設計


①列表菜單式,很適合用來顯示較長或擁有文字內容的標題,界面採用色塊或分割線區分閱讀信息,整齊具有規劃感。

探究!閱讀類APP界面設計


②選項卡式,多在界面的頭部或底部,為已選擇的界面設置不同的視覺效果,讀者能夠清晰地知道自己選擇了哪一項,並且設計使用易於識別或帶有標籤的信息圖形。

探究!閱讀類APP界面設計


③陳列館式,能很好地應用於讀者需要經常瀏覽,頻繁更新的信息,同時整齊的排列,減少空間的不必要流失。

④超級菜單式,在一個較大的覆蓋面板上分組顯示已經設計好的信息圖形方便讀者的選擇和切換。很多閱讀類應用界面多采用兩種以上樣式的隨機組合。

探究!閱讀類APP界面設計



探究!閱讀類APP界面設計


對於界面設計而言,無論是閱讀邏輯還是界面佈局都是建立在視覺習慣上,我們視覺習慣是從左往右的閱讀順序,這種習慣性的閱讀經驗不僅影響了現今絕大多數版面的閱讀順序,也影響了現今在手機閱讀界面中對於設計平衡的判斷準則。

探究!閱讀類APP界面設計


在界面版式上,左側重要於右側,上半部重於下半部,所以閱讀應用的最新信息放在界面的上部,其它的信息依次排開。界面版式中都會有視覺關注點,視覺關注點通常比較突出,吸引讀者。按照重點突出的原則,加強主要的視覺中心點的力量,通過色彩突出、文字放大等方式來吸引讀者。

探究!閱讀類APP界面設計



探究!閱讀類APP界面設計


在手機應用界面設計中,有很多精彩的細節,細節之所以細,在於難以覺察,卻又纖毫畢現。例如:精確到像素的圖標設計,用像素製造出投影、凹凸、高亮等惟妙惟肖的立體效果,在界面視覺上給讀者帶來無限的驚喜。

探究!閱讀類APP界面設計

探究!閱讀類APP界面設計


① 官方頭條號:設計智造 頂級創意設計師必備

探究!閱讀類APP界面設計


分享到:


相關文章: