網(wǎng)頁(yè)美工設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)中字體排版規(guī)則知識(shí)

編輯：時(shí)間：2019-10-08 08:56:11

精美的排版總是會(huì)在網(wǎng)頁(yè)設(shè)計(jì)中添加許多元素。獨(dú)特的設(shè)計(jì)很棒，但是在許多情況下，根據(jù)前任設(shè)計(jì)師考慮的設(shè)計(jì)規(guī)則進(jìn)行設(shè)計(jì)會(huì)更加方便。那么，如何使用成熟的規(guī)則創(chuàng)建令人驚嘆的網(wǎng)頁(yè)？在本文中，鄭州清新教育帶著我們將基于此思想探索Web設(shè)計(jì)的可能性。
1，尺寸和圖層
尺寸尺寸可能是版式設(shè)計(jì)中最協(xié)調(diào)的元素。字體設(shè)計(jì)過(guò)大和不合適是不希望的，而字體小而難以閱讀則違反了基本的可用性需求。尺寸控制的最終目標(biāo)可能是增加一個(gè)點(diǎn)太多，而減小一個(gè)英寸太小。
和層次結(jié)構(gòu)是不可忽略的因素。易于閱讀的字體通常具有層次感，首先是查看標(biāo)題，然后查看副標(biāo)題，然后查看文本，然后引導(dǎo)用戶的是層次感。當(dāng)理解內(nèi)容的內(nèi)容時(shí)，字體和布局的級(jí)別是很自然的。
2，漢字字符，
中英文排版，字間距的概念簡(jiǎn)單易懂這是段落或句子中每個(gè)文本的固定間距，但是是英文字體排版仍然有單詞距離的概念，這在中文中幾乎是不可能使用的。從單詞到語(yǔ)音的移動(dòng)對(duì)應(yīng)于某些字母組合之間的距離，例如當(dāng)A和V在一起時(shí)，調(diào)整兩者之間的八進(jìn)制距離似乎看起來(lái)很遠(yuǎn)并且視覺(jué)上感覺(jué)異常。
控制整個(gè)文本的單詞間距。這使內(nèi)容更易于閱讀，并使文本段落更緊密。語(yǔ)音合成在標(biāo)題和顯示字體的設(shè)計(jì)中起著重要作用，并且影響整體樣式。
網(wǎng)頁(yè)設(shè)計(jì)中字體排版規(guī)則知識(shí)
3、控制字體的數(shù)量
網(wǎng)頁(yè)中使用的字體過(guò)多可能會(huì)引起視覺(jué)干擾；大多數(shù)項(xiàng)目將字體的數(shù)量控制為兩種或三種。
字體選擇的關(guān)鍵是選擇可變樣式的字體系列。大多數(shù)字體具有多種樣式，包括標(biāo)準(zhǔn)，粗體和斜體。選擇多種可變樣式字體可確保可以更改設(shè)計(jì)項(xiàng)目，同時(shí)保持內(nèi)核和思維的一致性。如果您的需求更加多樣化，那么即使是某些字體系列，也可以使用襯線和防滑主體的組合，這絕對(duì)足夠。
但是，如果沒(méi)有足夠好的在線字體解決方案，中文字體問(wèn)題目前還不夠成熟。但是，您可以花更多的錢(qián)來(lái)匹配英文字體。
四、樣式融合和匹配
字體選擇應(yīng)謹(jǐn)慎，這可能是整體設(shè)計(jì)中最重要的部分，但最好選擇兩種不同風(fēng)格的字體可能是答案。
如果要匹配不同樣式的字體，關(guān)鍵技能將選擇具有相同x高度（字體中的x和o等小寫(xiě)字體的高度）以及相同的小寫(xiě)字體的下部?jī)?nèi)部空間的字體也要注意。總體字體體驗(yàn)保證是一致的。
的細(xì)節(jié)為您提供了足以一起閱讀的視覺(jué)體驗(yàn)，即使這兩種字體是襯線字體和非襯線字體也是如此。
五、連字符被遺忘的位置
傳統(tǒng)字體，以確保閱讀體驗(yàn)和字體的整體美感，如果在行尾顯示時(shí)無(wú)法完全顯示單詞，請(qǐng)使用連字符通過(guò)一行跳到下一個(gè)。同時(shí)，使用對(duì)齊技術(shù)來(lái)完美對(duì)齊線的兩端。
但是，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)，需求是完全不同的，因此這兩種排版技術(shù)似乎用處不大。連字號(hào)意義不大，因?yàn)樗鼈兤茐牧擞脩舻脑奸喿x節(jié)奏。當(dāng)使用雙頭技術(shù)時(shí)，許多段落中的單詞間距和行間距非常奇怪。因此，忘記這兩件事。
六，請(qǐng)勿強(qiáng)行更改字體
從技術(shù)角度來(lái)看，可以在更高的層次上使字體更細(xì)，更高或更短，甚至更大膽。這是不希望在網(wǎng)頁(yè)上使用的，因?yàn)樽煮w設(shè)計(jì)者正試圖使字體看起來(lái)足夠一致和美觀。在大多數(shù)情況下，強(qiáng)制更改只會(huì)使整個(gè)字體變質(zhì)，并且通常在頁(yè)面上看起來(lái)不佳。如果您發(fā)現(xiàn)
字體不適合您的設(shè)計(jì)，則最好搜索或找到另一種類(lèi)似的字體。
7，對(duì)比度
對(duì)比度是設(shè)計(jì)字體時(shí)最值得注意的元素之一。就像您需要使用不同的字體大小來(lái)創(chuàng)建分層外觀一樣，不同的字體粗細(xì)相反，顏色不同，樣式也不同。
有許多有效的對(duì)比度方法，但是顏色是最有效的。最好的解決方案是在淺色背景上使用深色文本字體（反之亦然）。有無(wú)數(shù)的配色方案可以幫助實(shí)現(xiàn)這一目標(biāo)。但是，請(qǐng)注意，諸如藍(lán)色+鮮紅色之類(lèi)的對(duì)比色可能太亮。這是非常不舒服的。因此，除了足夠的對(duì)比度外，還應(yīng)該調(diào)整亮度和飽和度以獲得良好的體驗(yàn)。
8，度量
網(wǎng)頁(yè)中的文本向量和度量標(biāo)準(zhǔn)也非常重要，一行中字符和單詞的數(shù)量會(huì)影響整體閱讀體驗(yàn)。用戶始終必須從左到右閱讀文本，并一目了然地獲取信息。它對(duì)于用戶頻繁掃描而言太短了，而太長(zhǎng)會(huì)使掃描范圍太寬且分散注意力。
如果您想獲得出色的閱讀體驗(yàn)，請(qǐng)控制每行文本大約60個(gè)字符。此字符數(shù)使內(nèi)容更易于閱讀。
在移動(dòng)端，每行文本需要控制為30至40個(gè)字符。這符合當(dāng)前的用戶習(xí)慣和閱讀體驗(yàn)。通常40至60個(gè)字符可實(shí)現(xiàn)最佳閱讀體驗(yàn)。 Web設(shè)計(jì)通常使用em和px來(lái)控制文本塊的寬度和每行的字符數(shù)。