如何讓你的平面設計作品高大上之 排版的運用

2020-12-04 小軒說ps平面設計

你以為排版只是左對齊、右對齊、左右對齊、居中對齊那麼簡單嗎?你以為的知識你以為的,今天就是帶著大家遠離排版誤區,了解排版在平面設計中的運用。

所有的平面設計都離不開版式,包括網頁設計、互動設計和UI設計。但是排版是一門很深也很難掌握的學問,有簡簡單單對齊就很好看的,也有看似亂七八糟但不明覺厲的。於是很多設計師就會有點迷糊,排版到底要怎樣才算好看?是不是純粹靠感覺啊?

其實版式設計也是有套路滴,我發現好看的版式設計都離不開這兩個字——對比,下面是我總結的,在版式設計中經常用到的九大對比手法:

1.字體大小(粗細)對比

大小對比在文字排版中是最常見的,在需要羅列的信息裡一般會有標題、小標題、內文之分,也會有重點信息和非重點信息,把重要的信息放大,次要信息則縮小處理,就形成了大小對比,這樣做的好處是可以減少次要信息對重要信息的幹擾,使之更容易被接收。大小對比還能使版面的層次更豐富,讓受眾有細節可看,當然,最終的還是得以那幾種對齊的方式來排列,呵呵!

如果把上圖的小字部分去掉,你會發現,前後效果相差很多。

2.長短對比

長短對比分為行與行之間的長短對比和列與列之間的長短對比。

在文字排版中,每一行文字長短不一,要比每一行都等長好看(段落文章除外),而且文欄位落的側面最好是呈波浪形,如上圖,這一點我在文章《設計的基礎就是把輪廓做好看》中有細講。所以我們在排版時可以通過斷句來刻意形成長短對比,使排版看上去更美觀(最好別把詞語或單詞斷開)。(免費平面設計學習群:760——++——610——++——867)

如果把上圖中的文字改成每行一樣長的話就會得到如下效果:

算不上太醜,但略顯呆板。

列與列之間的長短對比是指在畫冊、雜誌、報紙的排版中,由於文字信息比較多,我們經常會把文字分為幾列,這時候利用好各列段落文字的長短關係,也能創造很好的效果,如左下圖。

如果像右上圖的把各段落排得一樣長,整個版面就又顯得呆板了。

3.稀疏對比

在實際排版中,我們需要處理的文字常常是有功能、信息、地位之分的,這時候最常見的處理手法就是把同一類型的信息擺在一起,而不是同類的信息則會區隔開來,然後對它們分別進行不同的字體、字號和顏色處理等,這樣做的好處是信息清晰、看起來比較透氣,設計師可以利用這種手法製造視覺流程,引導受眾閱讀信息。

如果把上面例子中的稀疏對比去掉,就會顯得有點壓抑。

再比如下面這張名片的設計,有無稀疏對比差別也挺明顯。

4.方向對比

即把版面中的一部分文字信息朝某個方向排版,而另一部分文字則朝其他方向排版,這種手法可以有效增加版面的動感或者空間感,海報設計中比較多見,因為很多海報的信息比較多,對排版的限制又比較少,所以設計可以玩的很靈活。下圖海報為向右上傾斜和向左上傾斜的對比。

日本是版式設計的高高手,下圖海報運用了水平與垂直對比。

5.字體對比

大家應該都聽過這種說法:「一個畫面裡的字體最好不要超過3種。」因為過多的字體會造成版面很凌亂,不過如果一個版面裡的信息比較多,而又只有一種字體的話,也會顯得有點單調,用兩種或三種字體進行排版可以製造對比,既能把不同信息區別開來,也能豐富版面,使設計看起來更具吸引力。

但也並不是字體不同就能形成對比,而是需要這幾種字體的風格能形成比較大多反差,例如書法字體與宋體,手寫字體與黑體等等。上圖的版式中,是在眾多的羅馬體當中夾雜了一個手寫體,正正規規的羅馬體與隨性的手寫體組合在一起,就產生來化學反應,整個版面一下子活了起來。

而如果把上圖的手寫體也改成羅馬體,整個版面就很普通了。

下圖的這款包裝中,中文產品名為手寫字體,而英文產品名則是羅馬體。

如果把中文產品名改成宋體,出來的效果也會大打折扣,雖然這裡還保留了大小對比。

6.字體顏色對比

說到顏色對比,大家很快就會想到圖片中的顏色對比,其實文字排版裡面也會經常用到,運用色彩對比的文字排版可以起到突出重點、區分信息、裝飾畫面的作用,同時不同的顏色可以傳遞不同的情感,合理的運用色彩對比,可以讓設計更符合所它所表達的內容的屬性,在標題設計中會比較常用到此手法。

缺少顏色對比的排版會顯得有些單調、平淡,如下圖。

下面的畫冊設計中,除了左邊的第三行文字用了紅色,其他的文字都是灰色,視覺上形成了差異化,當然這個紅色就是來源於圖中紙船裡的紅色。

如果把這僅有的紅色也改成灰色的話,似乎少了一個點睛之筆啊。

7.圖文對比

我們也可以把它看作是線與面的對比。

文字與圖片是平面設計的兩大最主要元素,所以掌握圖文對比手法也是必不可少的。圖片與文字的組合方式有很多種,如:並列排版、文字繞排、圖疊文、文疊圖等等,圖片出現的形式主要分規則的幾何形和不規則的異形兩種,這些我們都可以根據實際需要進行選擇。

純文字的版面雖然也可以排得很好看,但是會缺少有圖片時的視覺衝擊、感染力和美感,如果把上圖的圖片去掉全填滿文字,該版面的張力與美感瞬間就沒有了。

再比如下面的ui設計,如果把圖片去掉,版面就會顯得單調很多。

8.立體字與扁平字對比

這種對比效果在廣告設計中比較常見,例如把標題設計成3D的立體效果,副標或者內文用扁平效果,或者某個畫面的主視覺就是立體,標題則直接用扁平字等等,出來的效果也很不錯,空間感和視覺衝擊力很強。右上圖就是把做上圖的立體字效果去掉了,結果視覺中心顯得很單薄。

9.局部與整體對比

局部與整體的對比在平面構成中又稱特異,即版面中的大部分元素是一個效果,而只有局部的某個元素是完全不同的另一種效果,局部與整體的對比感很強,能形成強大的反差,所以容易造成眼前一亮的效果,另類處理的局部部分也會隨之成為視覺重點。

下圖的畫冊設計也用了此對比手法。

當然在排版中只用一種對比手法難以達到理想的效果,所以我們所看到的很多版式設計都至少採用了三種以上的對比效果。如下面的這幾個例子:

上圖綜合了文字大小對比、行之間的長短對比、圖文對比、整體與局部對比、稀疏對比。

上圖綜合了字體對比、大小對比、顏色對比、列之間的長短對比、整體與局部對比。

上圖綜合了字體大小、行之間的長短、字體顏色對比。

上面的畫冊排版中綜合了字體大小對比、行之間的長短對比、字體對比、整體與局部對比。

總之,有平面設計的地方就有排版,有排版的地方就有對比,運用好對比,你的排版功力就又進了一步。到這裡,今天的了解排版在平面設計中的運用就結束了,總結:如果大家覺得這篇文章還不錯,您的收藏,點讚,轉發將是小編持續更新文章的最大動力!小編整理了一些學習資料和實戰經驗可以免費分享給大家,歡迎關注私信小編「ps教程」領取!

相關焦點

  • 平面設計如何提升色彩運用的合理性?
    顏色能夠引發人們的不同情緒,各式各樣的顏色帶給人們不同的視覺作用,同是會發生相應的心理感受,是規劃師進行平面規劃的重要情感元素。經過合理的顏色組合,能夠給人帶來激烈的視覺衝擊感。那麼,平面規劃怎麼提升顏色運用的合理性呢?
  • 如何讓你設計的Logo看起來高大上?你需要這個……
    當你看到蘋果Logo的時候,是否曾有過這樣一種感覺——好像也就是一個蘋果,被咬了一口,沒什麼難度啊!當你看到蘋果Logo的時候,是否曾有過這樣一種感覺——好像也就是一個蘋果,被咬了一口,沒什麼難度啊!那麼,如何讓自己設計的Logo變得高大上(規範且專業)呢?——學會使用輔助線。
  • 平面設計師創意作品要把握哪幾點?
    設計使得我們的生活變得更加精彩。如何實現當代平面設計的新發展,眾多設計師在不斷探索並為之努力。平面設計師如何保持自身的創意性是非常重要的一點,而在創意作品要把握哪幾點呢?今天就跟隨小編一起來了解下吧!其一,創意要有針對性。所謂針對性就是作品信息必須明確傳達中心意義給受眾。
  • 平面設計 | 作品集怎樣設計才顯得夠專業?
    ,一份好的作品集可以幫你達到事半功倍的效果,然而設計上也需要花一點心思去做。那麼作品集怎樣設計才給人一種專業感呢?今天為大家總結幾招實用的技巧,希望能幫到你。  01  確定作品集的內容模塊  做任何設計之前,都需要了解清楚所設計的信息內容,主題以及目的。作品集也不例外,例如作品集包含什麼內容模塊?
  • 如何讓平面設計的配色更協調?
    那麼,如何讓平面規劃的配色更和諧呢?今日就跟隨小編一起來了解下吧!一、色相共同的配色色相共同的配色可以讓ui規劃看上去愈加和諧,簡略地說就是假如使用藍色就全部使用藍色系,這種方式的配色可以讓人在視覺上的感觸愈加和諧、共同也更簡單接受。
  • 上進青年研習社丨設計入門01:平面設計之平面構成中的點
    原本考慮著自己做,奈何根本不知如何下手,不得不靠模板生存。假期歸來,趕緊追著姜哥問:怎麼做設計。「平面構成知道不?」「四大設計原則知道不?」「平面設計有哪些元素知道不?」設計也一樣,基礎理論說的就是方法。掌握了設計方法,即便技能工具不斷地更新換代,而你只會PS,同樣可以做出優秀的作品,並且適用於多個領域,比如PPT、建築、服裝、繪畫等。為了讓大家深入學習每一塊的知識點,接下來就交給姜哥詳細解說。
  • 告訴你PPT要怎麼做才能高大上
    現在告訴你高大上的PPT要怎麼做,怎麼樣思考和練習才能讓PPT與眾不同?第一、工欲善其事必先利其器現在PPT最新版已經是2016版了,如果你還在用03版趕緊換吧,都落後13年了,16版比03版無論是設計上還是操作上體驗都比03版好10000倍,要下載請到PPT大學。
  • 精選AI+PS教程,教你快速製作高大上的背景素材!
    這個系列的第2招,用AI的混合大法做出超酷炫的素材背景!>>>>  設計思路教程!如何打造細膩光感抽象漸變背景這類背景可以運用在許多領域,但根據屏幕顯色和印刷色的色感不同,普通印刷後的效果可能並沒有傳遞好屏幕中所營造的「光感」,所以這在WEB端的平面設計中會更常用到。【最終效果】
  • 室內設計作品集該如何準備?
    作品集大致都需包含concept,research,development,experiment,final outcome等主要部分。室內設計的作品集一般包含4-6個項目,設計剖面圖、尋找實驗材料、製作模型……國外的設計院校更注重你的前期調研,設計思路和設計理念。
  • 平面設計——排版中的組合與重複
    在一個版面上距離越近的元素就越有關聯性,所以相關的信息應當彼此靠近形成一個組合;不相關的信息則應該互相遠離加以區分。組合的方式組合玩的就是關聯性與區分性,相關信息成組建立關聯性,不相關信息不擇手段的加以區分,也就是我們常說的信息的貼近與遠離。那麼建立組合的方式有哪些呢?第一種自然是通過留白建立距離關係進行區分,留白是設計中通用的萬金油原則。
  • 平面設計到底是做什麼的?
    怕什麼,我們怕什麼你不知道嗎?最怕一堆親戚圍著我們問「你是學什麼專業的呀?」在我向二大爺一家認認真真的闡述了「平面設計是幹什麼的」之後,他們恍然大明白的說了一句:「噢~就是幹包裝的呀!」2.平面設計不只適用於印刷媒介除了報紙、雜誌、包裝等印刷材料等設計製作,平面設計領域也應用於廣泛的數字媒介,比如微博宣傳、電子郵件廣告、網站Banner……許多平面設計師的工作和Web、UX設計師也有交叉重疊。
  • 如何設計一個「高大上」的 logo?
    今天我將具體說說如何設計一個 logo。第二步:思維導圖工具:白紙、鉛筆思維導圖我們從小就接觸過(上語文課老師大括號裡面列出來的總結)其實並不是一個高大上的東西,但思維導圖確實是一個能很好的幫助我們發散思維的方式,一支筆,一張紙就好。當然你也可以藉助一些專業的思維導圖軟體。
  • 平面設計課程
    城市的發展離不開設計的需求。所謂的平面設計,就是把不同的基本圖形,按照一定的規則在平面組合成圖案所表現出來的立體空間感,即用視覺語言來傳遞信息和表達觀點。表達出視覺的美。它的設計範圍和門類非常廣泛,如各種媒體、建築、工業、環藝、裝潢、展示、服裝、廣告等等,總之,有多種需要就有多少種設計,具有廣闊的發展前景。是發展市場經濟不可缺失的重要力量。平面構成的形象要素(點、線、面、和基本形的構成)、形與空間關係(構成方式:重複、近似、群化、漸變、發射、特異、對比、密集、肌理)點、線、面的單獨運用。點構成線。
  • 2021平面設計走向哪?掌握這8大趨勢就能抓住名校眼球!
    想做出為優秀的平面設計作品集,應該具備足夠的觀察敏銳力,緊跟世界最新設計潮流,時刻關注設計風格的發展趨勢,再將這些潮流元素轉化為自己的靈感加入作品集當中。 那麼下半年&明年,平面設計趨勢都會流行哪些呢?以下就是小編想跟大家分享的!
  • 平面設計最全板式推介
    最近一個月青藤醬都在分享平面設計實用軟體PS的各種特效製作和顏色調整的教程,相信大家或多或少都能夠學到一二。而今天青藤醬決定暫時拋開實操,回歸一下理論知識,跟大家分享一些平面設計的理論知識和案例。版式設計是平面設計當中一個十分重要的組成部分,字體的排印、創意視覺的排布和版面和合理分配,多者結合才能夠完美表達平面設計師的設計理念和設計訴求。
  • 設計構圖技巧!平面構成法的運用
    文/呂方正 張穎 平面構成是視覺元素在平面上,按照美的視覺效果和力學的原理,進行編排和組合,它是以理性和邏輯推理來創造形象、探究形象與形象之間 的排列的方法,是理性與感性相結合的產物。掌握平面構成知識並將它創造性地應用到設計構圖中,是非常有必要的。平面構成形式主要有:重複、發射、對比、漸變、分割、特異等等。接下來進行分別闡述:重複構成是以一個基本單形為主體,在基本格式內重複排列,排列時可作方向、位置變化,具有很強的形式美感。
  • 平面設計入門有哪些?
    最近,總是收到一些私信,基本都是問零基礎該如何學習平面設計這類問題的。很多設計小白想要從事設計,卻理不清頭緒,不知從哪裡入手學習。今天就給大家分享一下,小白入門設計的技巧。01到底什麼是平面設計呢?通俗地說,平面設計就是運用美術的表現形式,通過專業的電腦軟體來完成特定內容的藝術創意的行為。平面設計的範疇非常廣泛。
  • 為什麼平面大師喜歡用英文設計元素?
    家有沒有注意到,在很多優秀的設計作品中,我們常常會看到一些英文的出現,它們的形態設計也各不相同。那麼作為設計師,你知道設計作品中常用一些英文的目的是什麼嗎?下面青藤小編就和大家共同分析總結一些設計中英文的具體用途。
  • 東莞平面設計全科班學費_平面設計培訓價格_東莞市石碣振華電腦...
    課程介紹:平面設計課程包含PS、Ai、CDR、品牌電商設計、品牌logo設計、品牌物料、Dw、網頁設計、電商設計、Icon、Axure交互等學習內容:PS1.介紹軟體(應用領域、優勢)/軟體界面與設置/視圖縮放與移動/選擇工具/屏幕顯示模式/包裝效果圖/選區自由變換/保存格式/
  • 近兩年世界設計潮流盤點:避開亮色系,在平面上增加深度
    亮色會反射更多光線,其造成的效果就像你在看書,然而有人不停用閃光燈照你一樣,即使把內容讀完,也會催生出負面情緒。 如果實驗導航模式足夠直觀,讓用戶能夠與之交互並產生愉悅感,那這種設計就是成功的。但也必須意識到一點,即:並不是每種設計和每個觀眾都適合這種風格,測試其可用性至關重要。