版面設計的四種方法!準確傳達信息

2020-12-18 設計智造

文/朱秀穎 版面設計要將視覺元素按照一定的規律有序組合,並處理好各元素之間繁簡、大小、疏密、曲直等關係,在設計中釆用誇張、比響、象徵的手法來體現視覺效果,形成不同尋常的空間關係。

版面設計的最終目的是清晰準確地傳達信息,那麼如何實現版面的整體性並準確傳達信息呢?

此類方法適合於文案篇幅較長、圖片偏多或篇幅中等的設計主題。在圖文混排時可根據文章內容,針對標題、文字和圖片之間的編排,採取上下分割、左右分割、傾斜分割和曲線分割的排版形式。

①上下分割型。將版面水平分割成上下兩部分,或上中下三部分,分割的頁面可以採用均衡或對稱的方式排列。對稱能給人統一、莊嚴、信賴的感覺,均衡則可給人視覺上下平衡的感覺。

通常圖片部分用作視覺表現,引發情感,使其充滿感性,激發活力;文案部分則理性而靜止,整體能給人以嚴謹、和詣、理性美的視覺感受。上下分割型的版面視覺流程往往比較自然,其特點是穩定、莊嚴、整齊、秩序、安寧、沉靜。

②左右分割型。通常整個版畫為左右兩部分。在比例上同樣可以採用均衡或對稱的方式排列,設計時分別在左右配置文字和圖片,當然也可分割成左中右三個部分,圖片和標題可以居中擺放。

這樣排列的版面容易形成強烈的動感,其設計往往因內容不同而做選擇,較激進的文案可以人為製造左右形成對比,造成視覺心理的不平衡以加深文案的象;反之如果將圖片或分割線虛化處理,或用文字、圖片重複穿插,圖與文就會變得自然和諧。

③斜放型。將圖片、標題、文案做傾斜排放,使版面增加動感並造成不穩定的效果,這種版式設計容易在寧靜之中起到「平地起驚雷」的視覺。

④曲線型。將圖片或文字以曲線的形式排列擺放,最容易產生韻律與節奏的感覺。在版式結構中,將曲線設計穿插其中可以起到活躍版面,減少觀者視覺疲勞的效果。

限定分隔法即利用線條、線框或圖形對文字進行分隔或限定,既能增強版面空間的相互依存,又能使版面清晰、明快、條理、富於彈性。線條的粗細、豎橫、直曲、虛實、疏密、長短的對比變化,更能使版面新穎活潑充滿動感。此種方法對文案相對獨立和短小集中的信息篇幅最為適宜。

①以線分隔。利用直線將不同文案中的多種信息組合成塊狀,並把各種視覺要素有序串聯,重新劃分為不同的功能區域,整體達到圖形與文字關係的次序化、條理化和規範化,以加強文案的集合性。

②以線分欄。在欄與欄之間插入直線進行分隔限定,使欄目更清晰更具條理性、且富彈性,常常用於相對較長的骨骼式排文的版式中,可使文章的可視性大大增加。在整體版面中,若將直線限定為等比例的欄面,可以獲得秩序井然與統一規整的美感;若將直線限定為不等比例的欄面,不僅可以強化主體,還可以豐富空間層次。

③版心四周加框。在一個版面中四周加上分邊框,此種方法便於理解,而在形式上則可依據內容的差異採用不同的表現方式使用多樣的線形與造型。既可以是單純的矩形、圓形,也可以是組合的幾何形,還可以是具象或抽象的不規則圖形造型,產生緊湊、完整的視覺效果。

針對以圖像為主體、文字為輔助內容的版面,為了傳達強烈的視覺感受,我們往往可以採取延伸設計的方式,使圖片充滿視域。在具體操作中通常有以下幾種形式:

①出血。將版面中的圖片等元素擴大到頁面邊緣,使其佔據整個版面或者版面中的一個邊緣,其目的是使圖片看起來更有張力,視覺效果更強烈。

②跨頁。將圖像分跨到同視域中的兩個頁碼之上,讓所用圖片的邊緣超越版心至切口,是延伸法的另一種表現形式。打開頁面,外分內合,張斂有致,在視覺上造成版面開本的擴張,具有大氣、完整、美觀之感。圖片上下左右均可做留白處理,適當的處理會增加版面的通透性與舒展感。

③版式重複。對篇幅較長、要佔用多個頁碼的同一文章反覆使用同一種版式語言,以強化其思想性。此種手法是另一種層面上的延伸法,一方面能在視覺上起到連續的效果,另一方面也可以增加文章內容的一致性。反覆強化的版面很容易使文章要傳達的思想得到延伸,並加深受眾對信息的記憶。

所謂自由就是版面中的各視覺元素在頁面中自由分布,相互轉換使頁面產生活潑、生動的風格。此種方法不拘一格最容易體現設計師獨特的個性。

①就圖片而言,可通過方向的旋轉、對立,造成行之有效的視覺攻勢;可以藉助人物動勢、視線、近景、遠景等變化來獲得方向感,利用強弱對比達到視覺感應的最佳效果。較多圖片的處理常可運用色彩轉換、圖像重疊、圖像透疊、空間重疊的方法。

②就文字而言,設計師可以結合文章的思想內容,綜合使用各種版式設計方法。例如:可不等量分割文字閱讀方位,可以呈現多方位、矛盾化以達到視覺的張力;文案文字在同一版面中的橫向分割與縱向分割相結合、斜向排列與正向排列相交錯等等。

相關焦點

  • 折頁設計的版面理念!
    文/陳翔 折頁版面設計是一種具備個人獨特風格和藝術特色的視覺傳遞方式,它在傳遞信息的同時,在感觀上也產生美感。版面設計的第一步是構思,當明確排版的主題內容,就需要圍繞主題這個中心內容進行版面布局創作的過程。
  • 版面構成的設計原則是什麼?
    版式規劃是經過版式規劃更好的傳達信息。只考究完美的體現方式而脫離內容,或者只求內容而缺少藝術的體現,版式規劃都會變得空洞和板滯,也就引發了版式規劃立異與開拓。那麼,版面構成的規劃原則是什麼呢?今日就跟從小編一起來了解下吧!
  • 版面設計中的「秩序感」!井然有序
    網絡式版面是力圖通過簡單的網格結構和近乎標準化的版面公式,達到設計上的統一性,它的形成是人們追求秩序美的體現,這種版面採用方格網為設計基礎,把版心的高和寬分為許多欄,由此規定一定的標準尺寸,運用這個標準尺寸來安排元素,使版面顯得有節奏感。③自由式。
  • 版式設計基礎要點/程序
    版式設計的基礎在於流暢地傳達信息,即在某種意義上製造一種「通順」的秩序,讓信息在這樣的「流」的狀態下,準確、有效地傳播。所有的藝術化創造首先都應滿足功能需要,這也是版式藝術的特殊性所決定的,設計師在進行版式設計時應考慮以下要點:主題明確、條理清晰版式設計作為傳達某種信息的載體,不能像藝術繪畫創作那樣以表現內心情感為主要目的,而是在傳達信息的過程中,應當根據主題內容、版式設計的功能需求
  • 版面設計在畫冊設計中起到關健作用
    在畫冊設計過程中,版式設計很重要,畫冊一定要簡潔大方,畫面和主題突出,點線面構成了畫冊整個版式的主要構成,畫冊中的文字的大小和圖片的元素都需要清晰明了,所以,只要把握好尺度大小才能設計好畫冊作品!一本完美好的畫冊需要幾個方面組合,文字信息、精美畫面、產品圖片是畫冊的主要組成三大版塊,那如何讓它把企業的宣傳做到極致,版面設計的布局很重要。
  • 版式設計的文字層級!增加層次感
    文/胡麗麗 在版式設計中,文字在信息傳達方面具有不可或缺的作用,它不僅作為情感要素傳遞信息,還一定程度上作為視覺要素引領審美時尚。文字是版面的核心,也是視覺傳達的最直接方式。版式設計是在版面上將圖片、文字進行排列組合,以達到傳遞信息和滿足審美需求的作用。
  • 三種界面交互類型,四種隱喻設計方法
    本文將常見的隱喻元素按照視覺、聽覺、觸覺三種界面交互類型分類,並整理了四種隱喻設計方法,以供大家參考。一. 界面隱喻的類型1. 視覺隱喻 – 靜態1.1 文字隱喻界面中常見的文字隱喻可以分為兩種,一種是功能命名類語言,另一種是產品定義類語言。常見的功能命名類語言有:「解鎖、導航、登錄」等等。
  • 黑板報花邊:版面設計
    (一)設計前的準備  1、根據本期板報宣傳的內容選擇構思刊頭,並考慮刊頭畫在版面中的位置和所佔篇幅。  2、了解各篇文章的內容,分出主次,然後根據文章的內容和篇幅,大致確定在版面中的位置和排列方式。  3、確定大標題和各篇文章標題的排列和位置。  4、構思、選擇各篇文章的題頭畫題花、尾花邊框花邊等。
  • 淺談版面設計三要素,學會受益無窮
    版面簡單,文字方面的排序也讓人有一種秒懂的感覺。無論如何文字版面逃離不了一個五五定律,一個二六二定律。五五定律是一個版面的文字可以把版面五五分開,左或右,上或下。文字的版面會顯得格外好看,對稱大家都知道吧,樹葉的紋理,自己的影子,結婚的大喜,一個五五定律會讓覺得自然,容易讓大家接受。
  • 品牌設計公司分享版式設計的方法
    品牌設計公司分享版式設計的方法品牌設計中版式設計小方法一、縱橫交錯的文字排版版式設計如何運用縱橫交錯的文字排版呢?根據我們的慣性閱讀思維,縱橫交錯的文字排版會影響信息的閱讀,但是如果分清主次,以豎排為主橫排為輔或者以橫排為主豎排為輔,就能比較小的影響閱讀性,且能增強排版的對比,使版面更靈活、更有動感。品牌設計中版式設計小方法二、用比較「碎」的元素作為主視覺版式設計如何運用比較「碎」的元素作為主視覺呢?
  • 小設計的《版式設計》筆記
    花開時節,學設計什麼是版式設計?是指設計師跟設計主題和視覺要求,在預先設定好的有限的版面內運用造型要素和形式原則,將文字,圖片(圖形)及色彩等視覺傳達信息要素進行有組織,有目的地組合排列的設計行為與過程。
  • 視覺傳達設計專業-魯迅美術學院
    培養要求視覺傳達設計專業培養具有國際設計文化視野、中國設計文化特色、適應於創新時代需求,具備視覺傳達設計方面的基本知識、基本理論和基本技能,能在專業設計領域、企事業單位、大中專院校、傳播機構從事視覺傳播方面的設計、策劃、教學、研究和管理工作,能適應區域性文化事業與文化產業發展需求,一專多能應用型的視覺傳達設計人才。
  • 視覺傳達設計複試考研經驗,小美院考研
    一、作品集功能篇 作品集在複試中的重要性不言而喻,作品集直接體現了一個學生的設計能力,能從各個角度揭示你的設計思路,設計方法,設計表現,邏輯能力,是整個複試面試中的話題中心。
  • 就業「排頭兵」 2D平面與傳達設計
    ),簡單來說,通過信息分析、文字、圖形、色彩、造型等藝術創作來實現視覺傳達。PART 也因此根據「視覺與傳達」這一共性將平面設計、UI/UX設計和插畫三種專業歸為其中。 它也是整個視覺與傳達設計科系中最主要的部分。以視覺形式作為傳達信息的設計,並著重強調Communication這一過程。具體通過創造符號、圖片、文字來傳達或訊息,與各類文化及商業委託人進行不同尺度、規模的項目合作。它不僅僅存在於2D,還具有多維度的特點。
  • APP設計的信息可視化!人機界面交互
    文/王軍 手機APP界面為信息可視化提供更為有趣的交互體驗,信息可視化也為手機APP界面提供了更為優良的視覺呈現效果和傳播形式。在進行手機APP界面設計時,為了能更加有效及時的傳達準確信息,將信息數據恰當合理的轉化為具有代表性的視覺元素符號是非常必要的。
  • 武漢理工大學藝術與設計學院視覺傳達設計系2020屆畢業設計作品展
    「牽掛」——武漢理工大學藝術與設計學院2020屆視覺傳達系設計展現已正式發布!武漢理工大學視覺傳達設計,以中國精神文化的復興為立場,以開放包容的學術態度,全球化的視野,探究視覺傳達設計學科理念的再認識和專業內涵的升華,啟發前沿的學術研究與思維,推動多維度跨界的「產、學、研」格局,開創學科應用的新方向。
  • 為您詳細講解包裝設計和一般的平面設計有什麼區別?
    包裝的自然(物質)功能----即是容納、保護內裝物的性質、形態與數量不變,保護消費者安全使用商品,方便生產、儲運、陳設、銷售、攜帶、消費、處理等的性能; 社會(精神)功---即是通過一定的材科、造型、結構和視覺傳達設計,塑造商品的品牌形象、美化商品、吸引注意、準確迅速地傳達商品信息,正確有效地引導消費商品和提高商品陽加值的性能。
  • 版式設計需要合理規劃圖片!
    在版式設計中除文字以外,圖片是傳遞信息的又一種有效途徑,是版面構成的重要組成部分,其相對於文字更直接、更快捷、更形象。利用剪裁手法製作不同的圖片①出血圖片。角版就是指採用直線的方框來對畫面進行分割,讓圖片的四角呈現出直角,這種方式是最簡單、最簡潔的種圖片處理方法,它使版面有一種寧靜、莊重的整體感覺,和其他版面元素達到統一。④合成圖片。在具體設計過程中,我們經常遇不到一張能夠完美表現主題的圖片,這時我們就需要主動去構成圖片。
  • 名片設計元素的個性化!
    為突出名片的設計美感與個性,名片中視覺元素的個性化設計成為設計師主要考慮的方面,名片中視覺元素的個性化設計主要包括以下幾方面:在現代平面設計中,文字起著非常重要的作用,它已超出了只作為信息傳遞媒介的表達作用,在視覺語言中具有獨特的表現力,給讀者造成強烈的視覺印象的同時,增加趣味性與人格化魅力,從而使設計作品在眾多的競爭中脫穎而出
  • 淘寶天貓拼多多電商美工頁面設計優化布局,學會這幾招就行?
    首先,不管是淘寶店鋪、天貓店鋪,京東店鋪、拼多多店鋪,在設計店鋪首頁時,都要注意,版面布局切忌繁雜!千萬不要把店鋪設計成門戶類網站。雖然這樣做可以讓店鋪看上去比較有氣勢,但是會影響買家的瀏覽體驗。在設計網店版面布局時,應該遵循以下設計準則。主題突出鮮明版面布局設計的最終目的是使店鋪頁面產生清晰的條理,這樣可以更好地突出主體,引起買家對店鋪頁面的注意,從而吸引買家。