網(wǎng)頁(yè)設計中字體排版規則知識
精美的排版總是會(huì )在網(wǎng)頁(yè)設計中添加許多元素。獨特的設計很棒,但是在許多情況下,根據前任設計師考慮的設計規則進(jìn)行設計會(huì )更加方便。 那么,如何使用成熟的規則創(chuàng )建令人驚嘆的網(wǎng)頁(yè)?在本文中,鄭州清新教育帶著(zhù)我們將基于此思想探索Web設計的可能性。
1,尺寸和圖層
尺寸尺寸可能是版式設計中最協(xié)調的元素。字體設計過(guò)大和不合適是不希望的,而字體小而難以閱讀則違反了基本的可用性需求。尺寸控制的最終目標可能是增加一個(gè)點(diǎn)太多,而減小一個(gè)英寸太小。
和層次結構是不可忽略的因素。易于閱讀的字體通常具有層次感,首先是查看標題,然后查看副標題,然后查看文本,然后引導用戶(hù)的是層次感。當理解內容的內容時(shí),字體和布局的級別是很自然的。
2,漢字字符,
中英文排版,字間距的概念簡(jiǎn)單易懂這是段落或句子中每個(gè)文本的固定間距,但是是英文字體排版仍然有單詞距離的概念,這在中文中幾乎是不可能使用的。從單詞到語(yǔ)音的移動(dòng)對應于某些字母組合之間的距離,例如當A和V在一起時(shí),調整兩者之間的八進(jìn)制距離似乎看起來(lái)很遠并且視覺(jué)上感覺(jué)異常。
控制整個(gè)文本的單詞間距。這使內容更易于閱讀,并使文本段落更緊密。語(yǔ)音合成在標題和顯示字體的設計中起著(zhù)重要作用,并且影響整體樣式。
3、控制字體的數量
網(wǎng)頁(yè)中使用的字體過(guò)多可能會(huì )引起視覺(jué)干擾;大多數項目將字體的數量控制為兩種或三種。
字體選擇的關(guān)鍵是選擇可變樣式的字體系列。大多數字體具有多種樣式,包括標準,粗體和斜體。選擇多種可變樣式字體可確保可以更改設計項目,同時(shí)保持內核和思維的一致性。如果您的需求更加多樣化,那么即使是某些字體系列,也可以使用襯線(xiàn)和防滑主體的組合,這絕對足夠。
但是,如果沒(méi)有足夠好的在線(xiàn)字體解決方案,中文字體問(wèn)題目前還不夠成熟。但是,您可以花更多的錢(qián)來(lái)匹配英文字體。
四、樣式融合和匹配
字體選擇應謹慎,這可能是整體設計中最重要的部分,但最好選擇兩種不同風(fēng)格的字體可能是答案。
如果要匹配不同樣式的字體,關(guān)鍵技能將選擇具有相同x高度(字體中的x和o等小寫(xiě)字體的高度)以及相同的小寫(xiě)字體的下部?jì)炔靠臻g的字體也要注意。總體字體體驗保證是一致的。
的細節為您提供了足以一起閱讀的視覺(jué)體驗,即使這兩種字體是襯線(xiàn)字體和非襯線(xiàn)字體也是如此。
五、連字符被遺忘的位置
傳統字體,以確保閱讀體驗和字體的整體美感,如果在行尾顯示時(shí)無(wú)法完全顯示單詞,請使用連字符通過(guò)一行跳到下一個(gè)。同時(shí),使用對齊技術(shù)來(lái)完美對齊線(xiàn)的兩端。
但是,對于網(wǎng)頁(yè)設計,需求是完全不同的,因此這兩種排版技術(shù)似乎用處不大。連字號意義不大,因為它們破壞了用戶(hù)的原始閱讀節奏。當使用雙頭技術(shù)時(shí),許多段落中的單詞間距和行間距非常奇怪。因此,忘記這兩件事。
六,請勿強行更改字體
從技術(shù)角度來(lái)看,可以在更高的層次上使字體更細,更高或更短,甚至更大膽。這是不希望在網(wǎng)頁(yè)上使用的,因為字體設計者正試圖使字體看起來(lái)足夠一致和美觀(guān)。在大多數情況下,強制更改只會(huì )使整個(gè)字體變質(zhì),并且通常在頁(yè)面上看起來(lái)不佳。如果您發(fā)現
字體不適合您的設計,則最好搜索或找到另一種類(lèi)似的字體。
7,對比度
對比度是設計字體時(shí)最值得注意的元素之一。就像您需要使用不同的字體大小來(lái)創(chuàng )建分層外觀(guān)一樣,不同的字體粗細相反,顏色不同,樣式也不同。
有許多有效的對比度方法,但是顏色是最有效的。最好的解決方案是在淺色背景上使用深色文本字體(反之亦然)。有無(wú)數的配色方案可以幫助實(shí)現這一目標。但是,請注意,諸如藍色+鮮紅色之類(lèi)的對比色可能太亮。這是非常不舒服的。因此,除了足夠的對比度外,還應該調整亮度和飽和度以獲得良好的體驗。
8,度量
網(wǎng)頁(yè)中的文本向量和度量標準也非常重要,一行中字符和單詞的數量會(huì )影響整體閱讀體驗。用戶(hù)始終必須從左到右閱讀文本,并一目了然地獲取信息。它對于用戶(hù)頻繁掃描而言太短了,而太長(cháng)會(huì )使掃描范圍太寬且分散注意力。
如果您想獲得出色的閱讀體驗,請控制每行文本大約60個(gè)字符。此字符數使內容更易于閱讀。
在移動(dòng)端,每行文本需要控制為30至40個(gè)字符。這符合當前的用戶(hù)習慣和閱讀體驗。通常40至60個(gè)字符可實(shí)現最佳閱讀體驗。 Web設計通常使用em和px來(lái)控制文本塊的寬度和每行的字符數。
<< 上一篇:網(wǎng)頁(yè)設計中視覺(jué)層次的核心原則 | >> 下一篇:好的網(wǎng)頁(yè)設計在企業(yè)中有什么作用 |
- 2019-09-16網(wǎng)頁(yè)設計中視覺(jué)層次的核心原則
- 2019-09-07網(wǎng)頁(yè)設計中H5設計趨勢
- 2019-09-05網(wǎng)頁(yè)設計中如何提升氣質(zhì)和品質(zhì)
- 2019-08-28網(wǎng)頁(yè)設計中如何打造線(xiàn)上品牌
- 2019-08-13網(wǎng)頁(yè)設計中要怎么做好內頁(yè)布局設計
- 2019-07-10網(wǎng)頁(yè)設計的工作是如何進(jìn)行的
- 2019-06-29網(wǎng)頁(yè)設計在網(wǎng)站建設中的重要性
- 2019-06-20網(wǎng)頁(yè)設計師如何設計好看的banner
- 2019-06-18網(wǎng)頁(yè)設計中平面構成如何排版
- 2019-06-09網(wǎng)頁(yè)設計中的美觀(guān)性具體體現
- 2019-05-22網(wǎng)頁(yè)設計規范制作的技巧有哪些
- 2019-05-06網(wǎng)頁(yè)設計的常用技巧有哪些
- 2019-04-30網(wǎng)頁(yè)設計運營(yíng)如何優(yōu)化用戶(hù)體驗
- 2018-12-18網(wǎng)頁(yè)設計的布局方式有哪幾種
- 2018-12-03設計師信息架構基礎知識指南
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16