技術(shù)資訊
如何制作banner廣告
2012-06-29 08:33:58
阿里巴巴中國(guó)站首頁(yè)改版后對(duì)于頁(yè)面內(nèi)的banner推薦位有了更高的要求,這也引發(fā)了在青島網(wǎng)站制作與青島網(wǎng)站建設(shè)中做好banner的思考,我覺得在banner設(shè)計(jì)中相對(duì)圖形及背景元素的運(yùn)用,文字本身的設(shè)計(jì)與排版要重要很多,即使在沒有任何背景元素的情況下,文字依然可以良好的傳達(dá)信息,因此如果我們對(duì)banner上的文字進(jìn)行巧妙設(shè)計(jì)不僅能鮮明的表達(dá)設(shè)計(jì)主題還能夠增強(qiáng)用戶關(guān)注度從而獲得高的點(diǎn)擊率,更可以提升網(wǎng)站頁(yè)面審美價(jià)值,也只有理清的這樣的思路才能更好的制訂設(shè)計(jì)規(guī)范,保證頁(yè)面廣告投放質(zhì)量的一致性。
文字,這種與人類歷史幾乎同步的信息表達(dá)形式,同樣也是視覺傳達(dá)設(shè)計(jì)中最重要、最基礎(chǔ)的元素之一。她的歷史沿革應(yīng)該已經(jīng)有非常多的同學(xué)做過(guò)分享介紹,這里就不再贅述。我想講述的是字體在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用,她最為常見的一種承載形式:banner字體設(shè)計(jì),這幾乎是每個(gè)Web設(shè)計(jì)師都會(huì)遇到的設(shè)計(jì)內(nèi)容,不論是通欄、半通欄,還是各種大大小小尺寸以及活動(dòng)營(yíng)銷推廣的頁(yè)面頭部,都可以看到字體設(shè)計(jì)的身影。
下面根據(jù)我的理解大概的羅列了幾種平時(shí)最常見banner字體設(shè)計(jì)表現(xiàn)形式(視覺大牛們請(qǐng)輕拍):
根據(jù)文字本身的具體內(nèi)容及其含義,使得文字的筆畫結(jié)構(gòu)與文字內(nèi)容含義一致,符合用戶的心理預(yù)期,下圖中“斷”字就故意在最后一筆切斷。
思考banner的觀眾是誰(shuí)或者說(shuō)這個(gè)產(chǎn)品是誰(shuí)用的,針對(duì)兒童類產(chǎn)品,在字體的表現(xiàn)上可以幼稚活潑一些,在設(shè)計(jì)上增加一些童趣的意味,假如是針對(duì)機(jī)械類產(chǎn)品,可以在字體筆畫結(jié)構(gòu)上做的硬一些,棱角分明,假如是針對(duì)女性的,文字的構(gòu)建上可以纖細(xì)柔美、也可以時(shí)尚秀麗,假如… …
根據(jù)不同的主題氛圍進(jìn)行設(shè)計(jì),如端午節(jié),中秋節(jié)等傳統(tǒng)節(jié)日進(jìn)行的推廣設(shè)計(jì),可以增加人文的設(shè)計(jì)元素,如使用書法字體,用字體去烘托這個(gè)氛圍,同樣比較常見的還有一些使用禮品帶、花枝藤蔓等裝飾性元素結(jié)合文字出現(xiàn)以增加設(shè)計(jì)的美感。
用輔助圖形與字體結(jié)合,這樣的組合方式非常常見,設(shè)計(jì)原理就是根據(jù)字意詞意,使用與之相關(guān)的圖形元素與字體筆畫形體相結(jié)合,圖形元素的使用可以是具象的也可以抽象的,但對(duì)于這個(gè)的形式也很容易陷入設(shè)計(jì)泥潭,過(guò)分的強(qiáng)化圖形或者說(shuō)圖形過(guò)于復(fù)雜,反而對(duì)字體有效傳達(dá)造成影響,在設(shè)計(jì)時(shí)盡可能避免過(guò)度設(shè)計(jì)。
作為五筆畫的最后一筆,除以上講述的內(nèi)容外,對(duì)于banner中的字體設(shè)計(jì)還是應(yīng)該追本溯源,形式上的美感自然是設(shè)計(jì)表現(xiàn)的一方面,但再好看的商業(yè)設(shè)計(jì)也不能脫離一個(gè)設(shè)計(jì)關(guān)鍵要素:易識(shí)性,怎樣才可以讓字體既美觀又具有良好傳達(dá)力的呢?
1.咱們?cè)谧鲎煮w設(shè)計(jì)的時(shí)候,筆畫粗細(xì)及風(fēng)格要做到統(tǒng)一,這里說(shuō)的統(tǒng)一并不是讓你將文字的所有筆畫粗細(xì)都調(diào)整的一摸一樣,而是對(duì)于在一個(gè)詞語(yǔ)內(nèi),同樣的點(diǎn)與點(diǎn)或者橫與橫等需要盡量保持一種大小粗細(xì),這樣的好處是不會(huì)出現(xiàn)同樣的筆畫卻大小不一,視覺上很凌亂的感覺。在完成了這樣的粗細(xì)調(diào)整以后,為了使文字更富有變化,對(duì)于常見的勾、折等也應(yīng)該進(jìn)行風(fēng)格上的統(tǒng)一,盡可能讓文字結(jié)合起來(lái)看的時(shí)候擁有相對(duì)一致的視覺感受。
2.為了解決可能出現(xiàn)的某幾個(gè)字的筆畫相差太大,在視覺上容易出現(xiàn)輕重不一的情況,對(duì)于設(shè)計(jì)完成的字體組合還有一次針對(duì)整體的微調(diào)過(guò)程,盡可能達(dá)到視覺的平衡感與一致性。
3.空間上的平衡,簡(jiǎn)單的說(shuō)就是在進(jìn)行字體設(shè)計(jì)時(shí)需調(diào)整空間留白,漢字的字型有繁有簡(jiǎn),合理的分配筆畫內(nèi)的留白空間,才可以使文字看上去更為協(xié)調(diào),不會(huì)因?yàn)橛行h字過(guò)于繁瑣,空間留白不夠?qū)е潞軘D很壓抑的極端情況。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-08-16 16:41:47] DEDE內(nèi)容頁(yè)自動(dòng)添加關(guān)鍵詞鏈接
- [2018-07-11 22:39:36] a標(biāo)簽是否需要加入title
- [2016-09-02 10:43:00] 織夢(mèng)DEDE從后臺(tái)登陸出現(xiàn)空白頁(yè)面空白
- [2012-08-28 09:15:47] DW如何制作細(xì)線表格?
- [2014-05-22 22:58:55] 網(wǎng)站設(shè)計(jì)的前期溝通之重要性
- [2014-10-27 11:32:43] 高權(quán)重老站被百度K掉后如何處理
- [2014-11-13 22:56:52] 網(wǎng)頁(yè)設(shè)計(jì)師如何跟客戶溝通
- [2012-11-13 10:36:21] 網(wǎng)站設(shè)計(jì)中的簡(jiǎn)潔與簡(jiǎn)單
- [2015-02-02 09:14:00] 如何提高百度收錄的概率?
- [2012-05-03 17:58:58] dede列表頁(yè)調(diào)用正文
- [2011-10-09 23:40:11] 青島網(wǎng)站制作優(yōu)化的發(fā)展趨勢(shì)
- [2013-07-14 21:52:03] 網(wǎng)頁(yè)設(shè)計(jì)中的圖片運(yùn)用與重要性
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站視覺 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站建設(shè)的步驟有哪些 平面設(shè)計(jì) 青島網(wǎng)頁(yè)設(shè)計(jì) 微網(wǎng)站 H5專題頁(yè)面 青島網(wǎng)站營(yíng)銷 青島網(wǎng)頁(yè)制作 交互設(shè)計(jì) 互聯(lián)網(wǎng) 中小型企業(yè)網(wǎng)站建設(shè) SEO優(yōu)化 網(wǎng)站策劃 企業(yè)建站 php程序 海信網(wǎng)絡(luò)科技 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 官網(wǎng)建設(shè) 網(wǎng)站開發(fā) 青島網(wǎng)站案例 搜索引擎 css 輪胎網(wǎng)站設(shè)計(jì) 微信開發(fā) 版面布局 H5 空白和簡(jiǎn)潔的設(shè)計(jì) 程序開發(fā)