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

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

1.標題

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

2.內容

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

3.有趣的筆記

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

4.背景資料

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

5.標題的字體大小

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

6.文字的字體大小

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

分享文章：網站設計中排版的最佳方法
本文來源：http://jinyejixie.com/news/142804.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站收錄、服務器托管、網站設計、網站導航、云服務器、Google

廣告

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