? 第三個層次 , 文章預覽 , 沒有任何功能 。 與其他層次相比 , 它可能看起來平淡無奇 , 但這是為了讓讀者在欣賞實際內容時不會分心 。
排版中的層次結構元素
本文圖片
你對哪一部分感興趣?
與其他設計領域一樣 , 排版遵循其自身的結構層次 。 了解排版層次就像了解如何使用排版 , 特別是了解如何讓某些文本優先于其他文本 。
通過操作下面的字段 , 你將更好地控制排版 , 從而更好地引導受眾的視線 。
01.大小
排版層次結構的基本單位 。 不同大小的文字吸引不同程度的注意力 。
02.粗細
本文圖片
粗體?還是細體?
文本的粗細體 , 可通過粗體來實現受關注 。 雖然比大小更微妙 , 但它仍然是使文本脫穎而出的直接方法 。 加粗對于增加三級字體特別有效 。
03.斜體
斜體字比粗體字更容易引起注意 。 因為這是一個微妙的觸感 , 所以這適用于第三種層次 。
04.大寫
就像用大寫寫的電子郵件 , 看起來像你在大喊大叫一樣 , 這同樣適用于網頁排版 。 在使用大寫字母時一定要小心 , 因為它們會顯得格外大 , 而且會突然出現在前景中 。
05.顏色
現在我們來看看復雜的因素 。 暖色(紅色、橙色、黃色)往往比冷色(藍色、紫色)更能吸引注意力 , 特別是當暖色文本與冷色背景設置在一起時 。 色彩對比也很重要 , 因為飽和或明亮的顏色比柔和的顏色更突出 。
06.對比
任何這些因素之間的對比——尺寸、重量或顏色——都會引起注意 。 對比標題和正文的字體有助于創建層次結構 。
07.空間
空白可以使文本顯得更大(因此更具可讀性) 。 空間不足會使文本感覺更局促和更小 。 每個空間都會影響層次結構 , 從簡單的字距調整到單詞與屏幕邊緣之間的關系 。
08.位置
本文圖片
如果距離較遠 , “Read on ”的影響力就會小
接近可以是一種快速而簡單的傳達意義的方式 。
09.方向
本文圖片
混合單詞和字母的排版方向 , 以增強影響力 。
將字母和單詞橫向、對角或倒置會增加視覺吸引力 。 這種效果為用戶創造了令人驚訝的視覺效果 。 這對于在主要文本中強調短詞/短語特別有效 。 傾斜、旋轉到垂直和其他方法會立即將用戶集中在受影響的文本上 。
10.紋理
本文圖片
不同的排版元素為頁面添加紋理 。
紋理是非常主觀的 , 是最難掌握的元素之一 。 這不是指字體本身的紋理 , 而是指通過頁面上的排版圖案創建的紋理 。 每個文本塊都會產生自己的圖案 , 因此要創建紋理 , 請通過更改任何其他元素來打破圖案 。 謹慎使用 , 否則會分散注意力 。
海空藝術書屋
本文由海空設計翻譯并編輯 , 如需轉載 , 請標明出處 , 謝謝 。
- |【成語故事】不倫不類
- |重慶地區首次發現巴文化竹制品
- |(圖表·漫畫)【二十四節氣·春分】品詩詞 賞春光
- 二十四節氣|【二十四節氣·春分】一年之計在于春
- |春分到,一張海報教您玩轉“立蛋”
- 意大利;設計;樹脂;加埃塔諾·佩謝|意大利國寶級設計師加埃塔諾·佩謝個展亮相今日美術館
- 春分|(圖表·漫畫)【二十四節氣·春分】詩意春分
- 昆明市第十八幼兒園|昆明市第十八幼兒園趣味活動“話”春分
- |【懷化】新晃一中校友捐贈書籍宣講紅色文化
- 農行|農行米脂縣支行開展“玫瑰書香 悅讀暢享”讀書分享會
