tft每日頭條

 > 生活

 > banner設計步驟及圖解

banner設計步驟及圖解

生活 更新时间:2024-11-24 19:58:25

一般Banner是由文案(包括logo)、商品模特(包括産品圖)、背景、點綴元素四個元素組成的,Banner設計四要素:對比、對齊、重複、親密性。

banner設計步驟及圖解(學習Banner設計要點)1

Banner構圖包括:垂直水平構圖,文案居中,比較随意直觀,可靈活操作; 傾斜構圖,文案居中,常用于促銷類;幾何構圖,例如文案位于三角内,結構感強;傾斜式構圖;輻射式構圖等。

banner設計步驟及圖解(學習Banner設計要點)2

Banner的分類:

按照不同的分類标準,就有不同的分法,例如:按形式感分,有 扁平化Banner和立體感Banner;按是否促銷分類,有促銷Banner和非促銷Banner;按構圖方式分類,有左文右圖式 banner、左圖右文式 banner、居中式 banner。 這裡,按表現的特點分為四大類 -- 年輕化Banner、文藝範Banner、品牌感Banner和大氣化Banner。

banner設計步驟及圖解(學習Banner設計要點)3

年輕化Banner的特點:

文案通常用促銷剛勁類的字體,點綴元素常用一些幾何圖形或衆 多商品元素。

banner設計步驟及圖解(學習Banner設計要點)4

文藝範 Banner的特點:

文案通常用瘦長類的字體,構圖穩重、整體協調、用色淡雅。 比如:用鄰近色搭配背景和點綴元素,這時背景與商品顔色鄰近的跨度小,背景與點綴顔色鄰近的跨度大。

banner設計步驟及圖解(學習Banner設計要點)5

品牌感的 Banner特點:

有logo,主色通常用logo上的顔色,文案字體也一般用Logo上 的字體,banner主體是品牌特征。

banner設計步驟及圖解(學習Banner設計要點)6

大氣化 Banner的特點:

常運用一些表現手法,例如聯想、意識流思維,不以文案為核 心,着重表現主體。

banner設計步驟及圖解(學習Banner設計要點)7

字體的選擇:

①纖細類字體,方正清刻本悅宋、小米蘭亭、方正蘭亭纖黑、方 正蘭亭超細黑、華文黑體、漢儀瑞意宋、漢儀宋韻朗黑。

②粗體類字體,方正蘭亭中黑/超粗、方正正中黑、造字工房尚黑。

banner設計步驟及圖解(學習Banner設計要點)8

③促銷類字體,迷你簡菱心、造字工房版黑/勁黑、華康俪金黑、 方正粗譚黑、愛度綜藝簡體。

④書法宇體,漢儀尚巍手書、漢儀綜藝體。

banner設計步驟及圖解(學習Banner設計要點)9

Banner處理技巧:

①文案處理

■文字分層,例如錯層陰影,讓字體有層次感,又或者将文案置于模 特或産品圖的背後,這是最常見的。

banner設計步驟及圖解(學習Banner設計要點)10

■形狀點綴,常見的是直線點綴,用來區分文案内容,也有 幾何圖形來進行裝飾和點綴,從而突出文案,讓閱讀更流暢。

■筆觸相連,分為細節連接和整體連接:細節連接是局部的筆畫相連; 整體連接是多處筆畫同時連帶。一般運用細節連接,這樣不至于讓觀者産生閱讀障礙。

banner設計步驟及圖解(學習Banner設計要點)11

②模特或産品圖處理, 前提是模特圖或産品圖該摳的要摳幹淨,需要優化的要優化處理,素材要擇優選取,要體現賣家所需特征。

③背景處理, 對于背景的處理,一般有用色、紋理和幾何點綴三個方面的處理,呈現體現立體或微立體效果,可以直接構建(微)立體場景,或使用同類漸變色搭建背景。

banner設計步驟及圖解(學習Banner設計要點)12

④點綴元素處理, 點綴元素有一定的方向,例如: 45度朝上,俯視視角一般有标簽點綴、實物圖或圖(紋)案點綴、圓(球)形等幾何點綴。 對于幾何圖形,可通過不同的屬性來呈現多樣性,比如是否有描邊,是否填充等。幾何圖形的點綴有扁平化與超寫實之分。

banner設計步驟及圖解(學習Banner設計要點)13

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved