tft每日頭條

 > 生活

 > 如何讓圖文變清晰

如何讓圖文變清晰

生活 更新时间:2024-11-29 18:44:10

人的視域範圍是有限的,在同一時間不能同時感受身邊的所有物象,因此必須按照一定的順序來進行觀察,這種視覺感知的先後次序就是視覺流程。

如何讓圖文變清晰(學會正确建立視覺流程)1

編排設計的重要工作之一就是将信息按照人們的閱讀感知習慣按次序排列,讓視線随着信息要素的合理軌迹而觀察其運動,最終獲取有效信息。

如何讓圖文變清晰(學會正确建立視覺流程)2

如何讓圖文變清晰(學會正确建立視覺流程)3

受閱讀方式的影響,人的視線大多是按照從上到下、從左到右的次序前行的。絕大多數現代書籍中的文字都是按照這種符合人眼運動特點的方式編排,由此養成的閱讀習慣在潛意識中支配着眼睛的運動。

如何讓圖文變清晰(學會正确建立視覺流程)4

在一定範圍内,人們注意力集中在版面的中上部和左上部。上部給人以輕松感,是視覺中心對比最強的部位;下部和右部則讓人感覺穩定壓抑,因此版面的左上部和中上部是最佳視域區。另外豎長版面中心線的1/3處是最佳焦點部位,在焦點四周是版面的最佳視域區,這是人們長期的生活實踐中形成的心理習慣演變而來的視覺規律。

如何讓圖文變清晰(學會正确建立視覺流程)5

所以在編排設計中,畫面的上部一般适合放置編排标題等主要信息,使内容一目了然。左側适合擺放圖片圖形,右側相對穩定一般會排列大量的文字信息。在大量常規性、文獻式的版面中,這樣的排版方式很常見。同時,這種編排樣式也往往被認為陷于套路缺乏新意,但正是因為這樣,這種形式又最貼近普通人的閱讀習慣而被大量采用。

如何讓圖文變清晰(學會正确建立視覺流程)6

如何讓圖文變清晰(學會正确建立視覺流程)7

對比是對差異的強調,在畫面中能産生明顯的視覺中心,從而引發視覺興趣,因而設計師常常利用對比的關系,通過強化形狀、大小、色彩、字體等對比關系,制造視覺焦點,擺脫平庸的版面表現。對比強烈的部分強有力地占據觀者的視線,層次感決定了受衆接受信息的先後順序。

如何讓圖文變清晰(學會正确建立視覺流程)8

對比表現的具體方法有:

①加強主次對象的大小對比。

②加強主次對象之間的色彩對比。

③加強主次對象在形态方向上的對比。

④控制文字屬性,利用字體、字号、字間距、行距、疏密關系的對比建立視覺層次感。

如何讓圖文變清晰(學會正确建立視覺流程)9

例如:通過加強主體圖片與次要圖片的大小對比關系,建立視覺流程;通過加強主體圖形與次要圖形的大小對比關系,建立視覺流程;通過加強主次對象在形态上的差異,建立視覺流程;加強主次對象之間的色彩對比,建立視覺流程;加大主标題文字的大小控制文字屬性,建立視覺流程。

如何讓圖文變清晰(學會正确建立視覺流程)10

如何讓圖文變清晰(學會正确建立視覺流程)11

與對比相反的表現手法是調和,它也是建立視覺流程的重要手段之一。調和是對近似的強調,是各視覺要素之間共性的存在,利用共性帶來相互之間的呼應,由此促成視線在版面空間各個區域間有效地穿插和聯系,使受衆在閱讀時習慣性地将具有同等屬性的視覺元素聯系到一起,這種自覺地、跳躍性地獲取信息的閱讀過程正是利用了畫面的調和關系所形成的視覺流程。

如何讓圖文變清晰(學會正确建立視覺流程)12

例如:版面上的視覺要素相互呼應,并強調文字段落處理,色彩配合的共性而産生協調的視覺流;用色彩調和方法促成視線在版面各個區域的有效穿插和聯系,能夠讓信息的表述更加有效;每一個版面都使用同一色系表達并使用統一的編排栅格,強調視覺的統一感是舒緩視覺流程的有效方法。

如何讓圖文變清晰(學會正确建立視覺流程)13

如何讓圖文變清晰(學會正确建立視覺流程)14

在設計中,信息一般不會是單一的元素,如果不按照主次關系進行編排,将會出現混亂局面。但如果僅僅是依次将元素從主到次、從大到小羅列,又容易導緻畫面顯得呆闆和僵硬。可利用群組将信息分成相互聯系的幾個層次,按照定的方法進行分類,從而使版面井井有條。

如何讓圖文變清晰(學會正确建立視覺流程)15

例如:版面中出現的信息元素,可以是标題、品牌、廣告語、圖像等等,設計師可以将某些相關的元素有效組群,然後将多個信息組成一個視覺整體,強調主次關系,建立有效的視覺流程。

如何讓圖文變清晰(學會正确建立視覺流程)16

例如:文字信息群組按照合理的視覺流程分布編排,形成自然流暢的閱讀體驗效果;将圖片、文字段落進行信息群組,合理分布在畫面上,能夠使版面顯得井井有條;将分類的信息合理分布在版面上,就能形成清晰的視覺流程。

如何讓圖文變清晰(學會正确建立視覺流程)17

版面上的栅格系統本身就是處理信息分類的好辦法,因此将群組後的信息植入骨骼,同時協調視覺元素的分布,就能夠形成流暢的視覺流程。

如何讓圖文變清晰(學會正确建立視覺流程)18

如何讓圖文變清晰(學會正确建立視覺流程)19

如何讓圖文變清晰(學會正确建立視覺流程)20

平面設計零基礎自學視頻教程(部分精選)

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved