亚洲午夜无码在线观看|2018中文在线字幕|精品外国呦系列在线观看|日本欧美欧美一级毛卡片|在线亚洲专区高清中文字幕|国产成人教育视频在线观看|久久亚洲欧美日本精品一久久|亚洲自偷自偷在线成人网站传媒

      排版是網(wǎng)站設(shè)計系統(tǒng)中最重要的方面之一，要盡早建立起來，要考慮通過字體與用戶交流的信息有多少。類型可以占任何給定屏幕的85-90%。網(wǎng)站設(shè)計的排版通常是你需要掌握的基本組件之一，因為它需要與其他元素如圖標(biāo)和UI控件協(xié)調(diào)工作。你的線條高度甚至?xí)�影響許多其他的結(jié)構(gòu)元素，比如間距和網(wǎng)格。以下是你需要仔細(xì)考慮的幾個關(guān)鍵方面。


選擇字體

      在選擇字體時要考慮很多因素，特別是在屏幕上使用的時候。您可能還需要與品牌/營銷團(tuán)隊進(jìn)行跨職能合作，以適應(yīng)您的品牌的字體，并確定如何將它們?nèi)谌肽�的系統(tǒng)。字體可以是另一個觸點，幫助你在整個數(shù)字體驗中微妙地傳達(dá)正確的基調(diào)和個性。如果你的品牌有一個非常獨特的字體，不適合擴(kuò)大閱讀或小尺寸，你可以選擇保留它的顯示大小元素，如標(biāo)題，使用不太頻繁。在這種情況下，您可能想要將它與一個更清晰的字體配對，以顯示更小的字體。如果性能是一個關(guān)鍵目標(biāo)，那么許多網(wǎng)站設(shè)計系統(tǒng)將經(jīng)常利用不同平臺的系統(tǒng)/本機(jī)字體堆棧來避免加載網(wǎng)站設(shè)計體（如Shopify Polaris系統(tǒng)所示）。當(dāng)然，您也可以決定處理這些事情，這取決于您的系統(tǒng)是否需要支持產(chǎn)品或營銷網(wǎng)站（品牌個性可能是更高的優(yōu)先級）。在做決定時要考慮很多因素，但在個性、表現(xiàn)和屏幕可讀性之間找到適當(dāng)?shù)钠胶馐莻�好主意。


選擇字體權(quán)重和樣式

      考慮在最復(fù)雜的屏幕中創(chuàng)建簡潔的層次結(jié)構(gòu)需要多少權(quán)重或變量，在什么情況下使用加粗的版本和壓縮的版本是有意義的？保持這個字體變體列表的簡短通常是有好處的，因為加載整個字體家族的每個部分可能不是很有效（而且獲得許可的成本更高）。您在UI中使用特定樣式的頻率是多少？例如，如果您有一個或兩個非常小的斜體應(yīng)用程序，請考慮權(quán)衡加載額外的webfont和利用瀏覽器呈現(xiàn)的斜體的利弊。此外，尋找機(jī)會，您可以通過增加類型大小而不是添加額外的字體權(quán)重來實現(xiàn)對層次結(jié)構(gòu)的相同效果。


字體大小、行高和響應(yīng)能力

      一旦你知道了你使用的字體，這可能是你花費最多時間的地方。字體大小和行高是密切相關(guān)的，并且通常會受到設(shè)計中使用的一些底層網(wǎng)格的影響。許多網(wǎng)站設(shè)計師會從建立基本字體大小（通常是最常用的字體大�。╅_始，然后從中確定合適的行高。以1.5x字體大小的行高作為起點是一個普遍的經(jīng)驗法則。許多網(wǎng)站設(shè)計師會使用行高作為基礎(chǔ)來建立一個基礎(chǔ)的基線網(wǎng)格，所有的尺寸都被映射到這個基線網(wǎng)格中，或者平均地劃分到這個基線網(wǎng)格中。這里的系統(tǒng)方法將幫助您定義系統(tǒng)的其他特征，如圖標(biāo)大小、空白、填充和間距值，以及UI組件的一般大小。

      當(dāng)您開始處理這些字體和行高匹配時，還要考慮需要多少大小，以及哪些大小將映射到特定的權(quán)重或樣式。確保您適應(yīng)了所有需要的應(yīng)用程序，包括從幫助文本和表單標(biāo)簽、正文副本和副標(biāo)題到標(biāo)題的所有內(nèi)容。

      您還需要定義這些大小如何跨不同的設(shè)備和視口尺寸工作，通常，設(shè)備之間最大的尺寸差異發(fā)生在更大的顯示器尺寸上。你的方法也可能受到你選擇的類型單位的影響，從px到rems, ems，甚至vh/vw單位（基于視口寬度或高度的流體單位）。從技術(shù)角度看，這些值中的許多將被編碼成易于使用的令牌或變量系統(tǒng)，而不是硬編碼，以使它們更容易維護(hù)。