用戶界面設(shè)計(jì)第1415課字體排版

字體與排版1常用分類襯線字體（宋體）：筆畫開始、結(jié)束的地方有額外的裝飾，而且筆畫的粗細(xì)有所不同。襯線體粗細(xì)不同（可讀性更佳）。2非襯線字體（黑體）沒有額外的裝飾，而且筆畫的粗細(xì)差不多。簡潔、時(shí)尚、輕松休閑、干凈。筆畫對(duì)比較弱，不及襯線字體。3結(jié)構(gòu)特征單體字：一個(gè)偏旁單獨(dú)構(gòu)成的字。合體字：兩個(gè)或兩個(gè)以上偏旁組合成的字。4平衡/杠桿原理5了解字體的結(jié)構(gòu)和字體的特性6單行文字排版的橫向韻律：根據(jù)字體的粗細(xì)設(shè)定節(jié)點(diǎn)的粗細(xì)和排布疏密，就能產(chǎn)生輕重緩急高低錯(cuò)落的節(jié)奏感和韻律感7多行文字排版的縱向韻律：根據(jù)單行文字的長短和字體的粗細(xì)產(chǎn)生節(jié)奏和韻律8全部大寫是平緩穩(wěn)重的韻律，如圖(C-02)采用大小寫，則產(chǎn)生了高低起伏的韻律，而因?yàn)楣?jié)點(diǎn)比之左邊文字節(jié)點(diǎn)要細(xì)，所以會(huì)顯得活潑一些。91011移動(dòng)端字體準(zhǔn)則字號(hào)顏色粗細(xì)大小寫斜體字母間距空白12寬松行距、緊湊行距行距是行之間的空間，行距太緊湊，會(huì)讓視線難以從行尾掃視到下一行首。行距太寬松，字間距會(huì)開始形成隊(duì)列，產(chǎn)生了我們通常意義上的河流，阻斷了行的視覺流。13設(shè)計(jì)中只使用1-2個(gè)字體樣式，而在品牌字有明確的規(guī)范的情況下，只需要一種字體貫穿全文，通過對(duì)字體放大來強(qiáng)調(diào)重點(diǎn)文案；不同的樣式的字體，形狀或系列最好相同，保證字體風(fēng)格的一致性；字體與背景的層次要分明,確保字體樣式與色調(diào)氣氛相匹配144.避免使用不清晰的字體，否則容易使人產(chǎn)生反感和麻煩；155.切記一定要按照正常的閱讀順序來排版，如果順序混亂，是會(huì)對(duì)閱讀效果造成影響的。5.16617案例18可以把所有的文字樣式分成兩類：19增強(qiáng)可讀性的樣式：大字號(hào)、粗體、大寫等；減弱可讀性的樣式：小字號(hào)、與背景對(duì)比不明顯、空白較少等。20標(biāo)題是唯一需要全部強(qiáng)調(diào)的元素，其它的部分則應(yīng)該將強(qiáng)調(diào)與弱化結(jié)合使用。21如果網(wǎng)頁上某個(gè)元素需要強(qiáng)調(diào)，把強(qiáng)調(diào)和弱化結(jié)合在一起，可以避免整個(gè)頁面看起來太有壓迫感，同時(shí)又讓各個(gè)元素的呈現(xiàn)效果恰到好處。222324252627282930用色彩變化，對(duì)比凸出你的重點(diǎn)。31用大小變化，對(duì)比凸出你的重點(diǎn)。3233高級(jí)字體設(shè)計(jì)案例34353637替代法38尖角法39斷指法40錯(cuò)落擺放41方方正正42橫細(xì)豎粗43隨意手寫4445排版將文字、圖片、線條、色塊等截面元素在一個(gè)有限的空間中組合排列461.縱向排列法47還可以這樣48492.放射性排列法5051523.圓圈排列法5354554.偶發(fā)性排列法5657585.網(wǎng)格排列法59606.非正式排列法61627.模塊式排列63648.對(duì)稱排列法6566黃金分割676869三分法（井字構(gòu)圖）7071727374757677水平構(gòu)圖法所有文字均以網(wǎng)格內(nèi)的水平分割線為，進(jìn)行排列分布781.最長條文字在網(wǎng)格的最上面排布79802.最長條文字在網(wǎng)格的最下面排布81822.最長條文字在網(wǎng)格的中部排布83848586垂直構(gòu)圖法有選擇性的將文字以網(wǎng)格內(nèi)的垂直分割線為基準(zhǔn)，進(jìn)行排列分布。87案例8889909192位置9