視覺慣性!在版式中的運用規律

2020-11-23 設計智造

文/白豔維 版式設計是對文字、圖形、色彩等基本元素的編排和組織,畫面中主要依靠視覺元素產生張力和視覺傾向力引導視覺移動,整個視覺移動的軌跡即是視覺慣性的呈現。

如何將重要信息快速傳遞給觀者? 這對設計師而言不是簡單對信息的羅列,更重要的是如何將信息有層次、有節奏的組織編排。 利用視覺慣性原理,將大量的文字、圖形等基本元素按照一定的視覺路徑編排設計,使整個版面布局在視覺上符人的知覺心理,引導觀者的視線。

在物理學中,力的慣性是指物體在加速運動過程中突然停止,這時物體會按照原來的運動軌跡繼 續前進或傾斜,在視覺慣性中眼睛的移動路徑是受到畫面中的視覺元素影響,這些元素的視覺形狀沿著一定方向傾斜或聚集,具有一定傾向性張力,引導眼睛隨形狀移動,整個視線的移動軌跡即是視覺慣性。

點元素是基本的造型元素之一,當面中出現一點時,畫面比較平靜,人的視覺會集中關注點的位置形成視覺焦點,人眼基本停留在固定位置,沒有視覺慣性產生; 當畫面中出現兩個點時,人的視覺會下意識的將兩個點連接起來,形成一條直線。

當出現三個點或多個點時,由於點的距離關係變化,點與點之間的視覺張力也會強弱不一,人的視覺會由第一個吸引力和張力最強的點轉向它最近的點,再到第三點,形成了由近到遠的視覺軌跡,這條隱形的軌跡即是視覺慣性的移動路徑。

我們的視覺首先被最大的點元素吸引,其次是中間,再次是最小的點,我們的視覺沿著基本視覺元素由大到小的軌跡進行移動,打破了正常從左向右閱讀的視覺規律。

線元素最大的特點是具有引導視覺和連接元素的作用,在畫面中,似沒有關聯的元素由於視 覺慣性的存在,人的視覺能動性的沿著一定動勢移動,視覺移動軌跡形成一條完整的線,這即是視覺慣性的表現。 例如:下圖中 雖然幾段線條未連接,但人的視線會沿著線條的走勢移動,在人的大腦意識中這幾段線條是一條完整的線。

我 們看到視覺對象本身靜止的,我們是通過聯想作用把視覺要素和運動聯繫起來。 例如:圓形面外輪廓流暢放在畫面中央,向畫面四周發射的張力是平均的;方形面向四周發射的力主要集中在匹個頂點,方形較圓形具有了一定的視覺引導性,但任然沒有很強的視覺慣性。

不規則圖形,形象外邊緣有了強烈的節奏變化,圖形最向外的邊緣點就產生強烈指引視線的功能,似乎可以聯想到指南針,指引我們的視線尋找目的地,像這種不規則圖形就具有了強烈的視覺慣性。

版式設計是根據設計主題及客戶的要求,在規定的版面內將文字、圖形、色彩等視覺要素有目的 有組織排列的過程,使畫面信息條理清晰的同時又具有一定的藝術美感。 版式設計中的基本要素文 字、圖片都可以概況成視覺造型基本元素點、線、面,可以利用點線面的呈現的視覺慣性合理的應用到具體的版式設計中,來引導視覺流動。

在傳統的版式設計中文字的編排是按照信息的重要 程度由左到右、由上而下的直線型的排列,這種編排畫面呆板無趣,不能激發觀者閱讀情緒。 在現代版 式設計的中,可以將單個文字看作是最基本的造型元素點,當兩個或多個文字建立一定的視覺聯繫時視線會沿著某個路徑繼續前進,去尋找另一個元素,這樣人的視覺會沿著一定的路徑將一句或一段文字自然流暢的閱讀下來。

在文字編排過程中,由於視覺慣性的存在,在改變文字的間距、方向、大小等營造出強烈的節奏又不失閱讀的功能性,增強了版面的藝術性。 和漢字相比,英文的編排在視覺上更容易形成線的連貫性,在排列較多的英文時,一個單詞就會形成很強的指示性,更容易利用線性的視覺慣性,打破傳統由左到右的形式。

在版式設計中,圖形元素包括了攝影圖片和電腦繪製的圖形,攝影圖片通常都是邊緣歸正的方 形,外邊框很少在視覺上產生視覺慣性,在具體設計過程中設計師能動的提取圖片中的主要元素去底處理,在圖片外邊緣產生強弱不同的視覺張力,將最重要的信息放到最強視覺張力位置,起到指引視覺的作用,使人獲取信息的速度提高 。

例如:主標題、二級標題、標語這三大塊 文字字號,由大到小、位置由下到上的處理,可以產生近大遠小的強烈空間效果和視覺慣性。 再如:由於圖片具有向右上方的引導力再加之字號的不同,使觀者不由自 主地依由下到上的視覺慣性進行閱讀,打破了常規的由左到右、由上到下的閱讀習慣,產生了一定新鮮感。

在構成中特異是指在規律骨骼中,改變個別元素基本的位置、大小、方向、顔色等,與其它眾多元 素產生強烈對比,形成焦點,增加趣味性,突破規律的單調。 在版式設計中,整個結構規劃可以打破視 覺慣性的規律,採用特異的方法,將版式中重要的信息放在焦點位置,以刺激觀眾視覺,引起強烈的心理反映,提高閱讀情趣。

例如:一段文字的字體大小顔色都統一的沿著一定曲線路徑排列,在視覺上 形成視覺慣性,但整個路徑文字缺乏活力。為了提高版式的趣味性,可以提取關元素改變顔色、字號、字 體,這樣就打破原有的視覺慣性,形成視覺焦點。

利用視覺慣性原理對版式中基本要素進行規劃組構,建立合理的信息邏輯性,使觀者能夠心領神會的接收信息,在獲取信息的同時將閱讀變成一種享受,這也是版式設計所追求最終目的「 功能與藝術統一」,可以提高版式設計的整體品質,增強版面視覺層次和藝術效果。

相關焦點

  • 版式設計中的「美學形式」!
    文/張鵬 王志敏 版式設計有著獨特的設計美感形式和原理,通過運用重複與交錯、節奏與韻律、對稱與均衡、對比與調和、比例與適度、變異與秩序、虛實與留白、變化與統一等形式美構成法則,使觀者在接受信息的同時體會到版式設計的形式美感。
  • 電影海報的版式法則!
    文/樊亞 電影海報是電影宣傳最重要的媒介之一,優秀的電影海報不但可以傳達電影的主題和內核,還能在視覺上讓人產生審美愉悅。版式設計,是按照一定的視覺表達內容的需要和審美的規律,結合各種平面設計的具體特點,運用各種視覺要素和構成要素,將各種文字圖形及其他視覺形象加以組合編排,進行表現的一種視覺傳達方法。
  • 平面構成在Banner中的運用!
    文/杜豔豔 平面構成主要是在二維空間運用點、線、面結合一定的規律所形成的一種視覺語言,而Banner中的所有元素,如:文字、圖像、背景、點綴物,其實都可以看作是平面構成裡的點線面這些構成元素,運用平面構成的設計法則可以更好的完成Banner設計。
  • 版式結構那些事兒
    文/肖藝 分組是平面設計中一種整理信息的方法,即將信息按照特定的方法進行分類整理,形成視覺上的信息組。 分類的 方法種類繁多,可依據種類、色彩、形狀、地域、重要性、編號等進行分類。 進行分類應根據不同的目的和用途來展開,不要將不同屬性的內容混雜在一起。
  • 廈門促銷海報設計版式基本要求
    促銷海報的版式多種多樣,並沒有標準的版本,並且因促銷的內容不一樣其側重點也會有所不同。但是有些版式的基本要求還是需要注意的,以下是美工鋪子小編為大家整理的內容。
  • INDEMIND雙目視覺慣性模組助力立體視覺應用升級
    丨深耕不輟,實現業內首款200幀雙目慣性相機面對日益提升的使用需求,為提升產品適用性,INDEMIND深耕不輟,為旗下雙目視覺慣性模組提供了200幀高速環境獲取能力,滿足了不同場景的使用需求。INDMEIND雙目視覺慣性模組是目前業界首款可連續輸出200幀圖像及IMU數據的雙目慣性相機,用戶可自行調節1280*800解析度下25/50/100FPS、640*400解析度下25/50/100/200FPS不同圖像輸出,可為三維重建、深度解算、視覺SLAM等應用研發提供更精準、豐富的環境圖像信息。
  • 文字空間的視覺表現形式
    在版式設計中,將或簡短或冗長的文字從幾何元素角度運用點、線、面構成形式進行編排設計,不僅能夠使版式形成強烈的視覺形式美感 運用點、線、面的抽象觀念進行文字空間設計,能在視覺上給人以清晰、流暢、平衡和整體感,使版式設計中的文字空間視覺表現形式更集聚形式感和時代特色
  • 那些爆款版式背後,都離不開這些原則
    本文轉載自:BranD的好奇心在這個時代,無論是紙媒還是網際網路,信息的傳播都離不開版式設計,好的版式設計可以在有限的頁面內,以最快速、直接、有效的方式傳遞出核心的信息內容,並讓受眾建立深刻而良好的印象。所以,今天帶大家學習一些版式設計知識,希望可以助你早日做出爆款的版式!
  • 格式塔視覺規律-我在實戰中的碎碎念
    今天小編給大家帶來的文章是格式塔視覺規律,本篇文章作者如是說:「這篇文章是寫給大多數人看的關于格式塔心裡學規律我在項目裡面的碎碎念。當然這會是全網最容易看懂的格式塔原理。」主張以整體的動力結構觀來研究心理現象(這句是重點整體的去看待一個事物)運用到視覺感知上、他總結了幾個我們視覺感知上的原則:接近性;相似性;連續性;封閉性;對稱性;
  • 色彩組合會產生不同的視覺效果,平面設計中如何運用?
    大家好,昨天嫣然跟大家介紹了在設計中帶給人們不同印象的色彩組合。今天我們來說幾種帶來不同視覺效果的組合方法。色彩組合後的奇妙之處很多,除了能喚起人們不同的印象之外,所產生的視覺效果也不容小覷。在平面設計中,我們經常會利用一些照片、插畫來作為視覺重點,但有時候找不到理想的圖片素材時,也要想辦法去設計一些視覺重點。
  • 如何讓你的平面設計作品高大上之 排版的運用
    你以為的知識你以為的,今天就是帶著大家遠離排版誤區,了解排版在平面設計中的運用。所有的平面設計都離不開版式,包括網頁設計、互動設計和UI設計。但是排版是一門很深也很難掌握的學問,有簡簡單單對齊就很好看的,也有看似亂七八糟但不明覺厲的。於是很多設計師就會有點迷糊,排版到底要怎樣才算好看?是不是純粹靠感覺啊?
  • 城市複雜環境下的多系統GNSS PPP/慣性/雙目視覺半緊耦合精密定位方法| 李星星
    本文提出了一種基於圖優化的多系統GNSS PPP/慣性/雙目視覺半緊耦合精密定位方法,通過GNSS與視覺慣性裡程計之間的雙向位置傳遞與共享,有效提升了GNSS PPP在城市複雜環境下的定位精度和可用性。本文通過GNSS完全中斷仿真實驗,分析了雙目視覺慣性裡程計在GNSS不可用時的定位性能。
  • 思維慣性和客觀規律的關係
    語音方面的原音、輔音、疊韻、雙聲、平仄、押韻,詞語方面的詞性、句子成分、關聯詞、短語結構,語句方面的邏輯聯繫、純粹語言形式的繞口令和遊戲,等等,通過在生活表達中的搭配組合,形成了語言運用的習慣和約定俗成的語言定勢。
  • 引力質量與慣性質量
    牛頓將質量定義為物體慣性大小的量度,這裡的慣性質量在實踐(試驗)中應是指物體做平動時的慣性,在地球上可以認為是物體沿地球水平線運動時的慣性質量。從人類的發展歷史看,我們用秤稱量出的物體質量為引力質量,如果套用牛二定律,由物體自由落體時所受到的重力和產生的重力加速度求出引力質量,引力質量就具有方向性——垂直地表,指向地心,與物體平動時的慣性質量互相垂直。
  • 沒有c4d也能玩轉立體視覺感
    來源:版式設計很簡單 雖說現在c4d很熱門,但是對於不會此軟體的寶寶們來說,真的有點棘手。那麼一定要會c4d才能做出那種炫酷立體感的畫面嗎?至於這個「炫酷立體感」就看你如何定義了。
  • 展館設計立面構成|運用視覺基礎,力學依據
    具體做法運用視覺基礎,力學依據,基本材料,加上構成原則,一起組合形體。本文杭州展館設計公司水北展陳裝飾旨在讓各位業主以及同行了解展館立面構成知識,讓展館更具鮮明個性。先分析立體構成的,點、線、面以及體這些基本要素。這些基本要素其實都是佔用空間的實體,在某些意義可以換一種稱呼,稱點材、面材、線材以及題材。
  • 雷射導航VS慣性導航!掃地機器人哪個牌子好?
    大多數人不知道的是規劃式掃地機器人也分為三大門派——慣性導航、雷射導航和視覺導航,一般而言由於雷射導航和視覺導航是綜合運用的,所以可簡單將市面上的掃地機器人分為雷射導航和慣性導航兩大門派,這兩者有何區別,我們在選購時如何規避槽點。小編今天就以簡單說下兩者區別。
  • MT Track慣性動捕智能數據驅動生物醫學研究
    假肢在殘疾人的生活中起著至關重要的作用,大多數截肢患者通過佩戴假肢來解決行動障礙,智能下肢假肢不僅能夠代替截肢患者失去肢體的部分功能,還能幫助患者恢復一定的生活自理能力和工作能力。人體運動意圖識別在智能下肢假肢研究中尤其重要,準確、及時地識別出殘疾人的運動意圖能夠幫助患者實現自然、流暢、穩定的行走。
  • 慣性定律與辯證法
    而總是以漲中有跌、跌中有漲的曲線方式發展、演繹的 為什麼行情會是以這樣的方式來運行的? 這個問題一經提出, 馬上有人會自然而然地想到 應該對市場行情多加分析,找出其中的規律,那樣就可以破解趨勢變動的密碼,從而在期貨交易當中無往不利。 也就是說,應該把重點放在如何解讀市場上面。這是一個很自然的邏輯。
  • 2018初中物理知識點:慣性和慣性定律
    新一輪中考複習備考周期正式開始,中考網為各位初三考生整理了中考五大必考學科的知識點,主要是對初中三年各學科知識點的梳理和細化,幫助各位考生理清知識脈絡,熟悉答題思路,希望各位考生可以在考試中取得優異成績!下面是《2018初中物理知識點:慣性和慣性定律》,僅供參考!