中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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

2022-01-11    分類: 網(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ù)進(jìn)行了深入研究。 在本期高端網(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ìn)一步閱讀。 根據(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)站使用無襯線字體。 讓我們看看它是如何進(jìn)一步細(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年進(jìn)行最后一項研究以來,它實際上增加了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像素進(jìn)行文本復(fù)制。 與Smashing Magazine在2009年進(jìn)行的網(wǎng)絡(luò)發(fā)布研究相比,這明顯增加了兩個像素的大小,因為當(dāng)時大多數(shù)網(wǎng)站僅使用12和14像素進(jìn)行文本復(fù)制。 同樣,BootstrapBay的博客是與時俱進(jìn)的印刷好實踐的好示例:我們使用16像素作為博客文本的副本。 標(biāo)題與正文字體大小的最常用比率(如果經(jīng)常重復(fù))為2.5。 基本上,您需要獲取標(biāo)題的像素大小,然后將其除以正文副本的像素大小即可獲得所有重要比例。

網(wǎng)站欄目:網(wǎng)站設(shè)計中排版的最佳方法
本文鏈接:http://m.rwnh.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)

微信小程序開發(fā)
河源市| 资源县| 琼中| 夏河县| 福贡县| 台南县| 潍坊市| 花莲县| 皋兰县| 昌都县| 曲阜市| 富川| 札达县| 洛川县| 潍坊市| 五家渠市| 万宁市| 丰台区| 绥化市| 襄垣县| 阳曲县| 吴江市| 锡林郭勒盟| 福州市| 海城市| 姜堰市| 上高县| 景洪市| 常州市| 河南省| 都兰县| 长宁县| 若羌县| 新田县| 贺兰县| 沂南县| 普安县| 额济纳旗| 遵义县| 三亚市| 奈曼旗|