▲這一排酒瓶對齊了嗎?
對齊,
最重要的是騙過眼睛~
這個世界充滿了各種各樣有趣的圖像,作為設計師,你在排版這些五花八門的圖像時,一定遇過這個問題:好不容易将它們排成一排,但總感覺圖片沒對齊~
對齊了嗎??好像還差一點....可明明顯示已經對齊了!Why? ?
放心,眼睛沒毛病!
原因在于,ps看到的圖與我們的不一樣
觀察上面的兩個圖像,它們對齊了嗎?
你肯定會說,左邊罐子比明顯比右側的花盆大,當然沒對齊。的确,我的結論跟你一樣,但,PS卻會認為它們已經對齊了!不信你看:
區别在哪?左側的罐子邊界輪廓清晰,而右側花盆的圖像植物枝葉零散,稀稀疏疏看不清。這些像素雖然微弱,但PS圖像大小的判斷是基于邊界框确定的。再微弱的像素也會影響邊界的距離。邊界框=長X寬,所以認為兩者一樣大!
so,造成一個結果,感覺上左邊的罐子比右側的花盆大,但實際上它們邊界框已經對齊了
這就是為什麼說設計中用尺子來測量是一件可怕的事。重要的應該是圖像給人傳遞的重量感,而不是它的邊框位置。
一起來看修正思路↓↓↓
1.視覺重量法調整動圖
結論:我們需要的是物體的視覺重量,而非它們的邊界距離。
2. 視覺平衡法
仔細觀察下面這張排版,這個畫面居中對齊了嗎?
嗯,沒錯。如果你仔細看,會感到左邊的抱枕的比較重,畫面向左傾斜。
但在PS裡顯示的是圖片和文字是居中對齊的如下如。
邊界框已經是對齊的了,那遇到這樣的情況,該如何調整呢?
嗯,我們把抱枕往右輕推一下調整動圖
現在是不是好多了?
這就好像玩跷跷闆,較重的人需要稍微靠近中心才能維持平衡。
總結:軟件中的居中對齊工具雖然簡單好用,但我們中還是要用眼睛觀察是否舒服。
3.字距調整的注意點
在印刷技術中,不同形狀的字母與字母之間會産生不同形狀的空白空間。字距調整也适用于我們這裡所說的情況。
不能單純的讓所有字母間距等同,必須要進行眼睛的再調整。通常的方法是在PS的文字工具面闆中的字距微調選項裡,将“度量标準”改為“視覺”模式,隻是一個細微的調整,文字的排版就變得順眼多了。
調整動圖
4.多個圖片的視覺調整
與文字的字距調節類似,多個圖片依靠邊界框的排列效果與肉眼的調節效果也是不同的。
以上是依靠等距離的邊界框的排列
這是肉眼調節後,尤其是勺子與躺椅的空隙變得更合理。
5.垂直間距的調整
最後一個例子,關于垂直間距的。
上面的圖片裡有三排花瓶。
雖然他們的行間距與标尺間距完全一緻,但很明顯中間那排圖像看起來低。主要是因為中間的花瓶個頭比較矮。這些花瓶上方的虛拟空間就比下面的空間大得多了。
調整動圖
因此,在這種情況下,解決方案是将該排整排上移,使這些花瓶上方和下方的空間相等。
總結
不要完全相信邊界框對齊,
Ps隻是輔助,眼睛才是最好的标尺!
更多優質文章,請持續關注哦~
1、右上角關注同捉頭條号~
2、評論文章,不限字數,一個字都可以
讓小仙知道你喜歡這類文章,往後會更努力寫優質文分享,愛你(づ ̄3 ̄)づ╭❤~
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!