平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

大家最喜歡的改稿內容終于來了,通過學習別人的不足之處與修改之處對比來進步是相對比較高效的,大家可以把自己帶入改稿者的角色,看看如果自己出現了類似的問題該如何解決。閑話不多說,下面開始今天的內容講解。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

這一系列問題其實都是對設計的全局認識不足所導致的,首先我們要明確一點,設計是在營銷中承擔的哪一環。

簡單一點來講先有大的營銷策略或者活動準備,搞出來文案最后才到設計的部分,我們的執行層級并沒有那么高,所以如果有文案的話,請一定依照著文案的內容進行畫面展開,搞清楚誰是核心或者我們可以說設計是文案的視覺呈現執行,相當于文案是劇本和導演,設計是拍攝和演出。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

元素疊壓當然是一個很好的手法,很簡單也很出效果還能一定程度上解決空間問題,但也不是隨便都能疊壓的。

我們上篇文章中有提到簡單復雜概念,不做復雜+復雜的添加形式可以有效避免畫面過亂,或者互相干擾的情況出現。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

我們可以想象一下,如果下面這兩張圖都疊壓了一個極其復雜豐富的圖片或者圖形效果,還會不會有現在這樣好?肯定是不會的,我們在做商業設計的時候也一定要把握好這個平衡點,底屬性過度豐富會干擾圖部分的表現。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

構圖結構可以完全憑感覺嗎?其實是完全可以的但我們新手前期沒有做過太多的圖,沒有太多的經驗可以用來參考,建議最好先從結構思維和構圖理論切入,這樣不至于面對一整個畫面不知道東西都應該放到哪里去。

一個合理的構圖和結構都是自帶平衡和良好的視覺走線的,而且對新手也較為友好,很快就能上手,我個人建議前期我們盡量要借助一些這樣的理論,等成熟以后再自由發揮會更好些。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

我們老板客戶經常喜歡說放大放大,其實這是有道理的,很多時候作為一個宣傳品的核心視覺都小了,那顯然效果會大打折扣,或者我的主圖本身尺寸不夠,一放大就糊了這也是不行的,一張模糊的素材都會極大的拉低畫面質量,可以明顯看到下面兩個圖的對比,影響是很大的。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

但我們所說的畫面糊或者素材糊是尺寸不足導致的,和故意用的模糊手法包括一些磨砂玻璃的手法不是一回事,以最終視覺效果為準。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

我們做設計處理信息不能像寫小說一樣,那么打字上去就完事兒了,信息需要刻畫,也需要一定的層級來分清主次。首先要建立起這個意識,其次要結合上大量的練習與反饋,下次避免出現類似問題這樣去培養自己的信息刻畫能力。

這部分我推薦大家可以多看一些比較好的書店設計,他們的信息做得很棒。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

下面我用標題舉例,給大家看看一個常規的矩形標題編排都需要做些什么。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

通過觀察可以明顯看出來下面兩個主圖的形態,都是相對來說比較完整的,網圖本身從難度上講就相對低一些,雖然它難度低但不代表它就難看,所以大家在做設計的過程中要學會給自己省事兒。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

當然還有一個層面,作為畫面的主圖,它當然需要占據更大的空間,這就要確保其視覺性足夠,說大白話就是看起來要好看,很明顯下面兩張圖對比中,右圖要更加適合在畫面中表現,視覺性也更強。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

時刻記住,設計不僅僅是在開始編排的那一刻才叫設計,而是從選擇主圖就開始了,盡量多花些時間在這上面,會很值得。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

可以看到今天這個原圖問題稍微有一些多,但改稿就是這樣,問題越多越適合講解,純新手幾乎一定會犯的幾個錯誤都出現了,其實轉換成黑白圖我相信大家多多少少看出來一些不對勁的地方了,下面一一講解。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

如果覺得整塊比較難以分析,可以把畫面分割成三部分進行逐一的拆解,這個方法能更簡單有效的看出問題出在哪。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

改稿分兩個路子,一個是小修小補一個是推翻重建,因為這個出的問題比較多,我們就別琢磨能改哪里,先看看什么是不能刪的,毫無疑問的主圖,文案以及大致的標題主圖上下的位置關系可以保留,其余基本都得重新搞一下。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

第一步還是讓主圖清晰,該放大就放大。

之前主圖還存在一點白邊我個人是建議大家摳圖時候注意點,直接用快速選擇或者魔棒結合圖層樣式中的描邊是最容易出問題的。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

咱們需要有一個分析主圖優缺點的過程,這個在我看來核心優勢就是放大以后有細節,劣勢則是會帶來一些很難受的負空間,我們可以先用一個矩形來承載,后續再對矩形進行變化。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

因為其負空間比較多,不是一個小東西能解決的,直接加一個大的矩形處理掉空間,再對其進行分割以確保整體不要過于呆板。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

粗略的處理完中間的區域后,按照我們前面處理標題的思路來處理這個,依舊是熟悉的流程。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

結合標題整體查看效果,最下面的空間留給一些簡單的信息,大致空間分配還可以的,就是中間這三個矩形有點空,這就是下一步的處理思路。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

在素材網站搜一點這種線稿的東西添加進去,包括發射線一類的,把空間弄飽滿一點熱鬧一點。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

繼續豐富色塊中較空的部分,如果整體看不太好判斷,我們可以把每一個矩形都視為是獨立的空間,再對其添加素材或者文案就好理解多了。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

保持與上面文字一致的刻畫方式,橙色填充+黑色描邊,把下面的信息也弄好。但問題也很明顯,下面還有一大塊空間解決掉,這就是下一步的工作。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

我們在處理空間之前,首先要明確是縱向問題還是橫向問題,這里顯然是一個縱向問題,我們可以通過添加次空間或者對頂部底部進行封邊處理來解決,原圖也有類似手法只不過是四周添加的。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

直接加這個封邊還是看著有一點奇怪,需要加一點素材適當過渡一下。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

最后兩步變化不多,就一起說了,整體添加一點兒點元素,并且為了增強刺激食欲,再復制一些剝好殼的部分,同時整體在濾鏡庫里過一遍疊一個紋理,在 ACR 里面過一遍就完成了。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

最后可以整體看一下對比,可以看到無論是主體的清晰度還是各個信息的層級。以及第一眼能吸引人視覺的能力都強了很多。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

我還做了一個淺色的版本,大家可以看看喜歡哪個多一些。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

當然了我們并不是說市面上不應該存在稍微差一些的設計,這與宣傳投入的預算,店鋪的規模以及營銷的目的都有很直接的關系。并不是所有生意都適合高預算,更多的生意需要把錢用在設計以外的地方,可能是渠道滲透也可能是產品研發等等,我們做設計一定要把視野放寬一些,時刻記住,我們只是營銷上面的一環,而不是營銷的全部。不要過于夸大設計的作用,當然也不要過于貶低設計的價值,就能做到客觀認知輔助客戶做好生意的增長了。

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

設計樣機圖

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

設計樣機圖

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

本篇教程到這里就差不多結束了,通過一個改稿給大家帶來了一些新手可能會常犯的錯誤,希望大家學習后有則改之無則加勉。對文章有問題或者我沒表述清楚的話可以加我聯系方式交流,非常感謝大家看董掌柜的文章,可以點個贊轉發給朋友一起讓知識流動起來,我們下期再見。

歡迎關注作者微信公眾號:「視研設」

平面小課堂!6個新手常見的排版錯誤(附改稿實操)

收藏 126
點贊 76

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。