Ping!
6 months ago @Edit 6 months ago
深夜ㄉ設計廢廢知識或心得?
https://images.plurk.com/47g943nivGKHKMx4fXqbY4.jpg
剛剛幫直屬小學妹看她的作業
抓到幾個小地方,偶覺得可以更好~
跟她講解的時候就順便紀錄了一下醬子
↓↓↓
latest #10
Ping!
6 months ago @Edit 6 months ago
有時候一拿到素材跟文字的時候,可能會急著想要馬上開始排版
但其實拿到素材的時候可以先把資訊的層級做區分,哪些要優先、哪些其次
再來,區分好之後去想,要怎麼樣讓文字有明顯的層次的差別
比較基礎的要素就是字級大小、顏色差異、字重,也可以重複使用兩個以上的要素來做出資訊層級區分
像附圖裡的文字層級是①>②>③這樣
https://images.plurk.com/47g943nivGKHKMx4fXqbY4.jpg
另外,必要的話加上一些邊框、裝飾線來凸顯資訊的重要性也是可以
Ping!
6 months ago @Edit 6 months ago
例如醬子: https://images.plurk.com/iIIHBaK7gv519n4GLeG1A.jpg
一眼望過去很像可以感受到資訊層級上的差異
視覺動線(①
青山⋯⋯(②
慣看⋯⋯(③
是非⋯⋯(④
Ping!
6 months ago @Edit 6 months ago
那重點來了
雖然上面這張有明顯的層級區別,但因為擺放的位置跟閱讀動線的關係,導致整個畫面的閱讀感有一點凌亂
這個時候我們會說它的視覺動線有點亂
https://images.plurk.com/1GD7fHRNw8mJw8Imi85AD0.jpg
Ping!
6 months ago @Edit 6 months ago
那為了幫助觀者在閱讀資料的時候,除了可以感知到資訊差異之外,也能夠照著正確的順序走,在排版的時候除了把素材做出區隔,依照文字的閱讀方向,或是依照畫面希望的走向去調整文字,讓素材被擺到合理的位置,也是影響整個畫面流暢與否的重點之一
https://images.plurk.com/1GD7fHRNw8mJw8Imi85AD0.jpg
https://images.plurk.com/5oeobfM8tnKg38iVzZvEek.jpg <像醬子應該會比較順一點
Ping!
6 months ago @Edit 6 months ago
同理適用在非文字的符號或裝飾性素材
因為完形心理學的關係,人類的腦袋會把靠近、類似,或是有方向性的東西主動的連在一起
所以在用到一些素材的時候,也要考慮到跟整個畫面之間的關係,可以盡量順著自然視覺的走向,會讓整個版面更加穩固
https://images.plurk.com/2cTA5yOouY9rLsxu0dRCCv.jpg
<總覺得標題旁邊多一個空洞
https://images.plurk.com/3FQlXiZxYGO2IxQxB94ciq.jpg
<所以改成這個樣子,會讓整體比較穩
Ping!
6 months ago @Edit 6 months ago
那綜合一下上面講的所有,假設我今天要排一張有經過設計的海報,它的素材有:
主要標題(視覺動線
次要標題(青山⋯⋯
主要內文(慣看⋯⋯
次要內文(是非⋯⋯
一張圖片
一個小的icon

經過整理我決定資訊的層級(數字)跟順序(箭頭)是:
①主要標題>②次要標題&圖片>③主要內文>④次要內文>⑤icon

接著確定好之後我才會開始排版,同時考慮到素材之間的相關性跟版面比例,讓物件之間盡量能夠有相互對應的參考線,最後得到這個:
https://images.plurk.com/6Sgt2tjZi0BLdzBQ8REl8f.jpg 一張普通,但有具體落差跟主題的海報
Ping!
6 months ago
最後結語一下
上面的示範都滿普通的,沒有用到太多厲害的效果,我自己在看學妹的作業發現有一個,可能剛開始學排版容易有的問題(?
雖然用了很不錯的素材或是很花俏的效果,但整個版面的視覺動線其實滿凌亂的
雖然好的基礎素材可以幫助整個畫面的表現,但回歸根本,排版是一種既理性又感性的技術,就算只是位置之間的關係也可以影響整體的氛圍,更不用說再加上其他要素
我覺得在初期練習的時候不用急著要排出什麼太厲害的東西,可以先訓練自己對於層級的掌控,再進到版面的掌控,最後才進到更加整體性的操作

然而講這麽多學妹已經大四了,排版還是很爛呢,我看她畢製會很辛苦的呀
Ping!
6 months ago @Edit 6 months ago
以上
這個廢廢不具有任何學術證明
絕對有更厲害或是更專業的版面思維模式,不過我個人認為,如果是應付商業設計或是廣告相關的排版,應該還算是適用
當然版面也並非只有上面說的分割方式,不過這塊比較複雜一點,待一個良辰吉日再來講
視覺動線跟群組關係真的都超重要
Ping!
6 months ago
mozenzen: 是雖然很基礎但很容易排一排就忘記注意的地方
back to top