• <input id="cwkek"><tt id="cwkek"></tt></input>
    <menu id="cwkek"><strong id="cwkek"></strong></menu>
  • <menu id="cwkek"></menu>
    <menu id="cwkek"></menu>
  • <nav id="cwkek"><strong id="cwkek"></strong></nav>
    遨翔網絡專注于:網站建設,網站優化于一體,為客戶量身定做個性化網站,提供從建站到網絡營銷一站式互聯網服務!
    咨詢電話:0519-8223 3588    24小時服務熱線:13776886111
    2019-10-21
    網站設計的排版重要性返回列表

          排版是網站設計系統中最重要的方面之一,要盡早建立起來,要考慮通過字體與用戶交流的信息有多少。類型可以占任何給定屏幕的85-90%。網站設計的排版通常是你需要掌握的基本組件之一,因為它需要與其他元素如圖標和UI控件協調工作。你的線條高度甚至會影響許多其他的結構元素,比如間距和網格。以下是你需要仔細考慮的幾個關鍵方面。


    選擇字體

          在選擇字體時要考慮很多因素,特別是在屏幕上使用的時候。您可能還需要與品牌/營銷團隊進行跨職能合作,以適應您的品牌的字體,并確定如何將它們融入您的系統。字體可以是另一個觸點,幫助你在整個數字體驗中微妙地傳達正確的基調和個性。如果你的品牌有一個非常獨特的字體,不適合擴大閱讀或小尺寸,你可以選擇保留它的顯示大小元素,如標題,使用不太頻繁。在這種情況下,您可能想要將它與一個更清晰的字體配對,以顯示更小的字體。如果性能是一個關鍵目標,那么許多網站設計系統將經常利用不同平臺的系統/本機字體堆棧來避免加載網站設計體(如Shopify Polaris系統所示)。當然,您也可以決定處理這些事情,這取決于您的系統是否需要支持產品或營銷網站(品牌個性可能是更高的優先級)。在做決定時要考慮很多因素,但在個性、表現和屏幕可讀性之間找到適當的平衡是個好主意。


    選擇字體權重和樣式

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


    字體大小、行高和響應能力

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

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

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


    分享到:

    24小時客服咨詢熱線

    1377 6886 111
    地址:常州市新北區典雅商務廣場2-719、720
    電話:0519-8223 3588   8158 1681
    手機:13776886111   13861009987
    郵箱:365176160@qq.com 
    備案號:蘇ICP備17065820號-1
     
    預約上門

    請撥打銷售熱線 13776886111,或讓我們聯系您!

    姓名:  
    電話:  
    公司:  
    建設項目:  
    驗證碼:  驗證碼
    ×
    原创国产AV精品A片| 亚洲日韩色欧另类欧美多人色国产|中文字幕精品视频在线看免费| 97人人模人人爽人人喊免费官方|
  • <input id="cwkek"><tt id="cwkek"></tt></input>
    <menu id="cwkek"><strong id="cwkek"></strong></menu>
  • <menu id="cwkek"></menu>
    <menu id="cwkek"></menu>
  • <nav id="cwkek"><strong id="cwkek"></strong></nav>