網(wǎng)站設(shè)計中排版的最佳方法

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

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

1.標(biāo)題

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

2.內(nèi)容

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

3.有趣的筆記

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

4.背景資料

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

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

至少就在線頭條新聞而言，趨勢越大越好。 當(dāng)前標(biāo)題的字體大小為38像素。 自Smashing Magazine于2009年進行最后一項研究以來，它實際上增加了10個像素！ 顯然，為了吸引主要閱讀標(biāo)題的用戶，越來越多的網(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)題是不同的野獸，因此文本的典型字體大小要小得多也就不足為奇了。 但是，即使對于主副本，也存在一個事實：字體大小的總體趨勢正在變大。 在這項研究中，幾乎相同數(shù)量的網(wǎng)站使用14和16像素進行文本復(fù)制。 與Smashing Magazine在2009年進行的網(wǎng)絡(luò)發(fā)布研究相比，這明顯增加了兩個像素的大小，因為當(dāng)時大多數(shù)網(wǎng)站僅使用12和14像素進行文本復(fù)制。 同樣，BootstrapBay的博客是與時俱進的印刷好實踐的好示例：我們使用16像素作為博客文本的副本。 標(biāo)題與正文字體大小的最常用比率（如果經(jīng)常重復(fù)）為2.5。 基本上，您需要獲取標(biāo)題的像素大小，然后將其除以正文副本的像素大小即可獲得所有重要比例。

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

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

廣告

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