激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

產(chǎn)品設(shè)計(jì)中，如何“玩轉(zhuǎn)”字體(入門篇)

發(fā)布時(shí)間：2024-01-24 19:21:55 瀏覽量：208次

在產(chǎn)品設(shè)計(jì)中，文字是最基礎(chǔ)也最主要的信息。

但很多初級(jí)UI設(shè)計(jì)師在文字設(shè)計(jì)上會(huì)遇到一些問題，比如頁(yè)面發(fā)灰、重點(diǎn)信息不突出、不知道怎么選擇合適的字體等等。

如何快速準(zhǔn)確地將信息傳達(dá)給用戶是設(shè)計(jì)的首要目標(biāo)，保持界面信息呈現(xiàn)的清晰度是設(shè)計(jì)師必須具備的重要能力之一。

而根據(jù)產(chǎn)品類型、人群、氣質(zhì)的不同選擇合適的字體搭配則是錦上添花的事情。

那么接下來(lái)，我會(huì)將全文拆解為兩個(gè)部分來(lái)講解——如何在產(chǎn)品設(shè)計(jì)中更好的運(yùn)用字體這個(gè)元素。


一、影響字體的三個(gè)要素

這三個(gè)要素分別是：


1.字體選擇

2.字號(hào)及行間距

3.字重


/字體選擇-襯線字體&無(wú)襯線字體


  • 襯線字體


襯線字體有點(diǎn)像用鋼筆寫字，在字的筆畫開始、結(jié)束的地方有額外的裝飾，筆畫的粗細(xì)會(huì)有所變化，給人古典、優(yōu)雅的情緒感受。


常見的襯線字體有宋體、楷體、serif等。



  • 無(wú)襯線字體


無(wú)襯線字體則是沒有額外的裝飾，整體筆畫粗細(xì)較為一致，給人現(xiàn)代、簡(jiǎn)約的視覺感受。


常見的無(wú)襯線字體有微軟雅黑、蘋方、Helvetica等。


/字號(hào)及行間距


為了確保用戶的閱讀體驗(yàn)，各平臺(tái)通常都會(huì)有最小字號(hào)的設(shè)計(jì)限制。


考慮到適老化、增強(qiáng)信息層級(jí)對(duì)比、設(shè)備清晰度等因素，字號(hào)可適當(dāng)放大，行高通常是字號(hào)的1.5-1.6倍，一切以客戶的觀測(cè)體驗(yàn)為主。


/字重


字重變化能夠有效改變信息層級(jí)，字體越粗，文字看起來(lái)越重，壓迫感越強(qiáng)；相反字體越細(xì)，文字看起來(lái)越輕。


但要注意！


大段的粗字可能會(huì)增強(qiáng)用戶的視覺負(fù)擔(dān)，因此，標(biāo)題字體通常采用粗字體進(jìn)行強(qiáng)調(diào)，而正文、大段描述文字通常采用常規(guī)字體。


通過合理的字重管理，能夠幫助我們構(gòu)建一個(gè)良好的信息層級(jí)呈現(xiàn)。


二、字體在UI設(shè)計(jì)中的運(yùn)用場(chǎng)景


下面我們來(lái)看看字體的運(yùn)用場(chǎng)景：



/不同類型的產(chǎn)品中的字體


字體是象形文字演變過來(lái)的，具有表意功能，字體筆畫得粗細(xì)、曲直、疏密等特征不同，傳達(dá)出來(lái)的視覺美感也不同，選擇合適的字體能夠?yàn)樵O(shè)計(jì)起到事半功倍的效果。


比如筆畫粗的字體渾厚、有力、壓迫感強(qiáng)，起強(qiáng)調(diào)作用，適合男性、運(yùn)動(dòng)等類型的產(chǎn)品；筆畫細(xì)的字體輕盈、簡(jiǎn)潔、單薄，讓人輕松舒適，適合女性、文藝等類型產(chǎn)品；筆畫隨意和零散的字體看起來(lái)活潑好動(dòng)、可愛，適合兒童類等。


下面我們以不同行業(yè)的文字來(lái)舉例。


金融行業(yè)產(chǎn)品


以金融行業(yè)為例，設(shè)計(jì)上追求簡(jiǎn)潔、高效，因此，適合采用無(wú)襯線字體進(jìn)行設(shè)計(jì)。金額等數(shù)據(jù)通常需要重點(diǎn)突出，可采用特殊字體進(jìn)行強(qiáng)調(diào)。


在字形上，選擇中性、簡(jiǎn)潔的字體，顯得干脆利落，突出專業(yè)性。


少兒、社交產(chǎn)品


而少兒、社交類產(chǎn)品，更加注重親和力的表現(xiàn)，希望拉近與用戶之間的距離。因此，字體選擇上會(huì)更加偏向于圓潤(rùn)、飽滿。


運(yùn)動(dòng)類產(chǎn)品


運(yùn)動(dòng)類產(chǎn)品需要突出力量感。因此，字形上通常選擇偏硬朗的字體，顯得干脆利落。


增強(qiáng)字重，強(qiáng)化字體的個(gè)性，也可以視情況對(duì)字體做傾斜處理，體現(xiàn)運(yùn)動(dòng)的動(dòng)感與速度。


閱讀/歷史類產(chǎn)品


閱讀類、歷史類產(chǎn)品為了烘托氣氛有時(shí)也會(huì)采用特殊襯線字體進(jìn)行設(shè)計(jì)，這是因?yàn)樵趥鹘y(tǒng)的正文印刷中，襯線字體能帶來(lái)更佳的閱讀感受，而且也能烘托產(chǎn)品的文藝、復(fù)古氣質(zhì)。


當(dāng)然，由于襯線字體在數(shù)字產(chǎn)品端的可閱讀性較弱于無(wú)襯線字體，所以大多產(chǎn)品在使用襯線字體時(shí)，通常只用在標(biāo)題處，而正文、長(zhǎng)段文本仍然采用無(wú)襯線字體。


不僅是在整個(gè)產(chǎn)品設(shè)計(jì)，有時(shí)候針對(duì)一個(gè)產(chǎn)品的某個(gè)特殊板塊也可以采用特殊字體來(lái)進(jìn)行強(qiáng)調(diào)突出。


比如新聞資訊板塊、促銷板塊等，電商類產(chǎn)品為了突出促銷感也會(huì)采用粗斜體的特殊字體設(shè)計(jì)，因?yàn)樵谝曈X上，斜體與運(yùn)動(dòng)中的狀態(tài)相貼合，能夠給人“賣的快”的心理暗示。


由此可見，熟練掌握文字的氣質(zhì)與屬性，能夠在設(shè)計(jì)中更加游刃有余地處理界面中的信息，給人帶來(lái)更加良好的視覺體驗(yàn)。


三、總結(jié)


文字是界面中最主要的視覺元素，設(shè)計(jì)師通過對(duì)文字進(jìn)行不同形式的組合可以傳達(dá)不同的信息和情感，能夠確保用戶在產(chǎn)品使用過程中獲得良好的信息瀏覽體驗(yàn)。


因此，在實(shí)際運(yùn)用中，我提煉出了幾點(diǎn)注意事項(xiàng)：


  • 根據(jù)產(chǎn)品類型、產(chǎn)品氣質(zhì)選擇合適的字體；
  • 對(duì)信息進(jìn)行等級(jí)歸類；
  • 通過改變字體、字號(hào)、顏色、不透明度等方式對(duì)重點(diǎn)信息進(jìn)行突出，對(duì)非重點(diǎn)信息進(jìn)行弱化，確保有足夠的對(duì)比度；
  • 部分運(yùn)營(yíng)或特殊板塊可以采用特殊字體設(shè)計(jì)進(jìn)行突出；
  • 深色模式下需注意信息呈現(xiàn)的清晰度。


以上就是本次關(guān)于字體在產(chǎn)品設(shè)計(jì)中的一些總結(jié)經(jīng)驗(yàn)。


當(dāng)然，仍然需要設(shè)計(jì)師去根據(jù)實(shí)際情況隨機(jī)應(yīng)變、不斷打磨細(xì)節(jié)和優(yōu)化體驗(yàn)來(lái)吸引和留住用戶。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定