想做好版式設計?先了解版式要點①

2020-12-18 設計智造

注意閱讀順序與穩定感,放置多重圖像的基本手法之一就是倒三角形的布置方式。倒三角形布置,就是在版面上半部放置大型圖片以及表現力較強的圖片,強化其比重之後在版面下半部逐漸減少圖片數量,呈現出倒三角形的布置形式。

這樣的構圖形式可以使讀者的閱讀順序從上而下,從而能大幅提高縱向段落內文的可讀性。另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。

1、利用對角線創造版面

圖例將裁切成同樣大小的圖片放置在版面右下及左上角位置,通過典型的對角線布置,讓讀者能認真地閱讀。對角線兩端的兩張圖片彼此呼應,有效地將讀者的視線集中於版面的中央。

2、製作留白的空間讓頁面動起來

若覺得典型的對角線過於穩重,不妨試著在版面中稍微錯開單邊的圖片位置,使上方空出來,這樣便能有效地創造出節奏感。而白色背景在此更加搶眼,同時還能賦予版面較輕快的感覺。

利用平均的網格,網格系統就是利用格狀參考線等分頁面後,再以分割出的網格為基準,置入文字和各種平面設計元素。由於是沿著參考線放置元素,因此能有效編排出具統一感和整體性很強的版面。雖然這樣的設計容易顯得單調呆板,但是只要在網格間或是版面的配色上多下工夫,就能讓版面活潑起來。

1、分別集中配置不同元素

在擁有3欄網格的單頁裡,在頁面內側放置圖像,並在頁面外側放置內文,以使圖文信息變得更有條理。這種方式通常能有效地編排產品類的頁面,另外棋盤交錯縱橫的方式放置圖文,可以讓頁面看來更活潑、不死板。

2、拉大網格間距

雖然網格系統能夠整理出整齊的頁面,卻也容易讓人產生壓迫感。因此,若能拉大網格之間的空隙,就能創造較為輕鬆的頁面氛圍。另外,若能設計出一個可連接或涵蓋多條網格的區域,便可讓頁面產生節奏感。

3、利用網格分割跨頁版面

利用網格規劃跨頁版面,並靈活放置圖片與內文,就能創造不同於一般段落編排的印象,有效地創造出不同變化的版面編排模式,也正是網格系統的優點之一。

如果只是單純應用等分頁面的網格系統來分割版面,,往往會造成呆板而平凡的版面。因此使用網格系統時就必須在網格的配置規則上多花一些心思,這樣才能在保證排列有序的同時,創造頁面變化。

我們可以試著改變頁面元素的放置,例如:連結、切割網格的方式,或是在網格的間隔上增添變化。另外,若可以再配合運用分割線,還能規劃出更複雜多變的版面。

例如:以3×3的網格規劃單頁版面。右頁裡左側的單欄圖像與左頁的圖像使用了同樣的編排格式,而右端的兩欄網格區域,則當作標題使用,讓整個跨頁版面呈現4:2的編排比例。

所謂的自由式版式設計,就是不局限於固定的網格系統與段落格式,自由進行編排配置的方法。由於不受規則制約,可將多種元素以有節奏的方式編排出來,也可將大量圖片塞入版面,因此它適合用來編排元素較多的頁面。當然也能應用在創造華麗而熱鬧的版面上。

比起方方正正的矩形圖片,自由式的版式設計更適合使用去背圖片,因為形狀不固定的圖像,才更能強調出隨機的動感。

1、交錯放置大小不一的圖片

圖例稍微將版面中各元素的位置錯開,設置或略有整齊氣氛的自由式版面。將去背圖片以不同大小交替放置,可以為版面創造節奏感。類似剪貼畫般的隨機拼貼形式,能創造出極具親和力的版面印象。

2、對齊頁面底端以強調穩定感

這是利用同尺寸文案區域所做出的自由式版式設計。運用高低不一的方式放置文案,便可讓頁面呈現出節奏感。而去背的物品圖片則統一對齊頁面底端,因此在節奏感之外,額外增添了一份秩序感。

相關焦點

  • 想做好版式設計?先了解版式要點
    另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。 雖然這樣的設計容易顯得單調呆板,但是只要在網格間或是版面的配色上多下工夫,就能讓版面活潑起來。
  • 讓你更懂版式!版式設計基礎要點/程序
    版式設計要點版式設計所具備的基本特徵其實也是版式設計的原則,它不僅是一種藝術創作的需要,也是減輕視覺閱讀疲勞、提高視覺閱讀效率和趣味的需要,同時也能體現設計師的個性與價值。所有的藝術化創造首先都應滿足功能需要,這也是版式藝術的特殊性所決定的,設計師在進行版式設計時應考慮以下要點:主題明確、條理清晰版式設計作為傳達某種信息的載體,不能像藝術繪畫創作那樣以表現內心情感為主要目的,而是在傳達信息的過程中,應當根據主題內容、版式設計的功能需求
  • 版式設計技巧!巧用線元素
    文/李嶽 對於版式設計來講,線元素是必不可少的創作元素,線擁有多變的表現形態,根據表達目的的不同,其表現法則主要分為兩種:其一是線的視覺張力;其二是線的情感展現。在版式設計中將線元素按照環狀的形式進行重疊排列,使線條組合模擬出漣漪的視覺效果,借用該排列方式對畫面整體進行渲染,使其產生向內或向外擴散的視覺牽引力。
  • 小設計的《版式設計》筆記
    版式設計的基本原理一:構成要素點版式設計的點可以是一個符號,一個文字或者一個標識等點是有著向心力的幾何元素,可以成為版式設計的視覺焦點怎樣建立視覺流程設計者首先要明確版式傳達信息的目的,內容和要求,先對文字信息進行提取和歸納,使文章的信息有明確的層次和群化結構,然後對圖形進行適當地分類和處理,最後根據一定的順序對元素做出合理的編排
  • 先了解規格、版式,再考慮頁面設計
    這一講主要向大家介紹一下家譜常見的開本、式樣與版式,這是用常用辦公軟體進行家譜版式設計的基礎。本文及圖片除註明出處外均為悅華海音原創,不經本人允許,請勿用於商業用途。家譜和普通書籍在規格、版式上差別很大,如果要自己動手在電腦上進行頁面設計、圖文錄入,首先得了解下家譜式樣的基本常識。如不然,有可能做無用功。舉個例子,印刷機是有有效印刷範圍的,如果你設計的版面超出了範圍,按原尺寸印刷,有些邊框、甚至文字就無法印出。
  • 版式設計系列課程1:版式設計的基本概念包含哪些內容?
    版式設計在平面設計這個專業中的佔比和重要性遠遠大於其他課程,這不僅是一名平面設計師的基本功,它的存在決定著設計師能否在設計行業長足發展,同時是設計師設計水平高下的基本參考依據,因此,學好版式設計不僅關係到當下立足,也關係到長遠進步。
  • 版式設計不可亂來!要遵循視覺規律
    視覺流程表現規律視覺流程是一種視覺引導,是指受眾閱讀版式時獲取信息的先後順序。版式設計本質上是一種規劃,是為了傳達一定信息而做出的視覺功能性載體,功能性是第一位的,設計是要解決看什麼和怎麼看的問題。①利用元素之間內在關係表現。在許多現代的版式設計中,視覺流程的表達更多的時候沒有明確的輔助線,元素相互之間卻是通過視覺感官上的聯繫,成為形散意連的整體,元素的有序性可以造就清晣的視覺流程,營造良好的閱讀環境。②利用版式分割表現。
  • 這才是版式設計的終極乾貨,學一次受用終身!
    作者周妙妍是站酷百萬人氣設計師,曾出版過《版式設計從入門到精通》,也是公眾號「版式設計很簡單」的主理人。簡單翻看一下這本書,你就會發現它實用性很強,有大量的案例實操分析,對從事設計工作或者想學習版式知識的人,都很有幫助!
  • 版式設計攻略!如何恰當的運用圖片?
    文/王起 版式設計中圖片數量的多寡,直接影響到觀賞者的興趣,根據版面的內容精心安排圖片會大大提高觀者的閱讀興趣。圖片放置的位置直接關係到版面的構圖布局,版面中的左、右、上、下以及對角線的四角都是視線的焦點,在這些焦點上恰到好處地安排圖片,版面的視覺衝擊力就會明顯地表露出來,使版面變得清晰、簡潔而富於條理性。
  • PPT排版萬能版式,好看的PPT都用的這些版式
    PPT設計屬於版式設計,裡面涉及到很多排版的小知識。要想學好PPT,就要在平常多積累一些版式。我在學習PPT過程中,看到一些優秀的作品,也都會收藏起來,並且研究這個作品背後的版式設計的邏輯。很多作品,雖然內容不一樣,但是背後的版式是相同。所以,我從500個經典案例裡面,給大家整理了一份PPT排版的萬能版式。
  • 一個多月,如何學好版式設計?
    應大家要求,第27期版式設計課調整到4月份進行。今天,新的一期線上版式設計課程將於今天中午接受大家報名,4月21日開課。< 可點擊上圖了解詳情 >昨天還沒看過這篇文章介紹的可以點擊這裡👇《報名 | 想學版式設計嗎?
  • 品牌設計公司分享版式設計的方法
    看到別人的品牌設計是不是覺得不明覺厲?特別是版式的設計,獨樹一幟又美得很有想像力。品牌設計公司給大家總結了下面幾種版式設計方法。品牌設計公司分享版式設計的方法品牌設計中版式設計小方法一、縱橫交錯的文字排版版式設計如何運用縱橫交錯的文字排版呢?
  • 版式設計需要合理規劃圖片!
    在版式設計中除文字以外,圖片是傳遞信息的又一種有效途徑,是版面構成的重要組成部分,其相對於文字更直接、更快捷、更形象。利用剪裁手法製作不同的圖片①出血圖片。在具體設計過程中,我們經常遇不到一張能夠完美表現主題的圖片,這時我們就需要主動去構成圖片。將多張圖片中的元素經過大小、虛實、明暗等多方面的視覺處理,合成一種符合主題概念的圖片,這種處理方式融合了設計師的創意和想像力,使主題表現得更充分。
  • 廈門促銷海報設計版式基本要求
    ,是整個版式設計中需要突出的重點,不管是文案還是背景,都是在為烘託商品而服務,所以在設計上一定要突出產品的主題,讓用戶能夠清楚直接地理解海報想要表達的意義,因此在設計時要減少不必要的輔助元素。 2、信息層級要分明 整個版式設計首先要區分信息層級,先區分清楚商品層、文案層、背景層到底哪個部分是畫面的重心,哪個需要著重表現。如果整個海報的版式布局比較分散、元素分布過於平均,會使用戶不能迅速掌握瀏覽的重心。線上促銷海報的版式設計中,要注意信息區塊的分層,信息傳達的越多,主題越不明確,就越不容易達到明確的效果。
  • 版式設計五大關鍵點分別是什麼?
    所謂版式規劃,即在版面大將有限的視覺元素,進行有機的排列組合,將理性思維個性化地表現出來,是一種具有個人風格和藝術特徵的視覺傳達方法,能夠產生感觀上的美感,它的規劃原理和理論貫穿於平面規劃的一直。那麼,版式規劃五大關鍵點是什麼呢?
  • 版式設計的文字層級!增加層次感
    文/胡麗麗 在版式設計中,文字在信息傳達方面具有不可或缺的作用,它不僅作為情感要素傳遞信息,還一定程度上作為視覺要素引領審美時尚。文字是版面的核心,也是視覺傳達的最直接方式。版式設計是在版面上將圖片、文字進行排列組合,以達到傳遞信息和滿足審美需求的作用。
  • 版式設計系列課程2:版式設計中的「三定一執行」是什麼意思?
    親愛的各位設計師,在上一期的文章中,我們對「版式設計」這個概念有了基本講解,其中包括版式設計的概念、應用範圍以及版式設計的意義和目的。在了解了這些概念後,版式設計應該從何開始,有哪些事項是設計師開工前必須要注意的呢?今天這篇文章就來聊一聊。閱讀提示:今天討論的問題僅限商業設計範疇。
  • 【海平面】編輯排版設計靈感:《影響》雜誌版式設計欣賞
    關鍵詞:排版設計,版式設計,雜誌設計,平面設計,版面設計,報紙版式設計,企業期刊,期刊設計,內刊設計 ,海空設計,設計公司 編輯排版設計靈感:《影響》雜誌版式設計欣賞
  • 電影海報的版式法則!
    版式設計,是按照一定的視覺表達內容的需要和審美的規律,結合各種平面設計的具體特點,運用各種視覺要素和構成要素,將各種文字圖形及其他視覺形象加以組合編排,進行表現的一種視覺傳達方法。統一主要是指各種設計元素在內容和形式上的有機聯繫,從而實現視覺上和心理上的連貫。統一,是為了使設計的主題突出,風格一致,達到版面的整體完整。版式設計的統一主要包含色調上的統一、字體風格的統一、圖形樣式的統一、圖形和文字在風格上的統一等。
  • 版式設計有哪些經典形式?
    文/王彬 版式設計中的所有形式都具有不同的表現特點和作用,在實際應用中,這些形式相互關聯並為版面設計提供強有力的依據,很大程度上幫助我們抓住設計精髓,使設計作品變得生動並且富有內涵。若是在設計中善於把握對稱與均衡、對比與調和、節奏與韻律等相關版式經典構成形式,在提高設計效率的同時,也能創造出富有美感的版面效果。