每個人都有不同的思維,在設(shè)計工作中,100個人可能有100種不同的設(shè)計理論,但是天津網(wǎng)站建設(shè)-文率科技的小編認(rèn)為,雖然每一個設(shè)計師都有自己的思維,藝術(shù)沒有規(guī)則可尋,但是關(guān)于UI設(shè)計中最基本文字排版卻是有依據(jù)可循的,下面文率科技的就為大家簡單談一談如何通過文字排版科學(xué)提高移動端文本的易讀性,提升設(shè)計質(zhì)感。
1、字體大小
大家都知道,文字有著不同的字號,不同字號的文字大小不同,通常情況下,標(biāo)題的字號一定要打,解說注釋的字號要要,總是文字大小的設(shè)置并非是一成不變的,作為UI設(shè)計展,你要依據(jù)它的作用來靈活運營。在版面的設(shè)計中,首先要做的就是確定文字的大小,只有這樣才能依據(jù)它來調(diào)節(jié)平衡,決定大標(biāo)題,小標(biāo)題以及注釋文字大小。
如圖:即便文字的大小是一樣的,由于字體不同,視覺上看起來字的大小也是有區(qū)別的,而且選擇文字的時候,需要考慮整體頁面的美觀度,可讀性。
2、文字留白
所謂的留白,其實就是在版面中留出的多余空間,如果能夠恰當(dāng)?shù)奶幚砗昧舭鬃匀荒軌蚴刮谋疽曈X流平順,從而提升界面閱讀的舒適性。一般情況下,對于一篇文章來說,留白從小到大分別有文字中的空白、文字與文字之間的空白、行與行之間的空白、段與段之間的空白,留白面積的大小也要遵循這個順序。
3、特殊符號的處理
中文漢字中有很多的不同的符號,這些符號若不規(guī)則的堆積在一起,對于界面的整體閱讀性造成非常不利的影響。所以,為了使這些繁雜的要素配置得整潔美觀,在開始排版之前,就需要預(yù)先制定“段落樣式”的設(shè)計排版規(guī)則。
如:中文和英文混排,為使中文和英文和諧自然地結(jié)合,需要把英文的字號設(shè)定得比中文字號大一些。還有左右對齊,必須決定是否把標(biāo)點“懸吊”在對齊線之內(nèi)。
4、增強文字對比度
一般情況下,一個成功的頁面一定具有足夠的文本對比度,但是值得注意的是對比度過于強烈和過于微弱都是不利于閱讀的,所以關(guān)于對比度這塊詳細(xì)的把控。
前段時間文率小編發(fā)現(xiàn)了這樣一個頁面,看起來不是十分舒適,文字和背景的顏色對比度太低。于是就找到一個網(wǎng)站對這個頁面進(jìn)行了測試,可以看到它的文字對比度是3.96:1,除非加大字重,否則它就不合適。
5、對齊方式
總的來說,文本的對齊方式,一般分為四種:左對齊、居中對齊、右對齊以及兩端對齊。一般來說,移動端文本的對齊主要采用的是左對齊或兩端對齊,這里簡要談一談這兩種對齊方式的優(yōu)劣。
左對齊:容易造成右端留白過多,整體視覺失衡,但是這種對齊方式不破壞文字本身的起伏和韻律,能保證較好的閱讀體驗。
兩端對齊:可以保證段落文字整齊劃一,成規(guī)整的塊狀,但是打破了文字和字間空白之間形成的韻律,閱讀起來未必舒適。
優(yōu)秀的設(shè)計師,不但要注意設(shè)計中的各種規(guī)范,同樣還需要負(fù)責(zé)到底的精神,上文中天津網(wǎng)站建設(shè)-文率科技http://tjyl238.com/所說的這些,如:大小、間距、對比度,在前端和產(chǎn)品經(jīng)理的眼里只是一個數(shù)值,他們并不知道一個數(shù)值有可能會對設(shè)計造成多大的影響,所以,設(shè)計師必須用一絲不茍的精神對你的頁面負(fù)責(zé)到底,這樣才能設(shè)計出一個充滿質(zhì)感品質(zhì)界面。