日韩 亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟

您現(xiàn)在所在的位置：首頁(yè) >關(guān)於奇酷 > 行業(yè)動(dòng)態(tài) > UI設(shè)計(jì)培訓(xùn)教你文字編排（下篇）

UI設(shè)計(jì)培訓(xùn)教你文字編排（下篇）

來(lái)源：奇酷教育 發(fā)表於：

　　今天UI設(shè)計(jì)培訓(xùn)老師教你文字編排（下篇），一共分為上篇和下篇。在我們在做設(shè)計(jì)中時(shí)往往遇到文字該怎麼進(jìn)行設(shè)計(jì)才好看或者更搭配。每個(gè)

　　今天UI設(shè)計(jì)培訓(xùn)老師教你文字編排（下篇），一共分為上篇和下篇。在我們在做設(shè)計(jì)中時(shí)往往遇到文字該怎麼進(jìn)行設(shè)計(jì)才好看或者更搭配。每個(gè)UI設(shè)計(jì)者都遇到過(guò)這樣的問(wèn)題，今天咱們就來(lái)說(shuō)說(shuō)怎麼設(shè)計(jì)得體。
UI設(shè)計(jì)培訓(xùn)教你文字編排
        6.字間距-使用場(chǎng)景（字體）
　　不同的字體結(jié)構(gòu )也都不同，中文的無(wú)襯線(xiàn )體要比襯線(xiàn )體更粗獷佔得位置也會(huì)更多一些，就導(dǎo )致字與字的距離會(huì)小一些，這種情況下就不能過(guò)多的減少字間距了，越縮減就越緊湊就會(huì)影響閱讀。相反襯線(xiàn )體的周圍間距要顯得大一些，這時(shí)可以適當(dāng)縮減一些行間距，給讀者一種舒適的閱讀體驗(yàn)。
　　接下來(lái)看一下中英字體測(cè)試，中文襯線(xiàn )體/無(wú)襯線(xiàn )體，英文襯線(xiàn )體/無(wú)襯線(xiàn )體，字體、字形和字號(hào)的不同字間距也不盡相同。由於中文字體與英文字體結(jié)構(gòu )不同，在處理英文的無(wú)襯線(xiàn )體時(shí)，粗獷的線(xiàn )條會(huì)增加的行的寬度，這時(shí)候可以多縮減一些間距，讓它與其他文本之間保持視覺的平衡。
　　7.了解行長(zhǎng)
　　接下來(lái)講下行長(zhǎng)。因為受不同語言、字體、字形和字號(hào)的影響，行長(zhǎng)也會(huì)不盡相同，所以就沒有辦法一次涵蓋的講完，只能針對(duì)幾種常用字體和字號(hào)來(lái)進(jìn)行講解。由於篇幅的原因就不能講的非常細(xì)了，主要還是以微軟雅黑來(lái)做示例，微軟雅黑也都是頁(yè)面中比較常用的字體，理解了行長(zhǎng)的基礎(chǔ)規(guī)則 – 不同語言、字體、字形和字號(hào)，行長(zhǎng)也不盡相同，接下來(lái)往下細(xì)講一下。
　　8.行長(zhǎng)規(guī)定（重點(diǎn)知識）
　　行的長(zhǎng)度也是有一定的規(guī)定的，正文的行長(zhǎng)在頁(yè)面設(shè)計(jì)中的最大長(zhǎng)度不能超過(guò)110個(gè)字符，而標(biāo)題的行長(zhǎng)在頁(yè)面設(shè)計(jì)中的最大長(zhǎng)度最好保持在60個(gè)字符以下。中文一個(gè)字佔兩(liǎng)個(gè)字符，英文一個(gè)字佔一個(gè)字符。但有時(shí)候吧由於頁(yè)面柵格較寬，行長(zhǎng)最大長(zhǎng)度也可以不超過(guò)120個(gè)字符，但像行長(zhǎng)佔滿(mǎn)一個(gè)柵格的寬度，這種情況是不允許的。行長(zhǎng)過(guò)長(zhǎng)易讀性就會(huì)變差，讀者閱讀一行時(shí)容易串行，換(huàn)行時(shí)由於上一行末尾與下一行開(kāi)頭之間距離過(guò)長(zhǎng)就會(huì)造成閱讀困難，不易閱讀等難題。
　　9.中文-微軟雅黑（字號(hào)16）
　　理解了行長(zhǎng)的基礎(chǔ)概念和行長(zhǎng)的規(guī)定，就要根據(jù)指定字體和字號(hào)進(jìn)行講解。行的長(zhǎng)度不一定就是整整一行，也會(huì)按照需求劃(huà)分為不同的段組。像新聞頁(yè)啊就需要比較小的段組，頁(yè)面過(guò)長(zhǎng)可以劃(huà)分為兩(liǎng)個(gè)段組，一般在頁(yè)面中較為常見(jiàn)的就是以標(biāo)題加一個(gè)段組的形式進(jìn)行排版的。
　　10.微軟雅黑（字號(hào)12）
　　字號(hào)越小行長(zhǎng)就越小，中文字體12號(hào)字更適用於比較傳統(tǒng)的企業(yè)網(wǎng)站中，柵格控制在1000px以內(nèi)，顯示效果最理想。
　　11.不同字號(hào)在柵格中展示
　　本身是想簡(jiǎn)單講一下行間距的，結(jié)果行間距講的有點(diǎn)多了，行長(zhǎng)的知識需要其他的知識做鋪墊，不理解柵格的差別沒法講了，但又由於篇幅過(guò)長(zhǎng)的問(wèn)題導(dǎo )致現(xiàn)在也沒法講太細(xì)了。我最近工作被迫有些變動(dòng)打算開(kāi)網(wǎng)課，這部分知識也會(huì)在課程裡進(jìn)行詳細(xì)的補充吧。
　　今天所講到的這些技巧都是UI設(shè)計(jì)培訓(xùn)老師的親身經(jīng)歷，我希望，我寫(xiě)的這些技巧能夠給大家帶來(lái)一些幫助。如果還有什麼疑問(wèn)請聯(lián)繫奇酷老師，我們將竭誠(chéng)為你解答。