當前位置:首頁 >UI學院 >學院新聞

在新的一年裏學會如何讓字體設計更有層次感

嬌氣扯小刺蝟作者:嬌氣扯小刺蝟 發布時間:2019-04-29 17:09:51 瀏覽量:403次

字體設計的視覺層次感究竟意味著什麼呢?詳細從以下開始。文字是設計素材的一部分,有意識的思考特定的構造組合是有必要的。首先,文字有著什麼樣的意思,我們需要仔細思考運用是否得當。

在新的一年裏學會如何讓字體設計更有層次感

大小

在人們的視線內最容易被那些大的東西所吸引,如果使用大尺寸的文字,用戶自然就會去閱讀。然而縮小字體,與其他字體不同,仔細調整是很有必要的。在你使字體變大或者變小的時候,他並不會完全按照我們的預期變化,你需要時刻保持著細心。

在調整字體大小的時候,你需要驗證這個大小是否合適。首先從正文而不是標題開始,先確定他們的主字體。將字體的特點引發出來,讓用戶看到有魅力的效果。

調整字體大小需要注意的幾點:

正文用的字體大小,最好在14pt以上。(19px)

標題大小,最好控製在35pt以下。(約為正文的250%)

小標題的大小,最好控製在25pt以下。(約為正文的175%)

導航菜單的大小,最好控製在23pt以下(約為正文的165%)

導航菜單上的字符大小,最好控製在20pt以下(約為正文的140%)

重量

文字的重量,就是指文字的厚度,以及該留出多少空白空間的意思。明顯和尺寸的重要性不同,特別是采用了獨特的字體時,可以更加突出一些重要內容。一旦你決定了文字的尺寸和重量,接下來就讓我們想想該使用什麼字體吧。粗體和細體一起使用,可以很好的表現出層次感。為了傳達出文字的重要性,有一個非常著名的設計方法,就算是小屏幕畫麵狀態下也能將文字表現出來的技術。

斜體

斜體也是非常有效的強調手段,有時也比粗體更容易引人注意。因為視覺差異比較小,對特別的字體是十分有效的。

配色

文字的重量也依賴顏色,讓我們來製作一個易於使用的配色方案吧。因此我們需要學習一些美術的基本原理,例如冷色與暖色的不同,流行色與自然色等,學習一些配色的基本原則是非常重要的。將配色應用到文字上時,也需要注意他的層次感。使用明亮鮮豔的顏色,則表明他比其他的元素都重要,你需要知道一些顏色和對比相關的一些知識。

對比

如同字麵意思一樣,對比能在配色、重量、尺寸等各種各樣的地方使用。正文與標題的對比,可以說是最常見的技術了。

留白

在文章的段落和文字之間留下空白的空間,可以很好的提高閱讀效果。但因為有需要調整字符寬度,所以使用時需要小心。首先第一個需要考慮的便是行距,不同的尺寸與顏色,我們需要選擇合適的風格。使用了留白之後,因為也會影響到階層的順序,如果是使用了風格相似的字體,留白能稍稍降低他們之間的關聯性,創造出讓人耳目一新的效果。但是,如果有想讓人注意的部分與別的文字做比較,你需要仔細的調整他們之間的平衡性。

方向

方向就是指在布局中文字的表現形式。雖然看起來是顯而易見的事,但在層次表現上卻是一個重要的過程。在大多數情況下字母與數字,在屏幕上以水平直線放置,這樣會整潔易讀。如果文字垂直放置,不僅會成為重要的設計要素,所有的視線也都會被集中在上麵。盡管這種技術能扭轉你的設計,但作為設計師,你還是需要充分理解自己的設計意圖後再去使用。

質感、紋理

文字的紋理質感,是需要花費大量時間來掌握的一種技術。這種難,並不是指字體自身的質感,而是指在頁麵上所有文字的樣式。使用合適的紋理,變化設計的元素,打破原有的設計規律吧。明確意圖或概念,讓你的設計不會矯枉過正。

層級

不管是怎樣複雜的項目,都可以利用文字來分成三層,將網站上重要的部分完整的區分出來。這裏的利用的階層分為:主層(英: Primary)、副層(英: Secondary)、三層(英: Tertiary)。

主層上的文字,是頁麵上最突出的元素。一般會使用大尺寸和鮮豔的顏色來使用,表現出與其他文字不同的魅力。但是,因為文字對層級的影響過多,使用會有限製,例如隻在標題中使用。

副層上的文字,並沒有主層那樣的影響力,卻能很好的讓用戶的注意力轉向正文的內容。利用配色、尺寸、留白等這些不同的要點,區分主次,可以用在小標題,導語和摘錄上。

三層上的文字,是利用在主要內容上的,沒有什麼特點的要素。在這裏使用的字體並不需要多麼的引人注意,可以選擇一些簡單的,沒有什麼浮誇的效果的字體。不要幹擾到主要內容,從而讓用戶的視線轉移到別的地方。

火星時代教育 影視學院劉老師,為你解答
  • 相關推薦
  • 人氣推薦
  • 教程分享
  • 相關標簽
20 節課學會剪輯!一個"樸實無華"的剪輯課!

優秀作品賞析

  • 2101期學員李思庭作品

    作 者:李思庭

    所學課程:2101期學員李思庭作品

  • 2104期學員林雪茹作品

    作 者:林雪茹

    所學課程:2104期學員林雪茹作品

  • 2107期學員趙淩作品

    作 者:趙淩

    所學課程:2107期學員趙淩作品

  • 2107期學員趙燃作品

    作 者:趙燃

    所學課程:2107期學員趙燃作品

  • 微信掃碼入群領福利

    掃碼領福利最新AI資訊

    點擊谘詢
    添加老師微信,馬上領取免費課程資源

    1. 打開微信掃一掃,掃描左側二維碼

    2. 添加老師微信,馬上領取免費課程資源

    ×