看到這個標題:文字即界面泳唠?狈网??你是不是會產(chǎn)生疑問警检?它怎么能稱為界面呢?沒錯害淤,文字就是界面扇雕,它組成的文本也是界面。文字在界面中單獨展示的時候窥摄,它就相當于一種圖形界面信息镶奉,怎能不稱為界面呢?
作為UI設(shè)計無論你是做網(wǎng)頁還是做移動端是免不了跟字體文字打交道的崭放,因為多數(shù)頁面中百分之80的內(nèi)容是文字哨苛,甚至更多。那么我們就來聊一聊文字的使用之道币砂。
文本在界面中的重要性
當我們拿到一個界面原型時建峭,首先要對信息進行層級劃分,哪個最重要决摧?那個比較重要亿蒸?那個不太重要凑兰?哪個比較次要?整體來說其實每一個文字边锁、每一個字符都很重要姑食。他們共同構(gòu)成了界面,缺一不可茅坛。好的文本字體和賞心悅目音半、有主次的排版就是好的設(shè)計。文本是最根本的界面贡蓖,需要我們設(shè)計師來塑造和打磨這些信息曹鸠。
我們來看看iOS系統(tǒng)中的天氣界面設(shè)計,仔細分析一下頁面的構(gòu)成元素摩梧,無非就是:
兩張圖 + 幾個圖標 + 一大堆文本物延。
我們在做設(shè)計的時候并不是將一堆隨機的文字和圖標排布在屏幕上,或者添加一些講不清道理的圖形仅父。讓它們看起來夠漂亮夠炫酷就行了叛薯。
我們需要從最核心的內(nèi)容和文本開始著手,然后分析這些內(nèi)容和文本笙纤,以及文本和文本的層級關(guān)系耗溜。這才是我們工作的核心。
上圖是IOS的日歷界面省容,我們在設(shè)計之前會不禁感嘆抖拴,天哪全是文字,有什么好設(shè)計的靶冉贰阿宅?我們運用上面的方法來分析,年笼蛛、月洒放、日、哪個重要呢滨砍?也許你會說年和月份最重要啊往湿,沒錯那日期呢?多大的字號顯示呢惋戏?太大了排版不下领追,太小呢又看不清。那么我們就需要對數(shù)字的最小值進行測試响逢,系統(tǒng)在不同設(shè)備上運行的顯示狀態(tài)是怎樣的绒窑。那我換一個字體呢?IOS為什么采用這個字體舔亭?
通過上面的分析回论,可以證明文本的清晰度同樣扮演著關(guān)鍵性的角色散罕。
如果我們的大腦花費一兩秒鐘單純只是分辨一個字形,那么清晰度上的微小差異是無傷大雅的傀蓉。以英文字母為例欧漱,當字母組合成為大段的文本,不同的字母組合構(gòu)成不同的詞匯葬燎、段落的時候竭翠,清晰度的影響就更大了劳较,排版的就顯得尤為重要了屎债。
影響界面設(shè)計的文本屬性還有很多噪舀,比如平衡性,定位和層次結(jié)構(gòu)壕探,但是好的文案和排版的影響至少占據(jù)整體影響的95%冈钦。
我們的閱讀習(xí)慣
屏幕上的文本尤為重要,那么我們閱讀的習(xí)慣又是怎樣的呢李请?
外國人Billy Whited的一篇文章研究表明:一個少于20個字母的獨立單詞放在句子中會更快被理解瞧筛,而單獨放置的時候我們需要耗費更長的時間來識別。不光是字母如此导盅,我發(fā)現(xiàn)有時候我單個看某個中文字的時候较幌,越看會覺得好陌生,甚至懷疑是不是這么寫的白翻。
其實這個研究結(jié)果也表明我們閱讀較長句子的時候乍炉,并非是逐個單詞地閱讀,而是跳躍著閱讀功能性的詞匯滤馍,我們將這種閱讀方式稱為離散跳躍式閱讀岛琼,俗稱掃視。閱讀中文段落的時候相信大家也是一樣巢株。
掃視讓我們的閱讀能力更強槐瑞,我們甚至?xí)^短的功能性詞匯。
但是我們的界面中所承載的詞匯大多是孤立的單詞纯续。除非文章資訊詳情頁面随珠,一般來說灭袁,界面是無法利用掃視這種方式來獲取信息的猬错。
所以詞組在閱讀中發(fā)揮著非常重要的作用,無論是作為內(nèi)容還是作為界面元素茸歧,均是如此倦炒。那么,選擇合適的字體就相當重要了软瞎。
那么為什么我們只采用蘋果或者安卓指定的一些常規(guī)字體呢逢唤?這就牽扯到襯線字體和非襯線字體了拉讯,相信大家都比較了解,這里就不多說了鳖藕。
字體這么重要魔慷,那么有什么運用方法么?下周我們一起聊一聊著恩,在界面設(shè)計中文本字體設(shè)計會遇到哪些惱人的問題院尔,以及如何總結(jié)規(guī)范。