国产精品自拍视频_能直接看的一级欧美毛片_美女福利视频在线观看免费视频_草莓视频成人在线观看

有效提高UI界面的文本易讀性方式

時間:2017-10-09 來源:文率科技

每個人都有不同的思維,在設計工作中,100個人可能有100種不同的設計理論,但是天津網站建設-文率科技的小編認為,雖然每一個設計師都有自己的思維,藝術沒有規則可尋,但是關于UI設計中最基本文字排版卻是有依據可循的,下面文率科技的就為大家簡單談一談如何通過文字排版科學提高移動端文本的易讀性,提升設計質感。

1、字體大小


大家都知道,文字有著不同的字號,不同字號的文字大小不同,通常情況下,標題的字號一定要打,解說注釋的字號要要,總是文字大小的設置并非是一成不變的,作為UI設計展,你要依據它的作用來靈活運營。在版面的設計中,首先要做的就是確定文字的大小,只有這樣才能依據它來調節平衡,決定大標題,小標題以及注釋文字大小。

如圖:即便文字的大小是一樣的,由于字體不同,視覺上看起來字的大小也是有區別的,而且選擇文字的時候,需要考慮整體頁面的美觀度,可讀性。

2、文字留白

所謂的留白,其實就是在版面中留出的多余空間,如果能夠恰當的處理好留白自然能夠使文本視覺流平順,從而提升界面閱讀的舒適性。一般情況下,對于一篇文章來說,留白從小到大分別有文字中的空白、文字與文字之間的空白、行與行之間的空白、段與段之間的空白,留白面積的大小也要遵循這個順序。

3、特殊符號的處理


中文漢字中有很多的不同的符號,這些符號若不規則的堆積在一起,對于界面的整體閱讀性造成非常不利的影響。所以,為了使這些繁雜的要素配置得整潔美觀,在開始排版之前,就需要預先制定“段落樣式”的設計排版規則。

如:中文和英文混排,為使中文和英文和諧自然地結合,需要把英文的字號設定得比中文字號大一些。還有左右對齊,必須決定是否把標點“懸吊”在對齊線之內。

4、增強文字對比度

一般情況下,一個成功的頁面一定具有足夠的文本對比度,但是值得注意的是對比度過于強烈和過于微弱都是不利于閱讀的,所以關于對比度這塊詳細的把控。

前段時間文率小編發現了這樣一個頁面,看起來不是十分舒適,文字和背景的顏色對比度太低。于是就找到一個網站對這個頁面進行了測試,可以看到它的文字對比度是3.96:1,除非加大字重,否則它就不合適。

5、對齊方式


總的來說,文本的對齊方式,一般分為四種:左對齊、居中對齊、右對齊以及兩端對齊。一般來說,移動端文本的對齊主要采用的是左對齊或兩端對齊,這里簡要談一談這兩種對齊方式的優劣。

左對齊:容易造成右端留白過多,整體視覺失衡,但是這種對齊方式不破壞文字本身的起伏和韻律,能保證較好的閱讀體驗。

兩端對齊:可以保證段落文字整齊劃一,成規整的塊狀,但是打破了文字和字間空白之間形成的韻律,閱讀起來未必舒適。

優秀的設計師,不但要注意設計中的各種規范,同樣還需要負責到底的精神,上文中天津網站建設-文率科技http://m.codepolly.com/所說的這些,如:大小、間距、對比度,在前端和產品經理的眼里只是一個數值,他們并不知道一個數值有可能會對設計造成多大的影響,所以,設計師必須用一絲不茍的精神對你的頁面負責到底,這樣才能設計出一個充滿質感品質界面。

聯絡方式:

中國 · 天津市河西區南京路35號亞太大廈1403室
電話:15620613686
郵編:300220