UI設計中的文字設計方法
發(fā)布時間:2018-12-06 17:34:36 已幫助:1088人 來源:北京火星人教育
文字是UI設計中一個重要的組成元素,文字使用的好壞會極大影響產(chǎn)品的用戶體驗。但是很多設計師在進行設計的時候都會忽略文字設計的重要性,小編為大家找來了UI設計中文字的使用方法,一起來學習一下吧。
建立視覺層級
設計師的一個主要職責就是將頁面中的元素整合起來,以一種清晰可見的形式呈現(xiàn)給用戶。當然我們都知道一個頁面中不同元素的重要性是不一樣的,有優(yōu)先級之分。文字也是一樣,有些文字比較重要,我們更希望用戶看到,有些文字比較雞肋我們不希望用戶看到。為了達到這個目的,我們給界面的文字建立視覺層級,將文字大致分為三類:主標題,次標題和正文。
主標題
主標題是對于整個頁面內(nèi)容的一個總結(jié),合格的主標題用戶看了一眼就應該知道這個頁面的大致內(nèi)容。主標題是用戶進入一個頁面眼就應該看到的文字。主標題應該用字號要足夠的大,要加粗,這樣才可以更好的吸引用戶的注意力。此外,為了更好的節(jié)約用戶時間,主標題應該簡練。根據(jù)Jacob Nielsen的一項研究表明,主標題5-6個單詞(英文狀態(tài)下)最合適,最長不要達到一句話的長度。
我們強調(diào)要突出主標題來吸引用戶注意力,但是不要過度突出。因為用戶對于具象元素(插畫,icon,圖像或攝影圖等)的感知能力遠比文字要強得多。如果我們想宣傳一款產(chǎn)品,那么的方案就是直接給用戶展示產(chǎn)品圖片。文字和圖片搭配使用的時候,文字起到的只是輔助說明的作用。我們不能過度放大主標題的尺寸造成對圖片的遮蓋,這樣是本末倒置的。
次標題
將所有的信息都塞進主標題是不太現(xiàn)實的,這也是我們需要次標題的原因。次標題的要求和主標題類似,都要求文字簡潔干練,概括性強。和主標題一樣,次標題也要進行加粗處理,當然為了和主標題區(qū)分,字號要稍微小點。
正文
正文是提供詳細說明和解釋的文字,從頁面層級的角度來說重要性要低于主標題和次標題。正文文字長度沒有定論,有人認為長的文案可以給用戶提供更為詳細的信息,而且看起來更加正規(guī)嚴謹。但是也有人認為用戶不喜歡閱讀過長的文字。兩種觀點都有自己的道理,對于使用長文案還是短文案我做了以下總結(jié):
設備
短文案適用于移動端。移動端相對來說空間有限,文字太多會顯得比較擁擠,影響頁面美觀程度的同時也會降低用戶的閱讀體驗。
長文字更適用于PC端,PC有足夠的空間來展示特定內(nèi)容的詳細信息或者用戶不太熟悉的內(nèi)容(需要用戶仔細閱讀)。
產(chǎn)品定位
產(chǎn)品的定位對于正文文案的選用是具有決定性意義的。例如,你要設計一個讀書,旅行這類偏文藝小眾的界面,正文文案要足夠的短,頁面中要有大量的留白,這樣的頁面會給用戶一種透氣、從容、開放、平靜、自由的感覺,而這些感覺都是與產(chǎn)品的風格相契合的。相反,如果這類頁面中元素都擠在一起,就會導致視覺壓力,引發(fā)用戶緊張。當然并不是所有擁擠的頁面設計都會引發(fā)緊張情緒,如果文字和頁面中其他元素之間的空間處理的合適,行間距留的足夠大,那么也可以做到做保持內(nèi)容的可讀性的同時保留了頁面的“呼吸感”。
行為召喚元素
想讓自己設計出來的界面不那么死板,具有可交互性,我們就要使用行為召喚元素。當然一些行為召喚元素不需要文字也可以完成,比如我們的接電話按鈕或者短信提示,都是使用圖標來完成。但是在一些特點情況下,內(nèi)容過于抽象無法用圖標來詮釋的時候,我們應該使用文字。行為召喚元素對于文字長度的要求極其嚴苛,是一個單詞或者2-4個單詞組成的短語(英文狀態(tài)下)。
輕型文字的趨勢
源于對干凈精致界面的追求,輕型文字越來越受到設計師的歡迎。歸根結(jié)底,輕型文字是簡約設計趨勢的產(chǎn)物,字體越來越細長。但是我們要記住,這種過于狹長字體在節(jié)省頁面空間的同時,犧牲的是文字的易讀性,這是我們在權衡是否使用輕型文字時需要考慮的問題。過iOS10的Apple Music界面中開始對字體加粗,所以未來字體是變得越來越粗還是越來越細。
以上內(nèi)容就是小編為大家找來的UI設計中的文字設計方法的內(nèi)容介紹,有這方面需要的學員可以來做個簡單的學習了解,北京火星人為學員設置UI課程培訓,歡迎學員咨詢了解。