環(huán)顧互聯(lián)網(wǎng)，注意排版如何在各個(gè)方面主導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)。 畢竟，有95％的網(wǎng)頁(yè)設(shè)計(jì)布局是有原因的。 當(dāng)您考慮它時(shí)，這是一個(gè)有意義的世界。 互聯(lián)網(wǎng)是關(guān)于內(nèi)容的，內(nèi)容是指文字和文字。 這意味著排版。 精明的Web設(shè)計(jì)師知道這一點(diǎn)，并將投入大量的思考和思考，以便在他正在工作的任何網(wǎng)站上正確排版。 為了使該類型既實(shí)用又吸引讀者，他在計(jì)劃站點(diǎn)的信息體系結(jié)構(gòu)時(shí)必須考慮許多不同的因素。 哪種字體最容易閱讀？ 哪些字體易于讀者瀏覽？ 清晰字體呢？

由于所有這些問(wèn)題和考慮因素，第一次嘗試在網(wǎng)站上釘上字體并不容易。 但是我們搜索了互聯(lián)網(wǎng)，發(fā)現(xiàn)Smashing Magazine的這項(xiàng)開(kāi)創(chuàng)性研究已成為當(dāng)前好的排版實(shí)踐，至少令人大開(kāi)眼界。 我們對(duì)這些數(shù)據(jù)進(jìn)行了深入研究。 在本期高端網(wǎng)站創(chuàng)新互聯(lián)設(shè)計(jì)公司中，我們?yōu)槟榻B了網(wǎng)站設(shè)計(jì)中的排版好實(shí)踐。

1.標(biāo)題

可以說(shuō)，網(wǎng)站副本中的標(biāo)題非常重要，因?yàn)榱钊司趩实难芯勘砻?，大多?shù)人只在Internet上閱讀該標(biāo)題。 如果用戶的行為使許多讀者不喜歡該文本，則必須使標(biāo)題的字體特別醒目，以吸引他們的注意力并說(shuō)服他們進(jìn)一步閱讀。 根據(jù)前面提到的Smashing Magazine從2013年開(kāi)始的研究，標(biāo)題幾乎是無(wú)襯線字體和襯線字體之間的鏈接，其中51％的標(biāo)題使用無(wú)襯線字體，超過(guò)47％的標(biāo)題使用襯線字體。 近年來(lái)，襯線字體變得越來(lái)越流行，主要是因?yàn)槿藗冋J(rèn)為襯線字體在頭條新聞中脫穎而出，并為站點(diǎn)訪問(wèn)者提供了一種易讀的結(jié)構(gòu)。 就受歡迎程度而言，標(biāo)題的兩種最受歡迎的襯線字體是Georgia和Chaparral Pro，而標(biāo)題的兩種最受歡迎的sans-serif字體是Arial和Freight Sans Pro。 盡管您當(dāng)然可以在網(wǎng)站上使用自己的字體測(cè)試標(biāo)題，但請(qǐng)注意，這些字體的受歡迎程度是由于讀者的積極反饋。

2.內(nèi)容

即使內(nèi)容閱讀的人數(shù)少于頁(yè)面上實(shí)際標(biāo)題和標(biāo)題的人數(shù)，網(wǎng)站的主體也構(gòu)成了內(nèi)容的最重要部分。 與標(biāo)題中Sans和Sans-Serif字體之間的緊密聯(lián)系不同，襯線是文本復(fù)制中的明顯贏家。 根據(jù)同一項(xiàng)研究，多達(dá)61.5％的網(wǎng)站在文本中使用襯線字體，但是只有36.5％的無(wú)關(guān)緊要的網(wǎng)站使用無(wú)襯線字體。 讓我們看看它是如何進(jìn)一步細(xì)分的。 用于正文的最常用襯線字體是Georgia和Chaparral Pro，它們幾乎可以反映標(biāo)題的比例。 在sans-serif的前端，用于文本復(fù)制的最常用的sans-serif字體是Arial和Helvetica。

3.有趣的筆記

值得注意的是，該研究還確定了當(dāng)前的大多數(shù)網(wǎng)站都沒(méi)有使用任何標(biāo)準(zhǔn)字體作為其主要字體。 在該研究中，大約有39％的文本和66％的網(wǎng)站未使用標(biāo)準(zhǔn)字體。 這一令人驚訝的發(fā)現(xiàn)的一種理論是，像Fontdeck和Typekit這樣的服務(wù)以獨(dú)特且前所未有的方式將品牌與競(jìng)爭(zhēng)對(duì)手區(qū)分開(kāi)來(lái)。 這是所有這些內(nèi)容的要點(diǎn)，是的，您可以放心地使用它并選擇一種“不具威脅性”的標(biāo)準(zhǔn)字體，但是許多網(wǎng)站都大膽反對(duì)這樣做。 他們發(fā)現(xiàn)，只要他們的網(wǎng)站訪問(wèn)者和讀者不會(huì)損害網(wǎng)站的用戶體驗(yàn)，他們就會(huì)非常喜歡非常規(guī)字體。

4.背景資料

不用說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)中流行的背景是可以與文本形成鮮明對(duì)比的任何顏色。 這自然使站點(diǎn)訪問(wèn)者更容易更有效地閱讀副本，從而提高了可讀性。Smashing Magazine的研究發(fā)現(xiàn)，大多數(shù)網(wǎng)站都喜歡暗光布局。 這意味著淺色背景上的深色文字。 但是，當(dāng)前要指出的打印狀態(tài)真正重要的一點(diǎn)是，降低了暗光設(shè)置的粗糙度。 例如，某些網(wǎng)站正試圖在深灰色米色背景上使用文本。 在這種方案中，對(duì)比度不是很明顯，但是它仍然為閱讀器提供了舒適的閱讀體驗(yàn)，有助于輕松掃描每一行。 毫不奇怪，在復(fù)制文本時(shí)，在白色背景上使用黑色文本的最喜歡的方法仍然是黃金標(biāo)準(zhǔn)。 黑白效果除了因清晰的對(duì)比而易于閱讀外，還可以追溯到報(bào)紙上的經(jīng)典色彩格式，這也解釋了其在互聯(lián)網(wǎng)文本中的廣泛流行。

5.標(biāo)題的字體大小

至少就在線頭條新聞而言，趨勢(shì)越大越好。 當(dāng)前標(biāo)題的字體大小為38像素。 自Smashing Magazine于2009年進(jìn)行最后一項(xiàng)研究以來(lái)，它實(shí)際上增加了10個(gè)像素！ 顯然，為了吸引主要閱讀標(biāo)題的用戶，越來(lái)越多的網(wǎng)站不得不訴諸增加標(biāo)題像素的大小。 如果您感到好奇，BootstrapBay的博客使用Roboto字體作為標(biāo)題，標(biāo)題為28像素，標(biāo)題為24像素，文本為16像素。 但是，應(yīng)該注意的是，標(biāo)題中最常用的字體大小是20到32像素，這使BootstrapBay的博客命中率處于受歡迎狀態(tài)的中間。

6.文字的字體大小

文本和標(biāo)題是不同的野獸，因此文本的典型字體大小要小得多也就不足為奇了。 但是，即使對(duì)于主副本，也存在一個(gè)事實(shí)：字體大小的總體趨勢(shì)正在變大。 在這項(xiàng)研究中，幾乎相同數(shù)量的網(wǎng)站使用14和16像素進(jìn)行文本復(fù)制。 與Smashing Magazine在2009年進(jìn)行的網(wǎng)絡(luò)發(fā)布研究相比，這明顯增加了兩個(gè)像素的大小，因?yàn)楫?dāng)時(shí)大多數(shù)網(wǎng)站僅使用12和14像素進(jìn)行文本復(fù)制。 同樣，BootstrapBay的博客是與時(shí)俱進(jìn)的印刷好實(shí)踐的好示例：我們使用16像素作為博客文本的副本。 標(biāo)題與正文字體大小的最常用比率（如果經(jīng)常重復(fù)）為2.5。 基本上，您需要獲取標(biāo)題的像素大小，然后將其除以正文副本的像素大小即可獲得所有重要比例。

網(wǎng)站欄目：網(wǎng)站設(shè)計(jì)中排版的最佳方法
本文鏈接：http://jinyejixie.com/news4/142804.html

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

廣告

聲明：本網(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)