PS欺騙設(shè)計(jì)師視覺的四個方面

　　平行煎餅 ：在Photoshop中，即使看起來非?？茖W(xué)的對齊、同樣的形狀大小和色值，也可能與我們現(xiàn)實(shí)中感受到的完全不一樣。優(yōu)秀的設(shè)計(jì)師應(yīng)該感受到這些細(xì)微的差別，并且懂得去糾正它們，以今天這四個方面為例，以前沒注意到的同學(xué)趕緊來漲個姿勢!

　　以前我在做設(shè)計(jì)的時候，我靠Photoshop和Css告訴我對錯：如果Photoshop顯示兩個圖形對齊了，那么他們就是對齊了;如果兩個不同形狀的圖形大小是一樣的，那么他倆就是一樣大的;如果兩個顏色有同樣的色值，那么他們看起來就是一樣的顏色。

　　這個方法看起來很理性，但是其實(shí)是錯誤的工作方法。

　　軟件是很理性的，但是軟件不能把人類感知也加進(jìn)影響計(jì)算的因素中——這就是說，軟件并不能理解在上下文情境中的物體和物體之間的關(guān)系，在整體視覺語言的環(huán)境下和人類如何感知物體。

　　人類非理性的思維會判斷物體看起來是否視覺上正確，因?yàn)槲覀兛梢钥吹胶屠斫馍舷挛沫h(huán)境，而這正是計(jì)算機(jī)無法做到的。了解這些細(xì)微的差異，并且知道如何調(diào)整他們的設(shè)計(jì)師才是好的設(shè)計(jì)師。很少人會注意到，大部分人會忽略。

　　下面中國設(shè)計(jì)網(wǎng)帶我們一起看幾個例子。

　　對齊+視覺權(quán)重

　　計(jì)算機(jī)沒有計(jì)算視覺權(quán)重的精確方式，他只能依賴某些確定的信息，比如長寬，x/y軸坐標(biāo)。作為設(shè)計(jì)師，我們需要通過一些被稱之為光學(xué)調(diào)整的東西來彌補(bǔ)這一點(diǎn)。

　　播放按鈕的三角形是對其圓的中心嗎?并不是。繪制一個輔助的長方形可以看出來，三角形的中心并不在圓形的中心。

　　左邊的按鈕是中心對齊的，但是看起來卻不在中間。

　　顏色

　　顏色的光學(xué)調(diào)整更細(xì)微。再一次重申，這是關(guān)于視覺權(quán)重和顏色何如展現(xiàn)。

　　實(shí)心的圖標(biāo)和文字用了相同的顏色填充，但是他們其中的一個顏色會看起來會淡一點(diǎn)。

　　左邊的圖標(biāo)和文字使用了相同的色值，右邊的組合用了不同的色值。

　　你可以發(fā)現(xiàn)圖標(biāo)的顏色細(xì)微的比文字要重，為了調(diào)整它，可以讓圖標(biāo)顏色變淺一些，或者讓文本變暗一些。

　　我建議在使用設(shè)計(jì)軟件的時候，使用HSB色值代替RGB色值。好處就是可以調(diào)整顏色的明暗。

　　面積

　　面積是我們大腦感知物體的大小(包括文字)。如果我們用圓形和正方形來思考這個問題，一個120px長的正方形比一個120px半徑的圓面積要大，如果要使他倆看起來一樣大，圓的半徑要稍微大一些才行。

　　左邊的形狀都是120 x 120 px，遠(yuǎn)看起來小一些。右邊的圓是126 x 126px，面積和正方形差不多了，看起來差不多大。

　　這也是一個很細(xì)微的調(diào)整，但是這很有利于整體的設(shè)計(jì)。這是對元素非常輕微的調(diào)整，上下調(diào)整1像素，可能感覺就對了。

　　注意Didot字體的上部下部的曲線是怎么變化的，在字高之上，落到基線之下。在這7個字母上都有體現(xiàn)。

　　在字體設(shè)計(jì)上亦是如此。帶有彎曲彎曲字母的上升或下降是在大寫字高、基線等之上。如果你用garamond字體寫了一行字，然后畫一條基線，一條字高線，你可以看見彎曲的筆畫時垂直于這些縣的。如果沒有超過，單個字符會顯得比旁邊的字母要小。

　　大寫文字

　　最后，有一個視覺調(diào)整是必要的：如何排放大寫文字和普通的大小寫文字。大寫文字比普通的文字要突出的多，需要調(diào)整來達(dá)到視覺平衡。

　　上面的大寫文字似乎比旁邊的普通文字要大，下面的大寫文字調(diào)整了2像素，讓他們看起來一樣大。

　　除非目的是讓大寫的文字更佳突出，大寫文字應(yīng)該始終減少幾個像素，例如16px減少到14px，或者12像素減少到11像素。

　　當(dāng)在做大型項(xiàng)目的時候，每一個細(xì)節(jié)的設(shè)計(jì)會疊加起來影響整體的設(shè)計(jì)。好的設(shè)計(jì)需要我們對細(xì)節(jié)的關(guān)心。

　　一旦他們稱為工作流程的一部分，文字大小減少2像素，或者輕移三角心10個像素讓他去到合適的位置，就是這種細(xì)微的調(diào)整會讓設(shè)計(jì)看起來更完美。

　　電腦或者人工智能無法完全理解設(shè)計(jì)的上下文情境，所以他們不能做出準(zhǔn)確的調(diào)整而設(shè)計(jì)師卻可以。直到有計(jì)算機(jī)能對設(shè)計(jì)情境中分離出來的獨(dú)立的組成部分做出合理的判斷，我們都不能只是依賴計(jì)算機(jī)給予我們設(shè)計(jì)的解決方案。我們不能依賴計(jì)算機(jī)告訴我們所有的想法，我們可以依賴我們的眼睛和我們的直覺。設(shè)計(jì)師在日常工作中磨練自己的直覺，所以我們信任我們的直覺，即使計(jì)算機(jī)告訴我們相反的答案。