設計畫面總是醜?三大配圖思路幫助你

設計 英語 攝影 海豚 藍莓 詩人聊設計 2019-04-08
設計畫面總是醜?三大配圖思路幫助你

設計畫面總是醜?三大配圖思路幫助你

通常情況下在實際工作中需要設計的項目,都是需要圖文混排的題材,畢竟圖片相較於純文字具備更強的視覺性。所以合適的好圖片選擇就至關重要,本期為大家介紹三種方法。

其實我們在平時的練習中,也可以多去嘗試新的設計題材,讓版式設計變得更加有意思,比如從攝影圖入手,可以提高自己的設計激情,發現生活中更有趣的彩蛋。

設計畫面總是醜?三大配圖思路幫助你


站在設計的角度,一切事物要遵循一定的美感。所以說圖片不能隨意拿來即用,對圖片本身的質量還是有所要求的,或者說最起碼有個基本的要求,比如說清晰度不好的圖片或者說太過雜亂的場景都不太適合。

設計畫面總是醜?三大配圖思路幫助你



設計畫面總是醜?三大配圖思路幫助你

設計畫面總是醜?三大配圖思路幫助你

通過上面的對比,我們不難發現右邊清晰的主體圖片會讓畫面變得更精緻,而左邊的主體圖片一旦模糊後設計作品的辨識度則會下降,相應的作品的品質也會下降,所以在選用圖片時其清晰度是我們考慮的首要條件。

設計畫面總是醜?三大配圖思路幫助你

設計畫面總是醜?三大配圖思路幫助你

這兩張對比圖的主要視覺主體是藍莓,當我們將信息安排到畫面的右側時,左邊的藍莓顯然干擾了信息的識別性,就會從直覺上讓人感覺圖片是比較雜亂的;而相較於左圖,右邊的藍莓經過移動位置,很好的將畫面中的信息變得更為整潔,視覺形象鮮明。

設計畫面總是醜?三大配圖思路幫助你

設計畫面總是醜?三大配圖思路幫助你


優秀案例解析 >>

設計畫面總是醜?三大配圖思路幫助你

上邊的案例整體運用了移位的手法,留出相應的留白空間,將中間的信息明確的表達了出來。規避了與信息之間相互干擾的問題,視覺點更清晰,信息也表達的更明確。


設計畫面總是醜?三大配圖思路幫助你

上邊的案例為了使主標題信息能夠有很好的傳遞效果,將其位置放置在黑猩猩群營造的類似的壓暗效果,從另一個層面上也與主要人物形成了明暗對比,視覺更鮮明。


設計畫面總是醜?三大配圖思路幫助你

上邊的案例整體是是用英文標題與場景融合在一起,但是我們會發現圖中場景保留的區域是一則完整的故事,每個人物的形態也相當的耐人尋味。



設計畫面總是醜?三大配圖思路幫助你


設計畫面總是醜?三大配圖思路幫助你


設計畫面總是醜?三大配圖思路幫助你

在花瓣上搜關鍵詞“攝影”就會搜到很多關鍵詞,那麼接下來就是隨機尋找我們喜歡的圖了,比如上面的六張圖。



設計畫面總是醜?三大配圖思路幫助你


設計畫面總是醜?三大配圖思路幫助你

從上面六張圖中選出最想做設計的兩張圖,左邊的圖是清晨的樹林,陽光為樹木染上了金色,積極向上,如世界初醒。右邊的海豚如海中精靈一般天真活潑,惹人喜愛。



設計畫面總是醜?三大配圖思路幫助你



設計畫面總是醜?三大配圖思路幫助你

上一次選用的是樹林,這次我們選用這張海豚圖作為案例圖片,看看在不同的設計類目中如何規範。比方說我們想設計一張海報,比例設定為420*285mm,橫版豎版即可。




設計畫面總是醜?三大配圖思路幫助你


設計畫面總是醜?三大配圖思路幫助你

方案一:將圖片放置在畫布中,鋪滿整個畫布,作為通版背景使用,渲染一種氛圍感,讓情感與背景融為一體。


設計畫面總是醜?三大配圖思路幫助你


設計畫面總是醜?三大配圖思路幫助你




設計畫面總是醜?三大配圖思路幫助你

首先將文案信息安排在畫布上,接著將以英文作為主要的視覺符號突出放大,增強信息層級的對比性。



設計畫面總是醜?三大配圖思路幫助你

將編排好的信息放置在背景上,區分信息與背景的相對透氣空間,合理安排信息的位置,保證各自的獨立性。



設計畫面總是醜?三大配圖思路幫助你

內文信息中英文調整為橫向並列,增強其整體對比性與自由性。重新將主標題英文斷行處理,換成更時尚更具美感的粗字型。兩行文字形成疏密對比,並於負空間處藉助線性元素連接起來。



設計畫面總是醜?三大配圖思路幫助你

為了讓畫面的信息與背景產生更強的聯繫性,在黃色圓圈標註的位置將海豚的外形勾勒出來,形成一種破圖的3D視覺,由此畫面的整體趣味性與互動性更強烈。



設計畫面總是醜?三大配圖思路幫助你


最終稿

將主標題英文進行透明處理,畫面的融入感更為良好,在中文標題處加上箭頭的點元素,指示性與裝飾性更好,另外線性元素可以分割信息,最後加上最下面的英文,表達出信息的疏密對比。


設計畫面總是醜?三大配圖思路幫助你




設計畫面總是醜?三大配圖思路幫助你


設計畫面總是醜?三大配圖思路幫助你

方案二:將圖片放置在畫布中,但是不鋪滿畫面,讓信息與圖片混排,更加註重信息與圖片的空間關係。



設計畫面總是醜?三大配圖思路幫助你

將主標題縱向排列,斷行處理,兩行之間形成疏密對比,藉助線性元素優化形式,用色塊把空間分割成兩部分,在這裡色塊的功能主要用於承載文字信息。



設計畫面總是醜?三大配圖思路幫助你

黃色圓圈標註的地方,同樣的手法將海豚的外形與色塊進行疊加,形成破圖的效果,互動性與趣味性很好的得到體現。



設計畫面總是醜?三大配圖思路幫助你


最終稿

將信息安排在相應的位置,加上一些小圖標進行空間裝飾。主標題英文與色塊進行剪切,鏤空處理,顯示出色塊背後的海洋,加強了通透性,由於海豚本身的外形比較柔和,色塊的一個邊角處理成了圓弧狀,親切,自然,柔和。



設計畫面總是醜?三大配圖思路幫助你



設計畫面總是醜?三大配圖思路幫助你

本期就為大家講到這裡,讓我們瞭解到好圖片的選擇標準,並通過選用我們喜歡的圖片,運用不同的設計類目去調整圖片,配上相應的文案利用信息間的層級關係去優化完善我們自己喜歡的設計,發現生活中更有趣的彩蛋。

相關推薦

推薦中...