Flashbanner設計理論知識

1、Banner設計理論知識一、banner的設計原則和設計要求設計原則1）真實性原則banner所傳播的經濟信息要真實。banner文案要真實準確，客觀實在，要言之有物，不能虛夸，更不能偽造虛構。2）主題明確原則也就是在進行產品宣傳時，要突出產品的特性，要簡單明了，而不能出現一些與主題無關的詞語和畫面。在對產品進行市場定位之后，要旗幟鮮明地貫徹廣告策略，有針對性地對廣告對象進行訴求，要盡量將創(chuàng)意文字化和視覺化。3）形式美原則為了加強banner的感染力，激發(fā)人們的審美情趣，在設計中進行必要的藝術夸張和創(chuàng)意，以增強消費者的印象。banner設計制作上要運用美學原理，給人以美的享受，提高banner

2、的視覺效果和感染力。4）思想性原則是指banner的內容與形式要健康，絕不能以色情的和頹廢的內容來吸引消費者注意，誘發(fā)他們的購買興趣和購買欲望。二、banner設計規(guī)范文 案1）要真實準確，客觀存在，不能虛夸，更不能偽造虛構。用 色1）色彩要明亮干凈，要與整個頁面相協(xié)調。2）不能為了banner更加吸引人而大面積的使用一些濃重的顏色(如大面積的黑色，大面積跟首頁相同的紅色）。圖 片1）圖片不能有版權問題或出現禁止使用的圖片（如國旗、人民幣、色情圖片等）。2）中國站頁面和廣告不能出現西方人物（除推往國外的）。3）圖片的選用要符合創(chuàng)意主題。4）要選擇精度高的圖片，同時也要經過藝術處理來增加美觀性。

3、字 體1）根據文案的重要性進行顏色和樣式的變化來突出主次，以增強視覺上的吸引力。2）字體使用不要超過三種，而造成banner視覺上的混亂。3）字體的應用和處理一定要保證用戶能快速識別。動 畫1）無論banner多么動感，必須要保證用戶有足夠的時間可以看完主要的文字，才能切換到下一個場景。2）切換的頁面不能超過三個，每個頁面切換時間為1到2秒?？偣膊荒艹^6秒。創(chuàng) 意1）創(chuàng)意要符合主題。2）創(chuàng)意不能讓人誤解，對用戶產生誤導。3）創(chuàng)意要幫助主題來加深和加強廣告?zhèn)鬟f的信息。4）類似文案不能要求多種創(chuàng)意。格式大小1）格式為jpg,gif或flash。2）分辨率為72dpi。3）在不超過banner大小

4、的前提下，根據圖片特點選擇輸出格式，最大限度的提高質量。制作時間1）一個全新的banner的制作時間為2-3個小時,如無特殊情況，必須在規(guī)定的時間內完成設計。3、 文字的排版文字是人類文化的重要組成部分。無論在何種視覺媒體中，文字和圖片都是其兩大構成要素。文字排列組合的好壞，直接影響著版面的視覺傳達效果。因此，文字設計是增強視覺傳達效果，提高作品的訴求力，賦予版面審美價值的一種重要構成技術。 下面我們分別從以下幾個方面具體講述文字排列在平面設計中的運用，各小節(jié)都配有生動精彩的圖例剖析。1 提高文字的可讀性 設計中的文字應避免繁雜零亂，使人易認，易懂，切忌為了設計而設計，忘記了文字設計的根本目的

5、是為了更有效地傳達作者的意圖，表達設計的主題和構想意念2文字的位置應符合整體要求 文字在畫面中的安排要考慮到全局的因素，不能有視覺上的沖突。否則在畫面上主次不分，很容易引起視覺順序的混亂，有時候甚至1個像素的差距也會改變你整個作品的味道3在視覺上應給人以美感 在視覺傳達的過程中，文字作為畫面的形象要素之一，具有傳達感情的功能，因而它必須具有視覺上的美感，能夠給人以美的感受4在設計上要富于創(chuàng)造性 根據作品主題的要求，突出文字設計的個性色彩，創(chuàng)造與眾不同的獨具特色的字體，給人以別開生面的視覺感受，有利于作者設計意圖的表現5更復雜的應用 文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這

6、樣才能達到更完整的效果，而這些細節(jié)的地方需要的是耐心和功力。文字版面的設計同時也是創(chuàng)意的過程，創(chuàng)意是設計者的思維水準的體現，是評價一件設計作品好壞的重要標準。在現代設計領域，一切制作的程序由電腦代勞，使人類的勞動僅限于思維上，這是好事，可以省卻了許多不必要的工序，為創(chuàng)作提供了更好的條件。但在某些必要的階段上，我們應該記?。喝?，才是設計的主體。 1提高文字的可讀性 文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息，要達到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺印象。因此，設計中的文字應避免繁雜零亂，使人易認，易懂，切忌為了設計而設計，忘記了文字設計的根本目的是為了更好，更有

7、效的傳達作者的意圖，表達設計的主題和構想意念。 舉例如下讓你想表達的內容清晰，醒目。讓閱覽者一開始就可以明白你的意思 避免使用不清晰的字體，否則容易使閱覽者產生反感和麻煩（除非你需要這種效果）恰當的選擇你所需要的字體但是，經過特別的處理，你可以使用一些本來并不合適的字體，比如注意文字在編排時的方向，注意安排閱覽者的視線如果：那么，你可以做成這樣或者是這樣也可以最后一點，通常情況下，你應該2 文字的位置要符合整體要求 文字在畫面中的安排要考慮到全局的因素，不能有視覺上的沖突。否則在畫面上主次不分，很容易引起視覺順序的混亂。而且作品的整個含義和氣氛都可能會被破壞，這是一個很微妙的問題，需要去體會。

8、不要指望電腦能幫你安排好，它有時候會幫你的倒忙。細節(jié)的地方也一定要注意，1個像素的差距有時候會改變你整個作品的味道。舉例如下:安排好文字和圖形之間的交叉錯合，既不要影響圖形的觀看，也不能影響文字的閱覽。如果你不小心做成了這樣（有意安排這種效果的不在此例）文字一定不要全部都頂著畫面的邊角，這樣看起來很不專業(yè)再說一點細節(jié)上應該注意的問題，這是容易忽視的地方，也是容易出問題的地方這樣看起來就好一點了3.在視覺上應給人以美感 在視覺傳達的過程中，文字作為畫面的形象要素之一，具有傳達感情的功能，因而它必須具有視覺上的美感，能夠給人以美的感受。字型設計良好，組合巧妙的文字能使人感到愉快，留下美好的印象，從

9、而獲得良好的心理反應。反之，則使人看后心里不愉快，視覺上難以產生美感，甚至會讓觀眾拒而不看，這樣勢必難以傳達出作者想表現出的意圖和構想。舉例如下:這是一個帶有圖形的文字版面，也許你認為這樣也不錯了 但是是不是太平淡了呢？改一下文字的位置和大小，效果又會怎么樣呢？看下圖或者是這樣也可以，看下圖感覺到了什么嗎？其實就是這么微妙，有時只是一點小變化，味道卻不一樣多了。再看看字間距的問題 改一下看看，好一點了嗎？對于大的字體如果你照搬上面的做法，也許你會處理成這個樣子，這樣看起來字與字之間會比較松散調整后是這樣，看起來緊湊多了。字與字之間的對應關系也出來了再看看段落文字的處理字體加大后，段落之間的距離

10、也應該隨之調整（在這里，小字體同樣應用這一規(guī)則，不過是相反的）比如，沒有調整段落距離的時候,調整后可以是這樣 如果有多個段落，就要注意更多的問題，比如主次和輕重，以及在內容表達當方面的重要程度等，看這個例子看看這個不錯的版面的處理4.在設計上要富于創(chuàng)造性 根據作品主題的要求，突出文字設計的個性色彩，創(chuàng)造與眾不同的獨具特色的字體，給人以別開生面的視覺感受，有利于作者設計意圖的表現。設計時，應從字的形態(tài)特征與組合上進行探求，不斷修改，反復琢磨，這樣才能創(chuàng)造出富有個性的文字，使其外部形態(tài)和設計格調都能喚起人們的審美愉悅感受。 舉例如下：這是一個很普通的文字版面 那么加一點自己的感受在里面，對文字的大

11、小、間距、透明度做些調整，就會是完全不同的效果了。很有意思是嗎？根據畫面或作品的要求，可以使用一些圖形化的文字（這可是漢字設計的一種新觀點）。注：所謂“文字圖形化”即將文字筆畫做合理的變形搭配，使之產生類似有機或無機圖形的趣味。強調字體本身的結構美和筆畫美。比如：一開始好象總感覺文字在這里面的表現力有些蒼白了。對主題的表達沒有什么幫助。那么試一下改成這樣行不行 味道出來了嗎？在一定的條件下，確實不能用電腦中提供的字體，必須要自己創(chuàng)造。這也是漢字魅力所在的地方。 比如這個（沒有太多的考慮的情況下） 再看看設計的做法 差別就在這里，也許只是一點小改動，但是需要你思考的卻更多。有時候對文字的筆畫做特

12、殊的加工處理往往會產生一些意想不到的效果。而這樣的處理是帶有創(chuàng)造性的，同時人性化的味道也會更濃一些。這是電腦字體所無法替代的效果，帶給觀看者的感受自然會要強烈的多。5.更復雜的應用文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這樣才能達到更完整的效果。而這些細節(jié)的地方需要的是耐心和功力。記住一定要有自己的想法和感受在里面，如果想表達自己對作品的態(tài)度，就不要在文字上偷懶，這也是不能偷懶的地方。對作品而言，每一件作品都有其特有的風格。在這個前提下，一個作品版面上的各種不同字體的組合，一定要具有一種符合整個作品風格的風格傾向，形成總體的情調和感情傾向，不能各種文字自成一種風格，各行其是

13、?？偟幕{應該是整體上的協(xié)調和局部的對比，于統(tǒng)一之中又具有靈動的變化，從而具有對比和諧的效果。這樣，整個作品才會產生視覺上的美感，符合人們的欣賞心理。 除了以統(tǒng)一文字個性的方法來達到設計的基調外，也可以從方向性上來形成文字統(tǒng)一的基調，以及色彩方面的心理感覺來達到統(tǒng)一基調的效果等等。比如： 一個簡單的例子 經過修改之后的一個畫面要表達的東西有限，所以，banner設計一般使用動畫展示，動畫可以通過不同的場景搭配不同的文案，傳遞給用戶更加多的信息；動畫展示設計方法和思路與靜態(tài)展示方法一樣，因為都是單獨的場景畫面，可以單獨做好幾個畫面，然后通過flash組合起來；四、字體的使用: 如何根據主題選擇合

14、適的字體在banner設計中，文案起到很重要的作用，文字字體同樣起到重要作用；字體運用得不好，會嚴重影響banner設計效果，會明顯降低banner效果檔次；如下圖，要體現的是高貴的感覺，文字使用了穩(wěn)重、均衡的文字搭配畫面，能很好的襯托出要傳遞的感覺；相反，第二副同樣的文案，選擇了活潑的、幼稚的字體，給人不穩(wěn)重，不大氣，不高檔的感覺，完全破壞的畫面效果；常用中文字體意義：正規(guī)體：給人感覺比較穩(wěn)重、大氣、可信賴的，也感覺中庸，大眾，適合畫面：大氣、穩(wěn)重、安定、正規(guī)、高雅、時尚等；同樣的字體，不同的比劃粗細給人感覺也是不同的，比如，黑色分為細黑、黑體、中黑、大黑、粗黑、超粗黑等；越纖細給人感覺越時

15、尚、現代、輕松、優(yōu)雅的感覺（適合服裝、家居、化妝品等行業(yè)）；越粗的字體越給人厚重、笨重、粗壯、結實等感覺（適合工業(yè)、機械等行業(yè)）；其它字體感覺基本相同；宋體粗細變化多，筆畫優(yōu)雅、飄逸、大方自然、柔美、曲線，適合使用于女性主題、畫面柔和的畫面；特殊體：此類字體設計比較個性化，容易造成不同人群的不同喜好，也就是不夠大眾；一般情況下在banner設計和一般平面設計中較少使用，主要運用在特定主題畫面，比如少兒體，適合在活潑的頁面風格中使用（兒童產品、卡通類產品等）五、Banner字體設計吸引眼球最簡單的一種方法，它只要直觀的表現出漢字的意義就可以了。當然，不同的人表現出來的同一個漢字又有所不同。介紹了

16、這么多，你肯定也想設計一款好看的字體抓住客戶的眼球了嗎？實例1實例2實例313是設計的女裝banner，大家可以看到在用色和樣式上很好的渲染和融入了環(huán)境通過豐富的聯(lián)想別出心裁的展示浪漫色彩 對文字進行設計，在造型上的變型把握住女性的固有特征柔美，盡量去用曲線表現，在字的結構上加以變型。實例44例是家居環(huán)境的設計，此例是要說明上文說的設計前要了解設計詞的含義和構造，運用了日常生活里對其形態(tài)的影響變型，設計來源于生活，我們在做字體設計時也不能松懈對平常生活中的細心觀察，我一直都認為作為一個設計師日常生活中的細心觀察對設計的幫助是很大的，可以從日常生活的觀察中提取靈感和元素運用到設計中來，當人們在看

17、這個設計時能和平常的生活聯(lián)系起來，產生共鳴的才是好的設計。實例55例是男裝的banner設計，大家在設計男裝時可以很好的妙用直線條，因為直線條是最好表現男性特征的一個設計元素。在生活中不難看見直線是眾多的男性品牌logo設計的根本元素。五、Banner設計之文字與圖案1.主題明確針對性地對廣告對象進行訴求，形象鮮明的展示所要表達的內容。不要放一些沒用的東西，除非你想趕走你的用戶。三英戰(zhàn)呂布的場景為背景加上隨意放置的幾本連環(huán)畫，很好的體現了連環(huán)畫這一主題。小提琴和玫瑰的組合凸顯了貴族的生活品質。 兩個面帶微笑的小學生讓人一下就想到了希望工程。圖案采用灰度的人像，再用紅色的背景襯托出黃字，黃字為主，白字為次，2.與整個頁面相協(xié)調當我們