非設計師的字型和佈局指南

不管你意識到與否,你每天都在設計。它可能是一份簡單的文件,一份更新的簡歷,或者一份簡報,但無論哪種方式,你都在做設計選擇,特別是關於字型和佈局。這些決定會對你的工作產生重大影響,使你的工作更有吸引力,也會使你的工作變得枯燥乏味。下麵是如何使用一些簡單的設計原則來快速改進您在日常工作中使用型別和佈局的方式。...
Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

不管你意識到與否,你每天都在設計。它可能是一份簡單的文件,一份更新的簡歷,或者一份簡報,但無論哪種方式,你都在做設計選擇,特別是關於字型和佈局。這些決定會對你的工作產生重大影響,使你的工作更有吸引力,也會使你的工作變得枯燥乏味。下麵是如何使用一些簡單的設計原則來快速改進您在日常工作中使用型別和佈局的方式。

在我們開始討論細節之前,在進行任何設計選擇時,您需要知道的最重要的事情是為什麼。捫心自問:“我的目標是什麼?”所有的設計元素都能喚起觀眾不同的情感,並以不同的方式影響他們。當你剛開始的時候,堅持一般原則是很好的,但是你希望你的設計選擇基於你希望它們產生的影響。這就需要知道這種影響將是什麼。你想讓你的設計吸引人們對特定部分的註意嗎?你想讓某些單詞或短語比其他單詞或短語更有影響力嗎?

你已經做出了這些基本的選擇。在寫研究論文或簡歷的時候,你可能會用加粗的部分標題來幫助識別。如果那一頁上所有的文字都是一樣的,讀者就更難瀏覽或瀏覽了。一個簡單的決定就是增加文字的膽量並使其變大,這會突然為文件的設計增加更大的背景,而這可能是你潛意識裡做出的決定。當你在思考設計時,你想把這些選擇從你的潛意識中轉移到你的腦海中。想想你希望完成什麼,然後將你在本指南中學到的原則應用到你經常遇到的設計任務中。多一些創造性的思考和瞭解正確的技術是你所需要的一切,為你經常遇到的設計作品增加更大的視覺衝擊力。

瞭解你的字型風格

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

選擇一種風格意味著選擇一種含義。你用斜體字強調,用粗體字突出文字。這些是你在大多數字體中都能找到的樣式,但大多數字體已經有了固有的樣式。當然,你有像Ariel和Helvetica這樣的標準,但是看看Impact和MTF Cool Kid這樣的字型(右圖)。衝擊力是大膽和塊狀的性質和MTF酷孩子類似於簡單化,兒童般的筆跡排序。它們都暗示著某種感情。Impact想要吸引你的註意力,而MTF Cool Kid只想玩得開心。這兩種字型都有很強的個性,因為它們看起來很像,所以能清楚地傳達它們的潛臺詞。

字型和字型有什麼區別?創意**人諾伯特·弗洛倫多(Norbert Florendo)給出了一個非常簡潔的解釋:“字型就是你使用的,字型就是你看到的。”

當你選擇一種字型時,它的風格可能非常重要。儘管Impact和MTF Cool Kid都給出了明確的資訊,但這並不意味著它們一定是您設計的最佳選擇。有時候個性十足的字型有點太有衝擊力了。即使你想暗示一些愚蠢和孩子氣的東西,過度使用MTF Cool Kid這樣的字型也會誇大你的觀點。風格豐富的字型通常最好與簡單的字型搭配使用,但稍後我們將深入討論字型搭配。

當你為你的設計考慮一個主要的字型時,你想更多地考慮它的特點的微妙之處,以及它如何影響頁面上的其他一切。如果你有大塊的標題和圖形元素,一個細線字型可能對比太多。相反,當頁面上幾乎沒有其他字型時,較厚的字型可能看起來不合適。通常,您希望主字型的樣式與文件的總體樣式相匹配。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

在大多數情況下,你只能做一個簡單的決定:在襯線和無襯線之間。有什麼區別?襯線字型在大多數字母上幾乎沒有花邊,更像是打字機的外觀。在您右邊的示例中,Courier和Times New Roman是顯示的襯線字型。他們有一個更保守,適當的風格和大多數人覺得他們更容易閱讀。無襯線的意思是沒有襯線,所以你可能已經發現它們是沒有字母上的小花邊的字型。他們有一個更現代,簡約,乾凈的外觀。有些人覺得它們更難閱讀,但也更吸引人。如果你希望你的設計看起來更現代,無襯線字型幾乎總是你選擇的型別。

雖然風格是一個重要的選擇,但最終更重要的是你如何使用它。任何具有視覺吸引力的字型都可能被錯誤地處理,從而造成難看的設計,因此,除了基本樣式之外,您所做的決定也很重要。在接下來的幾節中,我們將瞭解使用type時的其他重要選擇。

選擇合適的顏色以產生合適的效果

文字的顏色幾乎和選擇字型本身一樣重要。小小的色彩潑灑可以產生巨大的影響,大膽使用好的配色方案可以創造出漂亮的設計。不使用任何顏色,或者只使用灰色的陰影,可以建立自己的資訊。真正的選擇歸根結底是你在努力完成什麼,這涉及到理解顏色對人們意味著什麼。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

例如,黑人通常會喚起權力感。它是你能得到的最暗的顏色,在一張白色的紙上,它與頁面的對比度最高。如果你選擇完全不使用顏色,你可以用黑色強調某些文字,其餘的用灰色。右邊的示例顯示了標題文字如何突出,不僅因為它的大小,而且因為它明顯較暗。這是一個很好的方式來使用一個有點厚的字型,而不是厚度來作為過於霸道。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

紅色是一種強烈的顏色,可以提供很多視覺**。它往往被認為是一種更具感情和侵略性的顏色,與強烈的感覺和行動有關,所以,如果你決定使用它,請記住這一點。它與深色文字也有很好的對比,如您在右側的示例中所看到的那樣。這是一個很好的方法,創造一個強烈的外觀和感覺。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

如果強烈不是你的目標,藍色可以提供一種平靜的感覺。即使在右邊的例子中藍色是充滿活力的,但當與灰色文字搭配時,它是美好而平和的。它不會像一個明亮的紅色陰影一樣進入你的臉,但它仍然有顯著的影響。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

我們可以對每一種主要顏色進行深入的心理分析,以及人們對它的反應,但這三個例子應該能讓你對簡單的顏色應用能對你的文字產生什麼樣的影響有一個基本的認識。在我們繼續之前,重要的是要記住,白色頁面上的彩色或黑色字型不是您唯一的選擇。在適當的情況下,例如建立海報,您可以透過在彩色背景上放置白色或彩色文字來產生更大的影響。正如你在右邊的例子中看到的,它結合了我們強烈的紅色和平靜的藍色,這可以創造一個很好的視覺效果。所有這些紅色都可能在錯誤的背景下顯得過於霸道,然而,正如任何顏色或風格都會讓人感覺被誇大一樣。一定要保留大量使用顏色的時候,它符合你的設計目標。

另外,顏色的組合併不總是很好看。挑選不好的組合可能會導致雜亂和不吸引人的設計,因此瞭解色彩理論的基礎知識是很有幫助的。你也可以透過使用adobekuler這樣的工具來找到一個很好的顏色組合。

為更好的強調不同的大小

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

當你使用了大量的字型後,你就會知道哪些字型在小尺寸時效果最好,哪些字型在大尺寸時賣得更好,哪些字型的用途足夠應付任何需要。正如您在右側看到的,上面的示例(Helvetica)在較大和較小的尺寸下都可以很好地工作,而下麵的示例(Impact)在較大的尺寸下可以很好地工作,但是在較小的尺寸下看起來很糟糕。把大字型和小字型搭配起來可以產生吸引人的效果。不過,如果你打算使用單一字型,你就要確保它在你打算使用的每種字型上都能保持清晰和吸引人。

正如我們在本指南前面討論的,您的型別的大小可以用來暗示其重要性。當使用較大型別作為標題時,它還提供了頁面上的上下文。你知道你現在讀的部分被稱為“大小”,因為它的頂部有一個標簽的標題。如果您想稍後返回到本節,您將能夠透過查詢較大的文字輕鬆地再次找到它。這對任何人來說都不是什麼新聞,但它展示了在一個非常基本的層面上,規模能達到什麼樣的效果。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

讓我們看看另一種用大小來強調的方法。在你的右邊,你會看到一張我為一篇關於所顯示的引述的帖子建立的圖片。這句話是關於錯誤的,因此“錯誤”一詞有幾種強調方式。除了使用明顯不同的字型和黑色來增加影響之外,“錯誤”這個詞比圖片中的任何東西都要大,甚至比鉛筆也要大。閱讀引語需要幾秒鐘的時間,但只要看一眼圖片,你就幾乎立刻知道了引語的內容。這是一個例子,說明瞭當您希望建立重點並更有效地進行溝通時,如何將大小用作一個非常有用的工具。

設定文字和影象的格式,以便更好地傳達資訊

你在頁面上排列文字的方式具有引人註目的視覺衝擊力。這不僅意味著文字塊的位置,而是該文字的方向,它與頁面上其他文字的關係,它與其他影象的互動方式,字元和行之間的間距,等等。雖然有些工作需要簡單的格式標準,但在頁面上放置字型時仍需要考慮一些小問題。

假設您想包含一個報價。如果你保持簡單,它可能看起來像這樣:

“你要千方百計改變主意。這是件好事。只有愚蠢的人永遠不會改變主意。”~安娜·拉斯科ët-Paz

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

夠了,但你可以做得更好。在右邊的示例中,建立了一個簡單的語音框形狀來包含引號,並將說話者的姓名放置在其下方。大小上的一個小差異被用來強調引語而不是說它的人。之所以選擇綠色,是因為大多數人覺得它令人愉快,它通常很容易讓人眼前一亮,而且有很多不同的含義,以至於它往往暗示著相關文字或影象所暗示的任何東西。基本上,綠色是一個安全的顏色選擇。這張圖片展示了在格式化文字時可以做出的幾個簡單而安全的決定,但是您可以選擇一些風險更大的決定。

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

本例在文字格式和影象佈局方面增加了一些機會,試圖說明引用本身:

“所有吸引我們的偉大經歷的核心都有不確定性因素。”~Aaron Dignan

影象在中間建立一個帶有問號的紅色核心。紅色是強烈的,但它沒有提供直接的背景,意味著不確定性。圍繞核心的是引用,把不確定性放在想法本身的核心。外面的顏色是綠色以保持安全,但引用告訴你,偉大是在強烈的,情感的,紅色的中心。這是一個複雜的資訊,每一個細微的差別都不會很明顯,但每一個設計選擇都有一個要點。同樣,你在字型和佈局上的每一個決定都應該有其背後的原因。這樣你就更有可能成功地傳達你的資訊,如果你沒有這樣做,你就會知道該進一步討論什麼。

將兩種字型配對,讓你的設計給你想要的感覺

Illustration for article titled A Non-Designer's Guide to Typefaces and Layout

一般來說,在一個設計中,你不希望兩個以上的字型配對。這是一個規則,你可以打破正確的效果,但可能是一個你想遵循,直到你真的覺得你知道你在做什麼。將兩種字型配對並不一定是找到兩種相似的字型的問題。事實上,通常情況下,當你把兩個看起來非常相似的字型配對時,你最終會發現一個看起來有點奇怪的配對,因為它們看起來非常相似,以至於觀眾無法分辨出它們之間的區別,但仍然知道有什麼不對勁。完全不同的字型可能會導致相反的問題,因為它們的巨大差異可能會令人不安。最好的配對使用相似和對比特徵的組合來互相稱贊,就像生活中的其他東西一樣。

在選擇多種字型時,首先要確定設計所共享的總體相似性。你的字型也需要遵循這些相似之處。也許你的目標是找點樂子。如果是這樣的話,你就應該避免使用僵硬的字型,而應該選擇一些更具運動性或有點獨特形狀的字型。如果你的目標是顯得聰明和保守,你可能會選擇襯線字型。你將它與什麼配對將取決於你想暗示什麼。一個類似的字型,但提供多一點個性可以很好,但你可能想選擇一些半粗體,但保留如果你玩保守。

所有這些想法只能意味著一場討論。要真正掌握字型配對的訣竅,你需要練習。你可以玩任何文書處理程式,但一個聰明的網路應用程式稱為型別連線是一個偉大的方式開始如果你想要一個幫助的手。它會教你哪些字型搭配得很好,為什麼,所有這些都是在一個字型約會遊戲的背景下進行的。這是一個有趣的,是一個偉大的方式來學習創造有效的型別設計最困難的部分之一。

別忘了練習

設計並不容易,你也不可能透過閱讀這本指南而成為大師,但希望它能為你提供一些想法,讓你在下一次處理工作時能夠從增加的視覺吸引力中獲益。在做選擇的時候要牢記這些原則,經過足夠的練習,你會掌握讓你的日常工作看起來很棒的訣竅。

  • 發表於 2021-05-26 17:31
  • 閱讀 ( 30 )
  • 分類:網際網路

你可能感興趣的文章

windows 10字型管理指南

預裝在windows10上的預設字型很好,但最終很無聊。永遠不要滿足於Arial、Calibri、Times New Roman或Verdana,除非你真的喜歡並崇拜它們勝過所有其他字型。你應該得到更好的!你可以吃得更好。 ...

  • 發佈於 2021-03-12 06:37
  • 閲讀 ( 56 )

每個設計師都需要關注20個facebook頁面

Facebook應該是任**的或有經驗的設計師在尋找不間斷的靈感和資訊的首選。但是,篩選所有與設計相關的頁面和組,以找到絕對最好的可能是一個噩夢任務。 ...

  • 發佈於 2021-03-13 18:42
  • 閲讀 ( 50 )

10個免費的adobe photoshop外掛,提供最佳創意套件

... Ink是一個附加的網頁設計師誰把他們的佈局在Photoshop一起。它將文件中的元素轉換為HTML和CSS程式碼,以便在web頁面上忠實地重新建立它們。 ...

  • 發佈於 2021-03-14 12:34
  • 閲讀 ( 57 )

11 css模板網站:不要從頭開始!

Web設計比以往任何時候都更容易訪問,但要產生專業的外觀效果,仍然需要大量的工作和大量的技能。 ...

  • 發佈於 2021-03-15 11:20
  • 閲讀 ( 54 )

建立web介面:從何處開始

... web設計與前端開發 ...

  • 發佈於 2021-03-16 05:47
  • 閲讀 ( 63 )

前端與後端web開發:哪條路適合您?

...我們互動的一方而編寫的程式碼。前端開發人員決定如何設計它們,如何設計它們的樣式;當人們使用它們時,它們實際如何工作。 ...

  • 發佈於 2021-03-18 15:23
  • 閲讀 ( 43 )

5個免費網站,為您的企業建立或自動生成一個標誌

...個企業都需要一個標識。但並不是每個企業主都有這樣的設計技巧。即使你不是一個藝術家,你也可以在這些網站上免費生成一系列基本的logo。 ...

  • 發佈於 2021-03-20 16:57
  • 閲讀 ( 42 )

建立快速圖形設計的9個最佳應用程式

...有了影片和網頁設計工具,再加上照片拼貼和社交模板,非設計師最終可以獲得一個創意套件,它不僅僅是為影象新增文字。 ...

  • 發佈於 2021-03-21 14:00
  • 閲讀 ( 54 )

為平面設計師提供的10個最佳免費字型包

如果你是一個平面設計師,選擇使用哪種字型會讓人望而生畏。然而,我們在這裡提供幫助,這些免費字型包在一個地方編譯了數百種奇妙的字型。這意味著你可以很容易地找到適合你需要的東西。 ...

  • 發佈於 2021-03-21 17:56
  • 閲讀 ( 48 )

5個最重要的印刷術語,解釋

...排版有承載版面意義的負擔,所以排版可以決定一個好的設計。然而,這並不僅僅是藝術家和廣告商要考慮的問題。各行各業的人都可以從瞭解排版工作原理中獲益。 ...

  • 發佈於 2021-03-21 23:32
  • 閲讀 ( 51 )
z860995
z860995

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章