• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 12個字體運用技巧提高設計作品層次感—- 設計教程




    教學主題: 12個字體運用技巧提高設計作品層次感

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 12個字體運用技巧提高設計作品層次感

    這教學的重點為這幾點 [ 層次,提高,技巧,運用,字體,文字,使用,需要,設計,可以, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    本文是對前兩篇關於「對比設計」和「字體組合設計」這兩篇文章的總結,整理建議同學們讀完前兩篇文章之後,再來看這篇,對於設計中層次感的把握會更進一步。

    本文是對前兩篇關於「對比設計」和「字體組合設計」這兩篇文章的總結,整理建議同學們讀完前兩篇文章之後,再來看這篇,對於設計中層次感的把握會更進一步。

    字體視覺上的層次感(英: Visual Hierarchy),究竟意味着什麼呢?

    因為對設計項目有着致命的影響,所以我們需要好好的研究討論。當你這樣做了,我們可以讓用戶很方便的了解到你所想要引起注意的要點,讓說明變得通俗易懂。

    12個字體運用技巧提高設計作品層次感

    在沒有利用階層的情況下,文字、單詞或文章看上去都差不多,用戶想要獲取對他有用的信息是非常困難的。

    那麼接下來,我將會為大家介紹,如何使用文字的階層效果,來讓用戶方便的獲取到他所需要的信息,製作出充滿魅力的網站。

    詳細從以下開始。

    12個字體運用技巧提高設計作品層次感

    文字是設計素材的一部分,有意識的思考特定的構造組合是有必要的。首先,文字有着什麼樣的意思,我們需要仔細思考運用是否得當。

    大小

    這是最能將設計要素強調的技術。人的視線自然會被那些大的東西所吸引,文字如果使用大尺寸的字體,用戶自然就會去閱讀那些內容了。

    12個字體運用技巧提高設計作品層次感

    縮小字體,讓他與其他字體不同,仔細調整是很有必要的。在你使字體變大或者變小的時候,他並不會完全按照我們的預期變化,你需要時刻保持着細心。(例如你在使用裝飾性的字體的時候)

    字體大小沒有統一感,會有種非常業餘的感覺,也會讓文字變得難以閱讀,尺寸的調整也會變得不可能。下面這個樣本使用了Open Sans這個字體,這樣優雅的字體用在標題這裡是再合適不過的了。【Open Sans是一個由Google委託Steve Matteson設計的無襯線字體。根據Google的說法,它是以“誠實的重要性、開放的表現形式、及一個中立但具親和力的外觀”的理念設計的,並且“針對打印、互聯網、行動設備的可讀性所最優化。” 】

    12個字體運用技巧提高設計作品層次感

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

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

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

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

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

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

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

    12個字體運用技巧提高設計作品層次感

    重量

    文字的重量,就是指文字的厚度,以及該留出多少空白空間的意思。明顯和尺寸的重要性不同,特別是採用了獨特的字體時,可以更加突出一些重要內容。

    一旦你決定了文字的尺寸和重量,接下來就讓我們想想該使用什麼字體吧。粗體和細體一起使用,可以很好的表現出層次感。為了傳達出文字的重要性,有一個非常著名的設計方法,就算是小屏幕畫面狀態下也能將文字表現出來的技術。

    12個字體運用技巧提高設計作品層次感

    斜體

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

    小寫還是大寫?

    所有的文字都使用大寫,有人會這樣主張這樣可以起到令人震驚的效果,對於網頁設計來說也是同樣的。在項目中使用大寫,就可以增強層次感,可以防止字號小的文字與背景互相混合在一起。

    12個字體運用技巧提高設計作品層次感

    配色

    文字的重量也依賴顏色,讓我們來製作一個易於使用的配色方案吧。因此我們需要學習一些美術的基本原理,例如冷色與暖色的不同,流行色與自然色等,學習一些配色的基本原則是非常重要的。

    將配色應用到文字上時,也需要注意他的層次感。使用明亮鮮艷的顏色,則表明他比其他的元素都重要,你需要知道一些顏色和對比相關的一些知識。

    12個字體運用技巧提高設計作品層次感

    對比

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

    留白

    在文章的段落和文字之間留下空白的空間,可以很好的提高閱讀效果。但因為有需要調整字符寬度,所以使用時需要小心。

    12個字體運用技巧提高設計作品層次感

    首先第一個需要考慮的便是行距,不同的尺寸與顏色,我們需要選擇合適的風格。

    使用了留白之後,因為也會影響到階層的順序,如果是使用了風格相似的字體,留白能稍稍降低他們之間的關聯性,創造出讓人耳目一新的效果。但是,如果有想讓人注意的部分與別的文字做比較,你需要仔細的調整他們之間的平衡性。

    12個字體運用技巧提高設計作品層次感

    方向

    方向(英: Orientation),就是指在布局中文字的表現形式。雖然看起來是顯而易見的事,但在層次表現上卻是一個重要的過程。在大多數情況下字母與數字,在屏幕上以水平直線放置,這樣會整潔易讀。

    12個字體運用技巧提高設計作品層次感

    如果文字垂直放置,不僅會成為重要的設計要素,所有的視線也都會被集中在上面。儘管這種技術能扭轉你的設計,但作為設計師,你還是需要充分理解自己的設計意圖后再去使用。

    質感、紋理

    12個字體運用技巧提高設計作品層次感
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

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

    層級

    12個字體運用技巧提高設計作品層次感
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

     

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

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

    12個字體運用技巧提高設計作品層次感

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

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

    最後

    12個字體運用技巧提高設計作品層次感

    在網頁設計中,尤其是需要展現很多內容的時候,所有的要素對於用戶的視覺體驗是非常重要的。這次介紹的利用字體使你的網頁變得更加有層次感的技術就到這裡了,希望大家好好使用它們,做出更棒的作品吧。謝謝大家~一起感受設計的樂趣吧。

    歡迎大家關注我的微信

    12個字體運用技巧提高設計作品層次感

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 12個字體運用技巧提高設計作品層次感 這教學會喜歡

    文章標題: 骨子愛創意- 12個字體運用技巧提高設計作品層次感–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 層次,提高,技巧,運用,字體,文字,使用,需要,設計,可以,

    本文永久連結 :12個字體運用技巧提高設計作品層次感

    本文轉載自 :VIA