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

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