時間:2024-03-07 06:45作者:下載吧人氣:23
影響文字外觀的因素無外乎是字體,字號,對齊方式,樣式,字間距,行高,行寬。
(一)字體 font-family
字體有:字庫字體和創意字。
字庫字體分:襯線字體和無襯線字體。
襯線字體有設計感和裝飾感,一般用于正文,對于英文字母筆畫末端的裝飾線有助于引導讀者的視線。
無襯線字體簡約時尚,不帶感情色彩,一般用于標題。
最受歡迎的字體:Georgia Arial Verdana Lucida Helvetica Times New Roman
網頁常用中文字體:微軟雅黑 黑體 宋體 <h1 style="font-family:Microsoft YaHei,SimHei,SimSun";>
IOS7系統的默認字體:helvetica neue LT Heiti SC(中文字體)
安卓系統的默認字體:DroidSansFallback ,效果類似微軟雅黑
注:1我們只能控制輸入端,不能控制輸出,對于window系統下的IE6瀏覽器一般用戶只有宋體,且渲染出來很屎,樓主不知如何解決。
2字體抗鋸齒技術:目前較實用的是CSS3中的font-smooth和@font-face新特性。
創意字:是在原有字庫字體的基礎上做變化,一般用于logo和海報,在界面上以圖片的方式呈現。
方式:ps:在字體圖層上右鍵選擇“轉化為圖形”—點擊“轉換點工具”更改文字錨點。如下圖
AI:點擊字體右鍵“創建輪廓”-更改錨點,如下圖
(二)字號 font-size
利用字體大小制造對比是文字排版中常見的手法。表現視覺沖擊力,表現層級關系。
標題字號:一般為18~29px
正文字號:一般為12~14px,13px最佳
標題B和正文Z的最佳比例為:B=2Z
(三)對齊方式 text-align
原則:確保字行邊緣保持平整,不要擾亂讀者視線。
一般在CSS中無法自動控制,需要手動調整。
(四)樣式
這里把顏色,陰影,漸變,抗鋸齒預設等統稱在樣式里,一般會用不同的樣式表強調,因為沒有過多的規范,所以不贅述。
值得一提的是在網頁設計中經常把正文字體設為宋體 12pt 抗鋸齒預設為:無
(五)字間距 word-spacing letter-spacing
(六)行高 line-height
行高也受字體,字號,字體粗細,字體樣式,行寬,字間距等的影響。
一般 行高=字號大小+2~5px
行高/正文字號=1.5
(七)行寬 max-width
太長會疲勞,太短會分散注意力。一般一行字的字數為40~80,65最佳
一般:行高/行寬=28
網友評論