本節簡介:實例演示如何將文字的層級關系梳理得更加清晰,以及按鈕在層級關系中的作用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
文字重要與次要區分開 再分別排版處理 細節深入刻畫(加 圖形 英文字母 間隔線 圖標 按鈕 色彩 字體大小樣式)
將文字圖像化: 文字放在圖形上。按鈕: 圖形+字體(前加小圖標) (實心 空心 ) +顏色 提高對比度 根據內容信息: 體現顏色深淺 對比關系 差異化
文字層級區分: 文字大小 字體 顏色 材質(體現層級關系: 重要級別從上到下 顏色從深到淺)
查看詳情一般用大于號,要挑不同的字體來調整大于號的型美,最好是大于號寬一些,90度角
網頁中除了色塊按鈕,還經常用到框形按鈕,顏色比較深的按鈕比如:用戶登入,顏色淺的按鈕如:輔助文案
查看詳情,旁邊可以直接加小圖標,更突出查看詳情的文案,大于號小于號不同字體角度不同,做好使90°的角,更美觀
在原來的基礎上加一個線條,具有分割效果,更加直觀的讓信息突出
弱化說明性的文字,讓它跟主標題進行對比,層次更分明
引入色彩元素,標題和圖標整體變色,使整體效果更具設計感
文字的層級關系可以從以下幾點來區分,大小粗細、材質、色彩深淺、字體
按鈕可以根據重要級別設計,帶顏色、顏色深淺、黑白灰、色塊、線框、線框粗細、文字大小、字體、材質等等