來源:平面設計圈
設計一個别出心裁的封面,吸引讀者翻開它閱讀其中的年内容,并不是想象中那麼困難,關鍵是利用好現有的素材。
說起素材,其實在實際設計的操作中客戶并不一定能提供多元化的素材給設計師,無論是在海報還是畫冊或折頁設計中常常需要設計師自己想方設法的做出各種各樣的版式。雖說網上素材非常豐富,可并不是每一個客戶都是耐心的,所以在催稿的狀态下,設計師并不能更好的思考發揮。
如果你是一個剛剛入行的新手,那麼這篇文章也許會給你更多的啟發。避開了各種繁雜的軟件操作,僅用排版完成一幅看起來還不錯的設計成品。
講的這10種方法就是對要求時限的設計和新手情況下如何不丢失自己的設計水準。
1.創建格子封面
使用網格作為視覺元素。将一個正方形頁面分成四格,在第二格放上封面的視覺要素,斜對應格放入标題,然後再突出這兩格。
畫一個正方形格子,将一個正方形頁面分成四格,選取角度以畫面視覺要素為主,白色邊框使格子更清晰。這樣第二格裡的畫面能自然而然的被讀者吸引。
為保證整個畫面色彩感的統一,顔色直接從照片中提取,填充右下角的方格,降低其透明度,使下層圖像隐約可見。
在方格中放置字體,注意字體選取保持整體風格統一。避免使用花哨,可愛,活潑等字體。
2. 照片太多,也可以在網格裡拼接展示
相比剪貼薄風格的拼接,使用網格是展示一組照片即方便快捷也堪稱完美的方法,它整潔、畫面豐富色彩多樣性,看看一個簡單且容易上手操作的網格拼接是怎麼發揮神奇的。
因為很難照片數量和均勻網格對應,創建一個均勻網格,将圖片進行适當的剪裁,使其被容納于一個或多個網格裡面。
圖片在網格的規劃下完整的展示,畫面飽滿,整潔且色彩豐富。最後排文字。
網格把頁面劃分為了三個區域,文字統一沿着網格線對其(藍色虛線示意部分)。
最後效果
3. 窄面式封面
首先映入眼簾的是非常時尚的照片。再就是右邊頁面露出一條邊,這裡适合留下重要的導讀信息。
翻開封面,右邊頁面依舊保持窄式豎排版。
颠倒前後頁順序,前置标題,後置圖片。
重點閱讀地方轉移了。
4.突出你的設計視覺焦點
如圖所示的版式,看起來很普通沒有什麼特色但是也說不出哪裡有什麼差錯,硬要說的話感覺那這樣的版式都算不上是設計。字體沒錯,顔色沒錯,閱讀也輕松,唯獨沒有視覺說服力。
我們需要更好的方法來表達視覺效果:
縮小設計區域,定好視覺焦點集中讀者注意力;
字體,盡量符合檸檬邊緣形狀的字體(字體往後教程會具體講到);
放置圖片,将檸檬摳出放置定好的設計區域并露出一部分,檸檬的外形輪廓打破了中規中矩的平直版式,形成對比突出。
5.再利用圖像,以小變大
常常碰到一種很尴尬的情況,圖片尺寸不夠或者不适合現在的構圖,不是有點寬就是有點短。背景還根本沒有合适地方放字,怎麼辦?複制部分圖像,将其放大。
加長的頁面用草莓局部拼接,注意羽化邊緣使其融合;
取圖片中的顔色,建一個漸變透明留給文字;
加文字,圖右邊單獨截圖了草莓局部和透明漸變示意;
6. 設計正式,簡單醒目的封頁
不可避免的我們也會遇到給普通文件設計一個簡單而醒目的封面。可以試試模拟包裹式的封套。
将頁面分成數欄。對其文字後添加橫條;
配色以标題表達為主;
包裹的位置可以居中也可以不對稱,這将決定文字的位置;
對稱版式更娴靜,不對稱版式則偏向靈動;
5. 重新定義版面空間,增加嚴謹和規範的視覺感。
7. 簡單置放漂亮的單排标題
标題重要圖片也同樣重要,如何使兩者相配?可以嘗試把标題設置成以長排,拉大字母間距。
畫一個白色的細長矩形,分割圖像卻不幹擾畫面,位于畫面中央位置更自然的吸引讀者;
字體大寫,顯出影響力;字體選小号,展現優雅和空間;
字體間距設置盡量拉大,根據畫面而定;
很多優秀的畫冊已經看不到滿滿一頁的畫面文字這樣的排版布局。
之前給大家鑒賞過幾本還不錯的畫冊,但根據留言和後台回複來看似乎大家更喜愛大面積留白簡單而又整潔的版式。不得不說這也是我最喜歡的版式沒有之一,這種版式的好處非常多~說的通俗一點就是立馬高大上。但是這種看起來簡單的版式常常在模仿過程中出現各種各樣的意外。這是為什麼呢?因為它根本就不像你們看到那樣的簡單。
它更講究細節,更考究一個設計師的基本功,這裡的基本功于軟件操作完全沒關系,重點全部在于用腦思考。不斷分析不斷解剖,否則在不懂的情況下模仿基本上隻有糟糕的情況出現。最常見的就是不能收為己用,無法舉一反三靈活運用。
還有3個版式沒有講,今天将會用同一張圖排3個版式打破被一個版式局限設計風格,希望各位圈友看完能有所獲。
8. 去掉出血位邊框,活用網格
圖1示意了留出出血位的畫面,接着的改版直接回顧了上期講過的其中之一的方法。看過的圈友應該能想起來跟上期做的那張檸檬的版式大同小異,這個圖沒有可以用于突出異形的部分,但是依舊看起來不錯。就是有點像挂在牆上的畫,但是足夠讓我開始想象其他的一些嘗試了,這節版式重點在下面這張圖:
1. 從縮小設計區域集中讀者視覺這步開始;
2. 圖二示意了寬窄中中字樣,不用覺得奇怪這不單單隻是為了好看。這時圖片處于的是讀者的視平線位置,有疑問的圈友可以随便拿本書看看第一眼視覺位置在哪裡。這樣就能明白為什麼那麼多的版式都不老實的呆在居中的位置,卻依舊不失風采;
3. 靜止的邊框看來有點沉悶,分割成3個豎版讓畫面靈活起來;
4. 分别取三個不同部分,理由同3一樣;
5. 加字和LOGO(字體排版和設計往後細講),保持畫面一緻
提示:第一稿和第二稿字體部分排版是不同的
9. 同樣一張圖使用橫版
1. 單行文字保持了版面的橫向走勢,并形成一個具有強烈吸引力的視覺焦點。圖片LOGO完全統治着下方空白區域。
2. 版面分為兩個區域,一明一暗,每個區域中心(視覺平行線上的标題和下邊的LOGO),格子支配着周圍的空白。巧妙的制衡明暗關系,比起刻意引起注意效果更佳。
10. 橫幅版式
和橫向圖片同工之妙就是橫幅,它具有非常典型的全景式形狀,與縱向頁面形成鮮明對比,創造非常棒的視覺沖擊力。這個版式的重點在于分析圖片。
頁面上的視覺元素很少,卻别具設計感。版面能突出視覺焦點和畫面山水天的靈動性和想象空間。文字和LOGO顔色飽和度降低使用灰色填充,突出圖片。
最後把今天版式内容放在一起對比,好好思考一個素材多元化的運用因為這将提升你的設計風格。
版式遠不止這10種方法,但從這10種版式解析中大緻可以得出以下的幾點:
版面分區(網格)
版面的視覺平行線
明暗對比
空間運用
(字體設計暫時不歸納在其中,往後會有這類的專題講到)
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!