網(wǎng)頁排版研究和工作,再怎么強調(diào)都不為過。
在我們看來,之所以更多用戶選擇公眾號、自媒體,而舍棄網(wǎng)站、網(wǎng)頁,除過技術發(fā)展、習慣、流行等問題之外,一個相關的因素就是排版。普遍上看,微信公眾號運營比
網(wǎng)站運營,更注重排版。
所以,網(wǎng)頁排版,有進一步改進和優(yōu)化的空間。
網(wǎng)頁設計的排版,大體上可以分為兩類:微觀層面的排版和宏觀層面的排版。排版的分類
所謂微觀層面的排版,就是針對單個字體的排版,包括字體的選擇、字號、字體裝飾、字間距、字數(shù)等等。
所謂宏觀層面的排版,指的就是一整段文字或者整篇文章的布局,以及與整個網(wǎng)站主體、顏色、背景、格局、構架的關系。
微觀層面的排版,目的是為了提高訪客的易讀性。例如,如果字號過小、間距過密,用戶讀起來就比較困難,甚至連看都不想看。
宏觀層面的排版,目的是為了提高網(wǎng)頁的美觀和審美性,例如,安排以適當?shù)亩伍g距,可以讓整個網(wǎng)頁看起來大氣、協(xié)調(diào)。
可讀性是指讀者可以輕松地閱讀一篇文章或一個網(wǎng)頁。易讀性是不同的,它指的是一個單詞中字形的間距和排列,以及它是否容易被識別?,F(xiàn)在,讓我們來看看設計師目前使用的兩種不同的技術,以創(chuàng)建和諧且可讀的web頁面。宏觀排版:增加網(wǎng)頁的可讀性
愿意去讀,就是可讀性。網(wǎng)頁的宏觀排版,包括如下內(nèi)容:
頁邊距:添加頁邊距有助于構建web頁面的內(nèi)容。通過添加邊距,可以定義從文本到web頁面其他元素的距離。圍繞文本的空白空間有助于創(chuàng)建與文本和環(huán)境的關系。邊距也可以幫助創(chuàng)造一種和諧的整體設計感。
例如,如果內(nèi)容放置在兩列之間,空白分隔內(nèi)容。頁邊距的放置方式允許讀者輕松地閱讀左右欄中的內(nèi)容。分隔兩者的空間有助于定義列與布局的總體設計之間的關系。還可以直觀地設置頁邊距,只需移動足夠的距離,就可以讓閱讀變得舒適。
要創(chuàng)建和諧的web頁面,必須注意文本與元素形狀之間的比例。微觀排版:增加網(wǎng)頁易讀性
所以易讀性,就是閱讀更加容易,效率更高。微觀排版,包括如下內(nèi)容:
字體的選擇。 在選擇字體時,要注意整體的可讀性,其次是風格和感覺上的細微差別。標題和副標題將用戶吸引到文本中,因此選擇正確的字體樣式非常重要,因為它為整個布局設置了基調(diào)。
對比。對比在排版和
網(wǎng)頁設計中扮演著重要的角色。把文本放在對比度高的背景上有助于提高可讀性。白色背景上的深灰色文本,這是增強web內(nèi)容可讀性的經(jīng)典設計。
字體大小。字體大小通常是在邊距和寬度設置好之后選擇的。指導原則通常表明每行大約8-12個單詞是標準的行長。這將確保為用戶提供愉快的閱讀體驗,并幫助他輕松地閱讀內(nèi)容。
行高。行高通常是在設置好行長后選擇的。行長越長,行高越高,反之亦然。您可以將行高設置為瀏覽器默認值,因為這將確保它與元素的字體大小成正比。
新聞名稱:網(wǎng)站設計排版兩種:宏觀和微觀
當前鏈接:http://redsoil1982.com.cn/news33/247933.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)