Banner設(shè)計可以說是我日常工作中最主要的一塊需求,banner不比大型項(xiàng)目,從設(shè)計成本上來講不可能給太多的時間給設(shè)計師,所以這也引發(fā)了我對如 何更有效率地完成一個banner的思考。我覺得構(gòu)成banner的重點(diǎn)主要有三個方面,即風(fēng)格,排版以及配色。我個人的習(xí)慣是先定風(fēng)格,再做大致的排版 和配色,然后根據(jù)整體再來調(diào)整,最后再優(yōu)化細(xì)節(jié)。以下就是贏在威客網(wǎng)為您推薦的汽車banner設(shè)計原則。
首先是風(fēng)格, 一般情況下風(fēng)格在跟需求方溝通的時候就已經(jīng)定好了大概的方向,同時我們可以問他要一些參考,進(jìn)一步確認(rèn)風(fēng)格,還有種情況是需求方方?jīng)]有任何的要求,就說讓 你自己把握就好,那這個我覺得也是分兩種情況,一種是需求方真的信任你,放手讓做,還有種就是其實(shí)他自己也不知道要什么樣的,只是想等你做出來以后看了再 說,如果是這種情況不講清楚的話很有可能就會面臨重做的悲劇。第一種類型基本就不需要太操心,自己根據(jù)內(nèi)容什么的來把握就好。第二種類型的話就需要引起注 意了,我們可以自己找一些認(rèn)為比較合適的參考讓需求方來選擇,然后根據(jù)他的選擇和需求方確認(rèn)風(fēng)格,防止他后面說什么不要這種風(fēng)格的,重做一版看看之類的。 那么怎么來分別是哪種類型的呢?我覺得吧一些經(jīng)常合作的,是完全可以根據(jù)以往的經(jīng)驗(yàn)的來判斷他是屬于哪種類型的,如果是第一次合作的我就會先直接判定為第 二種類型,也就是他自己也不知道要什么樣的,以后再根據(jù)他的表現(xiàn)重新分類好了。
然后是排版,所謂排版,即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小,使版面達(dá)到美觀的視覺效果。之前在網(wǎng)上看到過一篇關(guān)于ppt排版六原則(對齊,聚攏,重復(fù),對比,強(qiáng)調(diào),留白)的文章,我覺得這個在banner的設(shè)計中也是同樣適用。這里我把這些原則稍微修改了下,更加適用于banner的設(shè)計。
一、對齊原則
相關(guān)的內(nèi)容要對齊,方便用戶視線快速移動,一眼看到最重要的信息。
二、聚攏原則
將內(nèi)容分成幾個區(qū)域,相關(guān)內(nèi)容都聚在一個區(qū)域中。
三、留白原則
千萬不要把banner排得密密麻麻,要留出一定的空間,這樣既減少了banner的壓迫感,又可以引導(dǎo)讀者視線,突出重點(diǎn)內(nèi)容。
四、降噪原則
顏色過多、字體過多、圖形過繁,都是分散讀者注意力的”噪音”。
五、重復(fù)原則
排版時,要注意整個設(shè)計的一致性和連貫性,避免出現(xiàn)不同類型的視覺元素。
六、對比原則
加大不同元素的視覺差異,這樣既增加了banner的活潑,又突出了視覺重點(diǎn),方便用戶一眼瀏覽到重要的信息。
再講下文字的排版,文字的排版要求重點(diǎn)突出,大小粗細(xì)錯落有致,字體保持在2種左右,像下面這種大尺寸的banner文字就可以適當(dāng)?shù)淖鱿伦冃?,加入一些跟?nèi)容有聯(lián)系的元素或者圖形,可以更好的表達(dá)整個設(shè)計的情緒。
最后是配色, 色彩是由色相、明度和純度構(gòu)成的。 色相即顏色的相貌,用于區(qū)分各類顏色,如 紅色,黃色,綠色,藍(lán)色等;明度即顏色的明暗和深淺,或者說顏色含量里白色的多少;純度即色彩的飽和鮮艷程度。 每種色彩都會因?yàn)樯啵鞫?,純度的不同,表現(xiàn)出不同的色彩感,色彩是有情感的,不同的配色會帶給人完全不同的心里感受。所以當(dāng)你在做banner的時候 就要考慮你想要表達(dá)什么樣的情感,想讓用戶看的時候有什么樣的感受,你所表達(dá)的情感是不是符合主題內(nèi)容,基于這些出發(fā)點(diǎn)再來做banner的配色就更加的 有目的性了。