2018-02-25
3574
對于你設計任何東西的人來說，最重要的元素之一就是類型。它需要清晰易讀，并且應該引導用戶完成設計，從最重要的元素到最少的元素。
簡而言之，解釋排版層次結構。但要真正掌握類型的藝術，您需要了解如何在整個設計中將圖層分層以實現最大的影響力。繼續閱讀以了解如何掌握印刷術層次結構并在每個項目中創建有效類型。
縱天科技在廣州網站建設，廣州網站設計制作方面屬高端品牌，廣州網站制作公司的領軍，提供領先的網站設計制作，公司網站制作，廣州建設網站，官網建設，網頁制作公司，建網站公司，企業建站，廣州網絡公司與品牌網站策劃運營服務。
什么是印刷層次？
印刷層次結構是另一種形式的視覺層次結構，是整個設計項目中的一個子層次結構。印刷層次結構呈現字母，使最重要的單詞顯示效果最大，因此用戶可以掃描文本中的關鍵信息。
沒有印刷層次結構，設計中的每個字母，每個單詞和每個句子看起來都是一樣的。你能想象讀一切都是相同的字體，大小和顏色的東西嗎？你從哪里開始？你怎么知道什么最重要？
印刷層次結構創建元素之間的對比。設計師通過使用字體，大小，重量，大寫和小寫字母，粗體或斜體，方向和顏色來實現這一點。這些設計工具的組合被用于創建屬于不同層的類型。
小學一級
印刷術的主要水平是所有重要的類型。這是頭條和甲板 - 也被稱為“家具” - 吸引讀者參與設計。這是設計中最大的類型（除非你使用印刷藝術）。
中等水平
排版的第二級是可掃描信息的塊，幫助讀者保持設計。這包括諸如子標題，標題，拉引號，信息圖表和其他小塊文本的信息，這些文本將信息添加到主要文本級別。這些文本塊的設計很大，但通常比小學排版中的文字小得多。
第三級
排版的三級是您設計的主要文字。它通常是設計中最小的類型，但它需要足夠大才能被所有潛在用戶完全讀取。字體應該簡單并且在設計，間距和總體使用方面一致。
其他級別
其他層次的排版包括適用于小部門影響的高等教育類型。諸如粗體，斜體，下劃線和顏色等效果可以引起對正文中特定區域的注意。這些效果適用于第三級使用的相同尺寸和字體的文字時效果最佳。效果可以謹慎使用，并且只能按順序使用幾個字。其他級別的示例包括帶下劃線的鏈接，用于影響的粗體字或用于強調的斜體或顏色。
打印項目中的層次結構
印刷項目中的視覺層次結構嚴格視覺化。使用大小，顏色和其他效果來使某些類型的位顯得更大更重要，并且相應地縮放是您為了獲得良好開始而必須做的所有事情。
看一下上面的分步示例，您可以清楚地看到不同級別的印刷層次結構，以及它如何使設計更易于閱讀并更具視覺吸引力。通過在關鍵領域增加重點，您可以將這一技術應用于任何設計項目。
創造它
有多種方法可以創建層次感。以下是一些最常用的技巧：
字體選擇：更有趣的字體可以看起來更大，并且畫眼睛比視覺陰謀更少。在使用新穎性時，腳本或復雜的字體應注意可讀性問題，并確保類型足夠大。
大小：它幾乎不用說，但類型越大，眼睛將被吸引得越快。字體大小應該與閱讀文本的重要性順序相關。
重量：字母的粗細可以使文字看起來更大（粗體，粗體）或更小（細體或壓縮字體）。
大寫和小寫字母：您聽說以大寫字母發送電子郵件就像對某人大喊大叫。所有設計上限都是如此。謹慎使用。大寫字母會顯得更大并且走到最前面，而小寫字母看起來更小并且經常落入背景。
粗體：粗體字是單個單詞或短語的重點。它在三級類型中特別適用。
斜體：斜體字可以突出顯示單個單詞或短語，而不是以粗體顯示，而且更加細微。它在三級類型中特別適用。
方向：翻轉字母，顛倒或任何其他方向，水平線可以立即吸引眼球，因為它們的放置方式與預期不同。這可以適用于文本主要級別的短語或短語。
顏色：為通常沒有顏色的字母添加顏色會創建特定的即時興趣。這種效果可以在任何級別的文本中工作，但應該慎重，以免造成可讀性問題或混淆。
展示位置：文字位于畫布上的位置也可以建立分層結構。通常你從上到下閱讀（一種自然的排序），但是這可以通過采用上面的一些技術來改變。
數字項目中的層級
您在印刷項目中使用的所有工具也適用于數字項目，并增加了一些內容。數字印刷層次結構還必須在創建Web類型時考慮HTML。這種額外的思維水平確保您的視覺水平將轉化為屏幕上的其他用戶。
創造它
確保在處理將在線發布的項目時使用通用約定，包括標題，正文和粗體樣式。這些常用風格定義中的每一個都屬于HTML中的胡蘿卜（<>）。
標題（標題）：為網頁抓取工具和用戶定義文檔標題。
正文（正文）：定義文檔中的正文文本。
標題（h1到h6）：定義標題樣式的不同層次。H1通常是最大也是最重要的，通過H6向下移動。你只需要使用盡可能多的你喜歡的。
粗體（強）：定義較重，更重要的文字。
斜體（em）：用于強調文字的傾斜。
層次和可用性
當涉及到移動應用程序時，您需要考慮視覺印刷層次結構，HTML印刷層次結構和印刷層次結構中的可用性。文本不僅要看起來很好，而且還要正常工作，但它也必須設計成讓用戶知道如何處理它，并按照預期進行交互。
這種基于動作的排版包含了設計師的一些關鍵內容。類型必須足夠大才能點擊，分開以便每個可輕敲項目都被清晰地定義，并且可用元素具有某種視覺定義（例如按鈕）。
創造它
在創建可用的印刷層次結構時要記住的事情是將用戶將要與之交互的類型元素與他們不會彼此交互的類型元素分開。重要的考慮包括：
空間：給每個應該被觸摸或點擊的元素，足夠的空間。考慮空間的大小以及手指觸摸它所需的空間量。如果類型非常接近，單擊錯誤的元素，用戶可能會很快失望。
顏色：創建可用性的調色板。考慮讓每一個用于觸摸的詞都與主文本不同。
陰影：陰影是可以按某種方式按下按鈕的常見指示器。
邊界：考慮將邊框添加到您希望用戶與之交互的獨立元素。確保它們背離背景。（時髦的“幽靈按鈕”就是一個很好的例子，就像上面的Spacecraft網站的例子。）
動畫：移動文字雖然難以使用，但可以快速幫助吸引某些詞語。
方向：記住告訴用戶屏幕上的操作，從點擊到滾動到號召性用語。
結論
即使沒有考慮它，你也有可能設計出某種排版層次結構。但考慮如何將類型整合為一體，可以改善整體設計。
使用印刷層次來增加重點，影響并創建用戶可以快速查看和響應的操作調用。記住在決定應用于字體，大小和效果時應該考慮可讀性，可掃描性和整體理解。您的讀者（或用戶）會感謝您。
本文來自廣州品牌網站建設網站設計制作公司-縱天科技
標簽：公司網站制作，廣州建設網站，官網建設，網頁制作公司，建網站公司，企業建站，廣州網站建設公司，廣州網頁設計公司，廣州網站設計公司，廣州企業網站建設
上一篇：即將推出著陸頁：技巧和最佳實踐
