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