網(wǎng)頁(yè)設(shè)計(jì)中如何應(yīng)用正確的字體

2023-10-09    分類: 網(wǎng)站建設(shè)

從正文開(kāi)始并將其設(shè)置為默認(rèn)大小1em,在大多數(shù)瀏覽器中計(jì)算為 16 像素。使用相對(duì)單位,然后按比例放大字體大小和理想情況下的布局,并在更大的視口上放大,因?yàn)槲覀兛梢约僭O(shè)觀眾離得更遠(yuǎn)。

字體的好壞取決于它的設(shè)置。您可以為您的網(wǎng)頁(yè)或應(yīng)用程序設(shè)計(jì)選擇好的字體,并且在將字體設(shè)置得如此之小或以其他不合適的方式進(jìn)行設(shè)置時(shí),仍然可以大放異彩(雙關(guān)語(yǔ))。在設(shè)置文本時(shí),排版的三位一體是:字體大小,行高(或前導(dǎo)),和線長(zhǎng)(或測(cè)量)。這三個(gè)參數(shù)彼此密切相關(guān),如果您的文本容易閱讀,就會(huì)產(chǎn)生影響。所以在調(diào)整字體大小時(shí),其他參數(shù)也可能會(huì)隨之調(diào)整。我總是從選擇合適的字體開(kāi)始,然后設(shè)置合適的字體大小,然后注意行長(zhǎng)和行高。

與選擇合適的字體一樣,問(wèn)問(wèn)自己,您的文本的主要用途是什么?它是一種長(zhǎng)閱讀格式嗎,比如博客?然后正文是您節(jié)目的明星。它是一個(gè)投資組合還是一個(gè)更具營(yíng)銷意義的炫耀網(wǎng)站?然后顯示文本開(kāi)始發(fā)揮作用。它是具有非常短的準(zhǔn)確信息的應(yīng)用程序或 UI,那么功能性文本是您的主要角色。以下是我在項(xiàng)目中使用的值。將它們用作有用的指南。顯示文本,如標(biāo)題或拉引號(hào),設(shè)置得更大。理想情況下,正文應(yīng)該圍繞瀏覽器默認(rèn)設(shè)置。功能性文本可以稍微小一些。

文章主體默認(rèn)值:16px或1em,在移動(dòng)設(shè)備上:使用默認(rèn)值,有時(shí)會(huì)縮小 10%,在桌面上:向上直到24px或1.5em。我看到很多網(wǎng)站將正文設(shè)置得太小。在視頻中,我展示了一個(gè)酒店網(wǎng)站的可怕示例,其中正文文本在桌面上僅設(shè)置為 11 像素,這很荒謬。即使是移動(dòng)設(shè)備,它也太小了。

顯示文本(標(biāo)題 1)默認(rèn)值:40px或2.5em對(duì)于

,移動(dòng)設(shè)備:32px或2em更小,因?yàn)樗加昧颂嗫臻g,在桌面上:向上直到64px或4em。
我將其用作字體大小的大值。對(duì)于其他標(biāo)題,您可以選擇介于兩者之間的一些值,這些值仍將創(chuàng)建視覺(jué)層次結(jié)構(gòu)。在大多數(shù)情況下,您只需要將您的樣式設(shè)置

. 將

可能在一個(gè)更大膽的重量或不同的字體大小相同的正文,而是集,所以它仍然站出來(lái)作為標(biāo)題。

功能性文本(標(biāo)題、導(dǎo)航)默認(rèn)值:12pxto14px或0.75emto0.875em,在移動(dòng)設(shè)備上:不要低于默認(rèn)值,它已經(jīng)很小,在桌面上:上升到16px或1em。此文本可以小于正文文本。這是因?yàn)榉駝t您將很難將其融入您的設(shè)計(jì)中。不過(guò),它應(yīng)該仍然可讀。這里的一個(gè)提示是使用稍強(qiáng)的重量(如中等)并增加跟蹤(1% 或 0.01em)。

網(wǎng)站題目:網(wǎng)頁(yè)設(shè)計(jì)中如何應(yīng)用正確的字體
當(dāng)前鏈接:http://www.bm7419.com/news8/284958.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司網(wǎng)站設(shè)計(jì)、做網(wǎng)站外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站