?
阿思海姆《藝術(shù)與視知覺》曾經(jīng)提到“視覺形象永遠(yuǎn)不是對于感性材料的機(jī)械復(fù)制诅妹，而是對現(xiàn)實的一種創(chuàng)造性的把握票髓，它創(chuàng)造的形象是含有豐富的想象性、創(chuàng)造性掷空、敏銳性的美的形象肋殴。”
這段話是不是太抽象了坦弟？簡單總結(jié)來說意思是：美是有規(guī)律护锤。
這本出版于1962年的經(jīng)典書籍，書里說到提升美感的十個點酿傍，分別是平衡烙懦、形狀、形式赤炒、發(fā)展氯析、空間亏较、光線、色彩掩缓、運動雪情、張力、表現(xiàn)你辣。
不要小看區(qū)區(qū)這10個詞語巡通，里面暗藏著與美感相關(guān)的知識點。
以大圖和小圖為例绢记，給人的心理感受是完全不一樣扁达。大圖更多給人以沖擊力的感覺。小圖則是平靜陳述內(nèi)容蠢熄。選有感覺圖片跪解，建議根據(jù)這些選項再進(jìn)行選擇。
一签孔、 說服力畫面養(yǎng)成法
那么叉讥，圖片如何正確傳達(dá)信息呢？這不得不提饥追，藝術(shù)與視知覺的平衡图仓。我們在觀察一個建筑物的時候，以巴黎圣母院來說為例：當(dāng)你第一眼看上去的時候很神圣但绕，華麗的外表救崔，中軸對稱的形式，讓人們對宗教產(chǎn)生了一種無言的崇敬捏顺。
同樣的結(jié)構(gòu)六孵，將圖片給換成下圖時，給人完全沒有崇敬的感覺幅骄。
同樣的結(jié)構(gòu)為什么會有這么大的差異劫窒？和圖片給人的隱藏信息有很大的關(guān)系。
小測試：上圖你能得到的信息時什么拆座？
● 怪異主巍？
● 螺絲釘？
● 不合常理挪凑？
特異是能打破現(xiàn)有框架的元素孕索，譬如一個人身掛著狗頭，絕對能快速吸引你的目光躏碳。因為和常識有所偏差搞旭，所以能特別吸引目光。
返回平衡的話題，好設(shè)計都需要分析其平衡之處选脊。就像杜尚的這幅作品《坐在黃色扶手椅上的塞尚夫人》杭抠，利用黃金分割的輔助線，以中軸對稱的形式體現(xiàn)平衡恳啥。同時偏灿，傾斜的躺椅和身體有形成另一種平衡。
這種結(jié)構(gòu)配合婦女的造型钝的，形成一種端莊既視感翁垂。如果你有時間，再分析以前的繪畫硝桩，都能或多或少滿足找出畫面給人好感的原因沿猜。
那么，有什么特征才會有這樣的感覺呢碗脊？
二啼肩、 有感覺圖片的具有這些特征
** ● 善用眼睛，影響他人**
眼神選圖的關(guān)鍵衙伶。我們都知道眼睛是人心靈的窗口祈坠，人類身上最迷人的部分，眼睛肯定算其中之一矢劲。
很多小說里都會提到通過對方的一個眼神赦拘，就能確定那個人在想干什么。聽上去有點神奇芬沉，不過確實眼神有這樣的魔力躺同。
如上圖所呈現(xiàn)的狀態(tài)一樣。我們看到左邊的三個人的視覺焦點一致向右丸逸，我們的注意力也不自覺的往右邊的區(qū)域移動蹋艺。
怎么樣的眼睛是具有引導(dǎo)作用呢？
可以參考以下這張圖椭员，一般來說车海，當(dāng)人臉的朝向了正面的時候笛园，他的眼睛的引導(dǎo)力并不算很強(qiáng)隘击。因為這時候他的眼神是盯著你看，并不會在畫面其它區(qū)域留下痕跡研铆，所以引導(dǎo)的作用并不強(qiáng)埋同。
這就是為什么畫人像的時候，基本不會畫完全正臉的頭像棵红，是一樣的道理凶赁。因為正臉的人像會顯得很嚴(yán)肅，并不生動。
根據(jù)這樣的眼神理論虱肄，我們排版的時候就顯得很容易致板，只需要將重點的內(nèi)容往眼神指向的方向放置即可。
關(guān)鍵字：明確眼神方向
具體請看下圖咏窿，我把標(biāo)題文字放在眼神聚焦的地方斟或，就會顯得特別醒目。配合粗體大標(biāo)題集嵌，畫面內(nèi)容主旨十分明確萝挤。
相反我們將文字內(nèi)容移到左側(cè)的時候，這種吸引力會弱化根欧×洌看上去似乎還不錯，但總感覺有點不對路的地方凤粗。就是因為眼睛的朝向是在畫面之外酥泛，而文字是在畫面內(nèi)部，他們兩者產(chǎn)生了引導(dǎo)線沖突導(dǎo)致的嫌拣。
同樣在視覺語言中揭璃。左側(cè)跟右側(cè)的眼睛相互交匯到中間時就會產(chǎn)生一種對峙感。特別適合表現(xiàn)一種競爭和比賽的視覺效果亭罪。
如果你喜歡瘦馍，可以利用大小對比的效果，將同一張圖片進(jìn)行重復(fù)排列应役，就像下圖所展示的效果一樣情组，能產(chǎn)生很特別的版式。
三箩祥、 動作產(chǎn)生邏輯思考力
選圖時院崇，除了眼神能產(chǎn)生很強(qiáng)的吸引力之外，人物自身的動作也有類似的效果袍祖，比如人體動作或者手指指向的行為底瓣。
仔細(xì)觀察會發(fā)現(xiàn)，我們用的鼠標(biāo)指針就有類似的明確指向性蕉陋。你會很清楚捐凭，它指向的頂端就是可以操作的區(qū)域。
在圖庫里面搜索到關(guān)鍵字：『手指 指向』凳鬓，能找到很多不錯的指向性圖片茁肠。尤其是比較親和的人物造型，或者快速聚焦某項內(nèi)容時配合手指具有很明確的指引效果缩举。
一本日本暢銷的文案書里提到過一個觀點垦梆，什么是優(yōu)秀的文案匹颤？就是看完之后，能讓人產(chǎn)生行動托猩，這就是好的文案印蓖。
關(guān)鍵字：有身體動作
舉個例子：
● 迷人的姑娘，便宜的產(chǎn)品（狀態(tài)描述）
● 作為普通文員京腥，她為什么擁有令人羨慕的小資生活另伍？（動作描述）
好的圖片也具備了這樣的特點，搭配手部動作绞旅，圖片具有很強(qiáng)的誘導(dǎo)性摆尝。
人物的手部動作，可以清楚告訴用戶什么樣的內(nèi)容是重點因悲。就如同下圖所示的一樣堕汞。左側(cè)的圖片明顯要比右側(cè)的圖片更有吸引力。
以往可能你并不清楚晃琳，為什么有這樣的不一樣的感受讯检。經(jīng)過上述分析的案例，應(yīng)該就理解其中的原因了卫旱。
同樣的指向性動作是可以連續(xù)搭配使用人灼。圖片展示的效果如下圖，通過一個向左動作跟一個向下動作顾翼，形成了完整的指向型視覺引導(dǎo)方案投放。
這個方案既有明確的引導(dǎo)性，也有人物間的大小對比适贸，整體看上去會顯得比較完整和耐看灸芳。
我們分析一下，如果將顏色去掉拜姿，效果是不是不一樣的烙样？得到的是這樣的結(jié)果。
可以明顯的感覺到蕊肥， 圖一的指向性要比圖二好很多谒获。
試圖通過視覺點的分布，看看問題出在哪里壁却？
圖二視覺點會有兩個批狱，第一個是往下的視覺點，一個是往右的視覺點儒洛。整體感受就會比較凌亂精耐。
相反狼速，圖一比較明確琅锻，只有一個按順序移動的視覺點，即先向左再向下，最終觸達(dá)核心文字恼蓬。
四惊完、 具象，遵循潮流的方向
當(dāng)你找到圖片之后处硬，不清楚要做成什么風(fēng)格的時候小槐，趨勢可以幫到你。
趨勢是從哪里來呢荷辕？
關(guān)鍵字：具有明確眼神方向
一般可以從各大時裝周得到凿跳，另外還有很多大型的設(shè)計網(wǎng)站，每年都會發(fā)布下一年的趨勢報告疮方，那里也有大量的參考性案例控嗜。我們試圖挑選其中一個風(fēng)格趨勢，配合我們找圖的技巧骡显，看看能得到什么不一樣的結(jié)果疆栏。
● 大膽的用色（Bold Color）
大膽的用色風(fēng)格有一個很大的特點，顏色使用特別大膽跟前衛(wèi)惫谤，可以配合一定的矢量圖形搭配使用壁顶。需要采用多于3種的色彩，以及高飽和度色調(diào)溜歪。
那么這個風(fēng)格的特點若专，就可以整理成以下關(guān)鍵字：
● ins
● 時尚
● 粉色
挑選其中一張圖片作為主題，再利用初始用到的參照物分解原理蝴猪，將其拆分成這三塊內(nèi)容富岳，即點綴，主題跟色調(diào)拯腮。
為什么會選擇這張嘴唇的圖片呢窖式？
首先前衛(wèi)風(fēng)格使用的元素都會比較另類，于是圖片素材就需要滿足另類的特點动壤。而另類廣義來說是超出原來的正常理解范圍萝喘。
譬如：像嘴唇、鼻子琼懊、鞋子這類本不該出現(xiàn)的物體阁簸，取代了原本頭部的位置，結(jié)構(gòu)成為了另一種獵奇的物體哼丈。
仔細(xì)分析大膽前衛(wèi)的風(fēng)格启妹。首先發(fā)現(xiàn)這些風(fēng)格的圖片都會經(jīng)過處理，不會直觀表現(xiàn)原來的樣子醉旦。意味著直接將找到的圖片拉進(jìn)這種設(shè)計是不合適的饶米。
利用曲線跟色彩飽和度兩個參數(shù)進(jìn)行特別的調(diào)整桨啃，形成下圖。當(dāng)然如果你愿意檬输，也可以變成其他任何高飽和度的色彩照瘾，形成的感覺也是差不多的。
特別注意要利用對撞色的原理丧慈，配粗字體析命，參考波普風(fēng)格元素，在關(guān)鍵字里添加上『波普』這個詞語會得到更多驚喜逃默。
最終形成的海報鹃愤，如圖所示。
五完域、 圖片傳達(dá)實驗室——迅速提高圖片魅力
看了那么多有魅力的特征圖片昼浦，肯定要動手實踐，怎么將這部分的知識融入到選圖之中筒主。
我將這部分內(nèi)容稱為圖片傳達(dá)實驗室理論关噪，是以一個界面為例，結(jié)合我們選圖和處理圖片的技巧乌妙，形成一批有說服力的界面使兔。
目錄會分為發(fā)現(xiàn)問題，列舉課題藤韵，評價方案和實施策略椒振。文字會以這四部分為主要核心烧给，簡述整體提高圖片魅力的方法。
在聊這個問題之前，我們不妨來看一下這張圖片溪烤，每日新聞的一張漫畫眉厨。好像沒有什么問題贴硫，就是一個有關(guān)特朗普跟普京的故事趁蕊。
但是我們試著換另一種角度去看。每個角度都能呈現(xiàn)不一樣的內(nèi)容然低。雖然它們都是引用了同一張圖片喜每，但是表達(dá)的意思卻是完全不一樣，另外所表現(xiàn)出來的視覺語言也是相當(dāng)不同雳攘。
這意味著一張圖片是可以被多次利用带兜，而且只要你用的圖片尺寸夠大，局部是可以用作很多用途吨灭，你能創(chuàng)作的可能性就會多元化刚照。
1、發(fā)現(xiàn)問題
我們以關(guān)鍵字『靜謐』開始喧兄，對這個技巧進(jìn)行討論无畔。通過搜索啊楚，在圖庫里面找到了這么一張圖片。初看下來沒有什么特別大的問題檩互，顏色特幔，圖形和構(gòu)圖都還可以咨演。
試著將它植入到音樂界面里闸昨，得到了以下效果。用直接將圖片以默認(rèn)方式嵌套到這個矩形里薄风，能清楚的發(fā)現(xiàn)圖片下半部分顯得空蕩蕩饵较。效果并不是很好，而且圖片的上半部分遭赂，文字和背景粘在在一起循诉，造成的閱讀影響。
2撇他、解決的課題
我們該怎么解決上述問題呢茄猫？很簡單，只要將圖片進(jìn)行反翻轉(zhuǎn)可以了困肩，最終形成以下所示的效果划纽。
拿到圖片，特別是這種類似背景的圖片锌畸，翻轉(zhuǎn)是很有用的技巧勇劣，它可以實現(xiàn)從不同的角度適用圖片。
● 文字：在圖片里顯得清晰潭枣。
● 重點：變得更有視覺焦點比默。
3、列舉替代方案
當(dāng)我們找到了這么一個角度之后盆犁，可以分析顏色命咐，進(jìn)而列舉出更多可選的方案。
也可以通過軟件谐岁，將圖片顏色進(jìn)行抽離和分解的工作侈百，快速形成一組可供我們參考的顏色。
如圖所示翰铡，就能快速實現(xiàn)配色方案的目的钝域。
能列舉不同結(jié)果的方式還有很多，除了配色分類之外锭魔，我們還可以用以下3種方式例证。這里的每種方式與之前的素材整理法相似，都是一種快速擴(kuò)展素材的模式迷捧。
① 以圖搜圖：
——
這是一種快速得到圖片的方式织咧，不用怎么動腦胀葱，只要你覺得這張圖片還可以，就能找到跟它相似的一堆圖片笙蒙。
② 顏色關(guān)鍵字搜索：
——
對目標(biāo)圖片顏色的分析抵屿，列舉出顏色趨勢，并將這些名稱放到專業(yè)的圖庫里進(jìn)行搜索捅位。
③ 高級自定義搜索：
——
可以只用普通引擎進(jìn)行針對站點檢索轧葛，進(jìn)行指向性搜索。你只要知道目標(biāo)就可以針對搜索艇搀。
六尿扯、 實施方案策略
1. 權(quán)威高質(zhì)量相關(guān)性圖片
這部分主要是結(jié)合之前聊到的三個圖片特征，進(jìn)行組合搭配焰雕。如果只有背景的畫衷笋，圖片的魅力是不太夠，這時候我們需要引用人物的造型矩屁。
人物和靜謐這個主題相關(guān)辟宗，我們找到了有靜音動作的圖片，具體如下圖所示吝秕。
我們直接將這張圖片摳出來泊脐，放到我們之前整理的背景里的話，明顯是顯得有點格格不入了郭膛。因為兩種畫面的風(fēng)格不太一致晨抡，這就需要進(jìn)行統(tǒng)一的調(diào)整。
調(diào)整會利用到photoshop 里面的曲線工具则剃，色階工具以及曝光工具耘柱。分別針對亮色系跟暗色系做了兩套版本進(jìn)行對比。做出來的結(jié)果棍现，亮色系對整體的界面更有幫助调煎。
2. 能引起行為的動作按鈕
還記得前面的章節(jié)提到，一個令人引起動作的手勢己肮，是很重要的行為嗎士袄？
我們可以通過眼神和手部動作，進(jìn)行視覺焦點的鎖定谎僻，類似下圖所示的結(jié)果娄柳，并且結(jié)合圖片合成的技巧進(jìn)行一致性的輸出。
對于眼神望向右邊而言艘绍，『80%和購買按鈕』顯得就非常明顯赤拒。
3. 減少視覺噪音
完成上面那一步還是不夠，我們試圖減少一點視覺噪音。什么是噪音呢挎挖？就是對整體畫面沒有幫助这敬，卻能吸引觀眾目光的元素。往往這些東西都會出現(xiàn)在背景里蕉朵。
我們都知道崔涂，如果背景越復(fù)雜的話，前景的重點性會減弱始衅。這一步可以對背景進(jìn)行簡易化的處理冷蚂。最終形成的樣子，如下圖所示觅闽。
4. 款式一致
除了上述能為圖片加分的選項以外帝雇，還有一點涮俄，就是當(dāng)多圖片使用時蛉拙，一定要注意款式的一致。
七彻亲、 延伸思考：技術(shù)思考
——
已經(jīng)簡述很多關(guān)于圖片處理的技巧孕锄，另外還有一個很重要的概念，我也將此放在這里進(jìn)行延伸思考苞尝。吉薩金字塔和達(dá)芬奇?zhèn)魇喇嬜鳌睹赡塞惿酚惺裁搓P(guān)系畸肆？它們都是基于黃金分割設(shè)計！
黃金分割是一個數(shù)學(xué)比例宙址。我們在大自然中很容易找到這樣的比例轴脐，當(dāng)它用于設(shè)計時，能創(chuàng)造出有生命力的抡砂、純天然的視覺作品大咱，愉悅我們的眼睛。
無論是設(shè)計或是攝影構(gòu)圖注益，合理使用黃金比例可以讓你的作品更美觀碴巾，因為這套系統(tǒng)已經(jīng)是被歷史驗證過，超越感覺的一般性方法丑搔。
但黃金比例不只上圖所示的樣子厦瓢，還有許許多多的形式。一般我們使用時啤月，將主要元素放在交界線的位置就可以了煮仇。
但是我們適用設(shè)計軟件里并沒有這一選項，自己動手做的話明顯也不是很合適谎仲。這時候浙垫，我們就要使用到萬能的插件。
在介紹插件前不妨看一下强重，我們利用黃金比例去分解世界名畫绞呈，可以得到這樣的結(jié)果贸人。就是主要的元素都能放在線段交界的部分。這就是為什么有些版式佃声，看上去很有美感的原因所在艺智。
那我嘗試用這種ps插件，將生成的黃金比例圖圾亏，放到了我們所需圖片里十拣。插件有個地方，它可以根據(jù)的圖片尺寸志鹃。自動適配一個黃金比例圖給你夭问。
● 插件一：Divine Proportions Toolkit
● 插件二：GoldenCurve黃金分割線GoldenCurve - PHOTOSHOP中的黃金分割線
總結(jié)
具有說服力的畫面是什么樣子呢？或者換一種說法曹铃，什么是耐看的畫面缰趋？應(yīng)該就是能讓人產(chǎn)生行動的效果，注意『行動』這兩個字很重要陕见。
什么樣的情況會產(chǎn)生行動呢秘血？我們可以利用眼神，動作以及趨勢塑造有動作感的畫面评甜。一般灰粮，有感覺的設(shè)計也會緊緊遵循這樣的原則，另外我們對這套理論進(jìn)行實踐忍坷，得出快速提升圖片魅力的方式粘舟，即發(fā)現(xiàn)問題，列舉課題佩研，評價方案和實施策略柑肴。
做過1萬個小時設(shè)計，讀過1千本書韧骗，分享與你相關(guān)的設(shè)計故事
微信號：izddesign
