小設計的《版式設計》筆記

2020-12-18 於大埋

花開時節,學設計

什麼是版式設計?

是指設計師跟設計主題和視覺要求,在預先設定好的有限的版面內運用造型要素和形式原則,將文字,圖片(圖形)及色彩等視覺傳達信息要素進行有組織,有目的地組合排列的設計行為與過程。

版式設計的最終目的是什麼?

是根據客戶的需求進行合理的文字與圖形的編排,以達到最直接,快速,有效的信息傳遞,使主題鮮明突出,增強讀者的注目度與理解力。

版式設計的基本原理

一:構成要素

版式設計的點可以是一個符號,一個文字或者一個標識等點是有著向心力的幾何元素,可以成為版式設計的視覺焦點。點的重複可以起到加強單位視覺元素的效果,點作為具有視覺性質的特性,往往還承擔著調配空間的效果作用。此外,點還可以作為方向性和導向性標識,甚至還可以作為版式中的分割,指示,引導的符號存在。

曲線柔美或輕重緩急,水平線寬廣與無限延伸,垂直直線充滿速度與激情等,線本身可以傳達出很多豐富的視覺信息讓讀者去感知

版式設計從某種程度上說就是對不同的面進行協調和整理。網格系統的出現使面成為可收納不同信息的空間,網格分欄還承載著群組信息和劃分層次等功能,呈現別具一格的版式效果、

點線面的結合

版式的處理可以看做是對點,線,面關係的協調和確定,但他們都統一於一個核心,就是對版式內容的服從。

二:形式美法則

統一與變化

在不同中尋求統一,在統一中尋求變化,這是版式設計要遵循的一個基本原則

均衡與對稱

對稱強調形態關於某一角度有規律的再現,重複和平衡,均衡是強調一種彼此相當的體重關係,以及視覺和心理上的平衡效果,而非完全對稱。

對比與調和

有了對比度畫面就像小說的情節一樣戲劇性的展開,但也要注意元素之間的相呼應調和,這樣兩者才能相互相成。

比例與分割

黃金分割比例關係

節奏與韻律

運用相似的元素,構成的有規律或無規律的變化

虛實與留白

虛是一種模糊,一種淡化,有可以拉開距離,留以空間體現層次感。

版式設計的視覺規律

視覺流程

設計要解決看什麼和怎麼看的問題,恰當的視覺流程有利於受眾對版式能夠有序地認知和接受,並在此過程中感受到形式的要素,怎樣高效而清晰地實現信息傳遞是設計者要考慮的問題。

怎樣建立視覺流程

設計者首先要明確版式傳達信息的目的,內容和要求,先對文字信息進行提取和歸納,使文章的信息有明確的層次和群化結構,然後對圖形進行適當地分類和處理,最後根據一定的順序對元素做出合理的編排。視覺流程的種類

1.利用線性關係建立視覺流程

從上到下,從左到右的線性排版方式

2.利用導向關係建立視覺流程

根據特定的符號或字母等引導性符號建立的獨特導向性視覺流程。

3.利用視覺中心建立視覺流程

為了更好的烘託主體,可採用增大圖形面積,加強圖形和周圍背景的對比關係等手法來強調。

4.利用散點關係建立視覺流程

要注意相關元素的幾何構成關係,運用節奏,韻律,均衡,統一等形式感的相關法則進行靈活處理和編排

5.利用重複關係建立視覺流程

有利於形式感的統一,客觀上強化了觀者對於視覺元素的認知和記憶,加強了表述內容,有利於版式的節奏形成。

視覺流程的表現

1.利用元素之間的內在關係表現

2.利用版式分割表現

3.利用特殊符號表現

版面率和圖版率

1.版面率

2.圖版率

視覺銳度

由解析度和物體邊緣輪廓反差兩個因素組成。版式中的視覺銳度是指版式中的圖,文,色等元素的可辨識和受到關注的程度。

字體的因素

字體的大小,顏色,形態是影響畫面視覺銳度的主要因素和版式受關注度的程度。

圖形的因素

從內容上講,這一幅版式中圖形的介入本身就是有效提高畫面吸引力的有效途徑。畫面的內容也會對觀者的興趣產生影響,人物是最有吸引力的,尤其是卡通和小孩,風景最弱

色彩的因素

一般純度和明度越高,或對比關係越明顯,越容易引起注意。

彩度高的圖片視覺銳度高,彩度用於強調細節。

版式設計的視覺元素

文字的版式編排

認識文字

在同一個版面中,無論多少信息,最好控制在兩到三種字體

文字編排常用形式

文字的排列方式可以決定閱讀的效果

左右均齊——端正,嚴謹

齊中——突出中心點

齊左齊右——閱讀習慣

傾斜——動感,方向感

沿形——新穎的視覺效果

文字編排的特殊表現

象形文字

意象文字——有想像空間

圖文疊印——視覺雜音,獨特

群組編排——主題明確,整體統一

圖片的版式編排

圖片的分類

靜態和動態的圖片

近景和遠景的圖片

整體和局部的圖片

圖片的處理形式

規則型和自由型

圖片的裁切

圖片的編排形式

方形版式——簡潔大方,平穩易於接受

出血版式——有擴張和舒展之勢

處理版式——動感十足,印象深刻

版式設計中的圖文結合

圖片與文字並置的方法——增強版面效果

圖片和文字橫置的方法——更突出橫置的內容部分

圖片中插入文字的方法

文字圖形化的方法——視覺上產生特殊的效果

版式設計的方法

網格編排構成方法

類型:對稱式網格和非對稱式網格

自由編排構成方法

自由版式設計的規律:

創新的自由性

文字圖形的一體性

破碎的結構性

字體的多樣性

局部內容的非閱讀性

編排構成的方法的選擇

設計無盡頭

版式設計的應用

版式設計在包裝中的應用:

1:明確消費商品的客戶群體,版式編排富有時代感

2:包裝是立體的,版式設計要有整體統籌意識

3:結合商品的內容特徵,版式構圖要個性鮮明,突出主題。

4:協調各種設計元素,使設計充滿情感,將「小空間」做大

版式設計在招貼中的應用

必須按照視覺流程的基本規則來編排,處理視覺元素。保證「瞬間效應」的過程中快速傳遞主要信息。

招貼的版式種類:標準式,定位式,中軸式,斜置式,文字式,圖片式,水平式,指示式八種形式。

版式設計在書籍中應用

基本原則有效恰當地反應書籍的內容,特色,符合讀者的年齡職業性別需要

版式設計在戶外廣告中的應用

基本要求:內容簡明扼要,突出重點,色彩醒目,文字簡潔,圖形清晰,遠視性強

版式設計在網頁中的應用

版式設計在網頁中的作用是使網頁的視覺傳達設計突出明顯。

整本書讀下來,感覺最受啟發的就是:設計不是簡單地搭配搭配,美化美化,而是一種視覺引導,是一種運用心理學的視覺營銷方式。——也是很高大上職業!

我知道你在看

相關焦點

  • 平面設計版式設計原理
    版式設計就是在畫面上,將圖片、文字進行排列組合,以達到傳遞信息和滿足審美需求的作用。設計的對象是圖片和文字。 設計的目的是傳遞信息和滿足審美需求。版式設計主要分二塊,樣式和版面,樣式是指文字、圖片的外觀。使用不同的文字、圖片樣式能帶給人以不同的感受。版面是當選擇好適當的樣式後,接下來就需要調整這些樣式的位置關係。樣式按什麼樣的關係排列,我們稱為版面。版式設計的範圍包括招貼畫、報紙、刊物、書籍(畫冊)、產品樣本、掛曆、唱片封套等平面設計的各個領域。
  • 版式設計系列課程1:版式設計的基本概念包含哪些內容?
    版式設計在平面設計這個專業中的佔比和重要性遠遠大於其他課程,這不僅是一名平面設計師的基本功,它的存在決定著設計師能否在設計行業長足發展,同時是設計師設計水平高下的基本參考依據,因此,學好版式設計不僅關係到當下立足,也關係到長遠進步。
  • 保姆級UI界面版式設計實用小技巧
    ,不論是交互邏輯還是設計細節,非常佔用設計師的時間成本,在這裡我為大家分析和整理了常用的一些實戰設計小技巧,幫助大家節省一些搜集資料的時間,希望幫助設計師們提高設計品質和效率!有節奏感的版式設計 節奏感的設計表現形式有很多種,比較常用的是在統一的樣式節奏中穿插不同的模塊來使得頁面的節奏感更加的跳躍和靈活,比如Medium、網易雲音樂的版式設計中都運用了節奏感的設計方法
  • 讓你更懂版式!版式設計基礎要點/程序
    版式設計要點版式設計所具備的基本特徵其實也是版式設計的原則,它不僅是一種藝術創作的需要,也是減輕視覺閱讀疲勞、提高視覺閱讀效率和趣味的需要,同時也能體現設計師的個性與價值。所有的藝術化創造首先都應滿足功能需要,這也是版式藝術的特殊性所決定的,設計師在進行版式設計時應考慮以下要點:主題明確、條理清晰版式設計作為傳達某種信息的載體,不能像藝術繪畫創作那樣以表現內心情感為主要目的,而是在傳達信息的過程中,應當根據主題內容、版式設計的功能需求
  • 如何做好用戶界面中的版式設計?來看資深設計師的總結!
    前言說到版式設計很多人更多聯繫的是平面設計中的海報版式設計,而在UI界面設計中,也需要遵循很多的版式設計方法論,今天我為大家整理一份UI設計中版式的實戰運用以及設計思路。什麼是用戶體驗界面版式設計版式設計是現代設計藝術的重要組成部分,是視覺傳達的重要手段。表面上看,它是一種關於編排的學問,實際上,它不僅是一種技能,更實現了技術與藝術的高度統一,版式設計是現代設計者所必備的基本功之一。
  • 現代版式設計風格
    文/易曉 版式設計是平面設計的基礎。版面的構成要素包括圖像、文字、圖形、色彩、線條等,但設計不是對這些要素的簡單羅列,這些無聲的視覺符號需要我們斟酌安排,使之具有形式美的含義。版式設計決定著平面設計的基本結構、設計的基調。設計中的結構是內斂而隱蔽的,它們藏匿在漂亮而感性的圖式背後,無聲地體現著設計中理性的規範。
  • 書籍版式設計解讀
    我們用書籍版式設計解讀、釋放每一文本的潛在視覺語言與表現形式,嘗試為讀者帶去舒適而愉悅並且更具個性特質的閱讀感受,希望在這個什麼都「快」的時代,書籍能夠留住我們對時間的感覺,在慢下來的時間裡去體驗紙張和文字在指縫間、目光中的流動……
  • 版式設計基礎要點包括哪些?
    版式設計的基礎在於能夠流暢地傳達信息,視覺感官上要順暢,讓信息在這樣的「流」的狀態下,準確、有效地傳播。版式設計所具備的基本特徵其實也是版式設計的原則。那麼,版式設計基礎要點包括哪些呢?今天就跟隨小編一起來了解下吧!
  • 這些版式設計小技巧收藏好!
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享UI界面如何製作?這些版式設計小技巧收藏好!在做UI界面的時候,很多時候我們需要去看很多的產品進行競品分析、市場調研,不論是交互邏輯還是設計細節,非常佔用設計師的時間成本,在這裡我為大家分析和整理了常用的一些實戰設計小技巧,幫助大家節省一些搜集資料的時間,希望幫助設計師們提高設計品質和效率!
  • 廈門促銷海報設計版式基本要求
    促銷海報的版式多種多樣,並沒有標準的版本,並且因促銷的內容不一樣其側重點也會有所不同。但是有些版式的基本要求還是需要注意的,以下是美工鋪子小編為大家整理的內容。
  • 版式設計五大關鍵點分別是什麼?
    所謂版式規劃,即在版面大將有限的視覺元素,進行有機的排列組合,將理性思維個性化地表現出來,是一種具有個人風格和藝術特徵的視覺傳達方法,能夠產生感觀上的美感,它的規劃原理和理論貫穿於平面規劃的一直。那麼,版式規劃五大關鍵點是什麼呢?
  • 樓體大字版式設計編排-字工場
    樓體大字信息內容的傳達主要依託於文字、圖形、符號、色彩、地圖等要素,而版式設計則是對這些要素進行合理編排,使信息得以有效傳達。在運用相關原則對樓體大字的版面信息內容進行合理組織後,即可根據視覺傳達的相關設計原理進行各要素的設計編排。
  • 日式設計的7個版式技巧
    在平面設計領域,小日本一直都是世界領先水平,個性鮮明的日式風格受到世界各地設計師的追捧(當然跟他們的「特產」還是沒法比的),尤其是版式設計,似乎與我們平常所接觸到的都不太一樣,獨樹一幟又美得很有想像力,很多設計師想學卻感覺無從下手。
  • 版式設計的文字層級!增加層次感
    文/胡麗麗 在版式設計中,文字在信息傳達方面具有不可或缺的作用,它不僅作為情感要素傳遞信息,還一定程度上作為視覺要素引領審美時尚。文字是版面的核心,也是視覺傳達的最直接方式。版式設計是在版面上將圖片、文字進行排列組合,以達到傳遞信息和滿足審美需求的作用。
  • 想做好版式設計?先了解版式要點①
    另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。1、利用對角線創造版面圖例將裁切成同樣大小的圖片放置在版面右下及左上角位置,通過典型的對角線布置,讓讀者能認真地閱讀。
  • 版式設計需要合理規劃圖片!
    在版式設計中除文字以外,圖片是傳遞信息的又一種有效途徑,是版面構成的重要組成部分,其相對於文字更直接、更快捷、更形象。利用剪裁手法製作不同的圖片①出血圖片。我們在設計一些物品食品、衣物等實物版式時常常採用沿物體輪廓線來裁圖片,這種方式可以最大限度地將物體的形狀與特點展示出來,使圖像更具有動感和靈活性;同時,沿輪廓線裁剪的圖片在與文字等其他元素進行組合編排時,可以使版面的樣式豐富多樣。
  • 全面掌握版式設計中的網格系統
    網格系統為設計師提供了一種快速設計版面的手段,是理性了,也就是說大部分設計師無需依靠太多創意,僅依靠網格系統就可以設計出不錯的版式效果。 3、約束版面 這種特點常體現於書籍、雜誌、畫冊這類多頁版式設計之中,成系列的編排,利用相似的網格框架,保持每一頁之間相互都有關聯性,產生整體感。
  • 「團隊介紹」頁面設計,我花了30分鐘設計了3個創新版式
    在平面設計中,經常碰到團隊人物介紹的版式設計,在顏值盛行的2020年,如果在人物設計中,不注意版式設計細節,很容易讓人審美疲勞。 在這個無趣的設計中,是否看了讓人昏昏欲睡呢,今天就來教大家3種創意團隊介紹版式設計,這樣的版式很適合一些年輕團隊或者科技網際網路公司。 1、利用四邊形設計 四邊形在設計中是一個很常見的設計素材,用來在人物介紹中,可以更加突出年輕感與活力。
  • 版式設計!如何挑選合適的圖片?
    在版式設計中,將規格不同的角版圖形投放到同一個版面中,利用圖片在外形上的對比關係來增添版面的變化效果,並進一步打破呆板的版式格局,從而提高觀賞者對版面的感知興趣。由於角版圖片具備簡潔的外形,因此能極大限度地突出圖片中的視覺信息。
  • 學會這些版式設計知識,讓你做出高級的排版
    版式設計決定作品視覺傳達的傳播工具在這個時代,無論是紙媒還是網際網路,信息的傳播都離不開版式設計,好的版式設計可以在有限的頁面內,以最快速、直接、有效的方式傳遞出核心的信息內容,並讓受眾建立深刻而良好的印象。所以,今天我帶領大家學習一些版式設計知識,希望可以幫助到你們早日做出爆款的版式~!