網(wǎng)站設(shè)計(jì)排版兩種:宏觀(guān)和微觀(guān)

2023-03-27    分類(lèi): 網(wǎng)站設(shè)計(jì)

網(wǎng)頁(yè)排版研究和工作,再怎么強(qiáng)調(diào)都不為過(guò)。
在我們看來(lái),之所以更多用戶(hù)選擇公眾號(hào)、自媒體,而舍棄網(wǎng)站、網(wǎng)頁(yè),除過(guò)技術(shù)發(fā)展、習(xí)慣、流行等問(wèn)題之外,一個(gè)相關(guān)的因素就是排版。普遍上看,微信公眾號(hào)運(yùn)營(yíng)比網(wǎng)站運(yùn)營(yíng),更注重排版。
所以,網(wǎng)頁(yè)排版,有進(jìn)一步改進(jìn)和優(yōu)化的空間。
網(wǎng)頁(yè)設(shè)計(jì)的排版,大體上可以分為兩類(lèi):微觀(guān)層面的排版和宏觀(guān)層面的排版。
排版的分類(lèi)
所謂微觀(guān)層面的排版,就是針對(duì)單個(gè)字體的排版,包括字體的選擇、字號(hào)、字體裝飾、字間距、字?jǐn)?shù)等等。
所謂宏觀(guān)層面的排版,指的就是一整段文字或者整篇文章的布局,以及與整個(gè)網(wǎng)站主體、顏色、背景、格局、構(gòu)架的關(guān)系。
微觀(guān)層面的排版,目的是為了提高訪(fǎng)客的易讀性。例如,如果字號(hào)過(guò)小、間距過(guò)密,用戶(hù)讀起來(lái)就比較困難,甚至連看都不想看。
宏觀(guān)層面的排版,目的是為了提高網(wǎng)頁(yè)的美觀(guān)和審美性,例如,安排以適當(dāng)?shù)亩伍g距,可以讓整個(gè)網(wǎng)頁(yè)看起來(lái)大氣、協(xié)調(diào)。
可讀性是指讀者可以輕松地閱讀一篇文章或一個(gè)網(wǎng)頁(yè)。易讀性是不同的,它指的是一個(gè)單詞中字形的間距和排列,以及它是否容易被識(shí)別?,F(xiàn)在,讓我們來(lái)看看設(shè)計(jì)師目前使用的兩種不同的技術(shù),以創(chuàng)建和諧且可讀的web頁(yè)面。
宏觀(guān)排版:增加網(wǎng)頁(yè)的可讀性
愿意去讀,就是可讀性。網(wǎng)頁(yè)的宏觀(guān)排版,包括如下內(nèi)容:
頁(yè)邊距:添加頁(yè)邊距有助于構(gòu)建web頁(yè)面的內(nèi)容。通過(guò)添加邊距,可以定義從文本到web頁(yè)面其他元素的距離。圍繞文本的空白空間有助于創(chuàng)建與文本和環(huán)境的關(guān)系。邊距也可以幫助創(chuàng)造一種和諧的整體設(shè)計(jì)感。
例如,如果內(nèi)容放置在兩列之間,空白分隔內(nèi)容。頁(yè)邊距的放置方式允許讀者輕松地閱讀左右欄中的內(nèi)容。分隔兩者的空間有助于定義列與布局的總體設(shè)計(jì)之間的關(guān)系。還可以直觀(guān)地設(shè)置頁(yè)邊距,只需移動(dòng)足夠的距離,就可以讓閱讀變得舒適。
要?jiǎng)?chuàng)建和諧的web頁(yè)面,必須注意文本與元素形狀之間的比例。
微觀(guān)排版:增加網(wǎng)頁(yè)易讀性
所以易讀性,就是閱讀更加容易,效率更高。微觀(guān)排版,包括如下內(nèi)容:
字體的選擇。 在選擇字體時(shí),要注意整體的可讀性,其次是風(fēng)格和感覺(jué)上的細(xì)微差別。標(biāo)題和副標(biāo)題將用戶(hù)吸引到文本中,因此選擇正確的字體樣式非常重要,因?yàn)樗鼮檎麄€(gè)布局設(shè)置了基調(diào)。
對(duì)比。對(duì)比在排版和網(wǎng)頁(yè)設(shè)計(jì)中扮演著重要的角色。把文本放在對(duì)比度高的背景上有助于提高可讀性。白色背景上的深灰色文本,這是增強(qiáng)web內(nèi)容可讀性的經(jīng)典設(shè)計(jì)。
字體大小。字體大小通常是在邊距和寬度設(shè)置好之后選擇的。指導(dǎo)原則通常表明每行大約8-12個(gè)單詞是標(biāo)準(zhǔn)的行長(zhǎng)。這將確保為用戶(hù)提供愉快的閱讀體驗(yàn),并幫助他輕松地閱讀內(nèi)容。
行高。行高通常是在設(shè)置好行長(zhǎng)后選擇的。行長(zhǎng)越長(zhǎng),行高越高,反之亦然。您可以將行高設(shè)置為瀏覽器默認(rèn)值,因?yàn)檫@將確保它與元素的字體大小成正比。

網(wǎng)頁(yè)題目:網(wǎng)站設(shè)計(jì)排版兩種:宏觀(guān)和微觀(guān)
文章網(wǎng)址:http://www.muchs.cn/news/247933.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

外貿(mào)網(wǎng)站建設(shè)