技術(shù)資訊
網(wǎng)站banner上的文字表現(xiàn)方式
2012-09-26 10:02:20
對(duì)于青島網(wǎng)站制作的Banner設(shè)計(jì),很多人理解為是信手拈來(lái),不需要太多的設(shè)計(jì)思路就可以完成,這是有必要訂正一下的。設(shè)計(jì)banner可能并不難,但是設(shè)計(jì)一個(gè)稱職又有視覺(jué)沖擊力的banner,還是需要經(jīng)驗(yàn)積累的。設(shè)計(jì)師應(yīng)該力求自己設(shè)計(jì)的每個(gè)banner都經(jīng)得起多方面的考驗(yàn),在這個(gè)小方塊里真正的做到有板有眼才行。
關(guān)于青島網(wǎng)站建設(shè)中的banner設(shè)計(jì)的話題相信之前已經(jīng)有很多設(shè)計(jì)師發(fā)表過(guò)自己的經(jīng)驗(yàn)分享,讓人看完以后也是感慨良多、受益匪淺。但是這并不妨礙我們?cè)僖淮翁崞疬@個(gè)話題,每個(gè)設(shè)計(jì)師的工作方法和設(shè)計(jì)的切入角度都是不同的,今天我想跟大家著重談?wù)刡anner中的文字設(shè)計(jì),如何設(shè)計(jì)好banner中的文字,讓文字和其他元素相輔相成達(dá)到和諧的統(tǒng)一。就算只是拋磚引玉,能讓大家得到一絲共鳴,產(chǎn)生舉一反三的作用,也是非常欣慰的。
一.文字的基本排列混搭
設(shè)計(jì)banner時(shí)候,千萬(wàn)不要不加思索的就把一行文字硬生生的放上去,那會(huì)讓你的banner直接顯得呆板木訥。往往很多新手設(shè)計(jì)師容易犯這樣的錯(cuò),就算字體顏色樣式處理的很好,也會(huì)看上去很無(wú)趣、很僵硬。這時(shí)候我們就需要做一些文字排列混搭的設(shè)計(jì):
①大小和顏色的混搭
②排列組合的混搭
③不同字體之間的混搭
④中英文字體的混搭
以上都是一些常見(jiàn)的處理方式。當(dāng)然這也是banner文字設(shè)計(jì)的基礎(chǔ),其他很多的文字處理方式都建立在混搭的基礎(chǔ)中,所以做好混搭的重要性就不言而喻了。
上圖文字沒(méi)有進(jìn)行什么混搭,顯得文字有些呆板;下圖中文字進(jìn)行了一些大小和排列的混搭,更能體現(xiàn)所要展現(xiàn)的氣氛。
下面我們可以看一看其實(shí)設(shè)計(jì)師所設(shè)計(jì)的一些簡(jiǎn)單的文字混搭的banner作品:
二.文字的傾斜與斜切
有時(shí)候設(shè)計(jì)banner,根據(jù)背景構(gòu)圖不同或者我們想要更有視覺(jué)沖擊力表現(xiàn)文字內(nèi)容時(shí),我們可以嘗試對(duì)文字進(jìn)行傾斜或斜切透視等處理,有時(shí)候這會(huì)更會(huì)令你達(dá)到意想不到的效果。普通的文字排列平平穩(wěn)穩(wěn),方正有矩,我們可以用傾斜或者斜切打破這種“穩(wěn)定的構(gòu)圖”,讓畫面更有動(dòng)感和層次感。
上面的2個(gè)banner是利用了文字傾斜的效果,下面的3個(gè)banner同時(shí)利用了斜切的效果。文字利用了傾斜和斜切效果后,讓文字和整個(gè)畫面一下活潑起來(lái),更能勾起了用戶的閱讀欲望。
三.文字變形的魅力
設(shè)計(jì)banner和專題頭圖時(shí),設(shè)計(jì)師經(jīng)常用到文字變形,好的文字變形直接可以影響到文字的趣味性的提升,讓banner和頁(yè)面的氣氛被烘托得相得益彰。很多設(shè)計(jì)師感覺(jué)設(shè)計(jì)banner只是個(gè)小工作,用不到文字變形那么麻煩,其實(shí)不盡然,選好合適的參照字體進(jìn)行簡(jiǎn)單的文字變形并沒(méi)有多么復(fù)雜,但是卻能提升banner設(shè)計(jì)的品質(zhì),所以說(shuō)益處良多。下面我先給大家舉個(gè)工作中設(shè)計(jì)的小例子:
同理的文字變形設(shè)計(jì)延伸:
下面讓我們?cè)賮?lái)看看其他優(yōu)秀設(shè)計(jì)師對(duì)于文字變形設(shè)計(jì)的作品:
四.文字的3D應(yīng)用
3D文字效果的應(yīng)用在banner設(shè)計(jì)中也十分常見(jiàn),利用好AI和PS等工具可以制作出令人滿意的3D文字,如果你肯花多一點(diǎn)的時(shí)間,在材質(zhì)或者光影上還可以做到進(jìn)一步的效果提升。下面讓我們看一些優(yōu)秀設(shè)計(jì)師設(shè)計(jì)的3D字體樣式banner:
五.生活中的字體元素
我們?cè)O(shè)計(jì)歷史文化頻道的banner時(shí),或者當(dāng)我們?cè)O(shè)計(jì)中國(guó)傳統(tǒng)的節(jié)日時(shí),經(jīng)常要用到一些中國(guó)風(fēng)的元素,就例如毛筆字。在生活中字體元素,毛筆字、粉筆字、字帖等我們也可以把它們活用在banner中,配合合適的背景和主題,讓你的設(shè)計(jì)更突顯出banner氣氛。
上面的2個(gè)banner是利用了粉筆字的設(shè)計(jì)效果,突出了年輕,活力;下面的3個(gè)banner使用了毛筆字,字帖等中國(guó)風(fēng)的字體效果,體現(xiàn)出文化,品味和底蘊(yùn)的感覺(jué)。
六.猶抱琵琶半遮面
banner中,字體的設(shè)計(jì)一定要清晰,這樣可以便于用戶更流暢的閱讀。不過(guò)有時(shí)也可以讓文字“半隱半現(xiàn)”,前提當(dāng)然是在保證沒(méi)有閱讀壓力的情況下。“半隱半現(xiàn)”的文字可以讓你設(shè)計(jì)的banner更生動(dòng)更有層次感。
文字的下方部分被隱藏住,但是并沒(méi)有妨礙閱讀,反而讓文字有了種融入背景環(huán)境的感覺(jué)。
文字的左邊緣被上一個(gè)字壓住,有種層疊的感覺(jué),讓文字的排列更顯層次。
七.讓文字形成相對(duì)獨(dú)立的區(qū)域
banner設(shè)計(jì)時(shí),考慮到有些時(shí)候背景顏色比較復(fù)雜,也可能背景有比較多產(chǎn)品等元素,這時(shí)我們需要讓文字放在一個(gè)相對(duì)獨(dú)立的區(qū)域或色塊中,如果沒(méi)有相對(duì)獨(dú)立的區(qū)域,我們就要自己設(shè)計(jì)創(chuàng)造出這個(gè)獨(dú)立區(qū)域和色塊,這樣更便于文字閱讀,也能讓文字的視覺(jué)焦點(diǎn)加強(qiáng)。例如下圖:
也許很多人會(huì)說(shuō)光青島網(wǎng)站制作banner對(duì)設(shè)計(jì)能有多大提高,其實(shí)如果你做到能設(shè)計(jì)好banner,你會(huì)慢慢發(fā)現(xiàn)做專題,甚至很多產(chǎn)品介紹頁(yè)面也會(huì)越來(lái)越得心應(yīng)手。
近期更新
- [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ì)開(kāi)發(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ì)?為什么要開(kāi)發(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-10-10 09:22:54] 名字空間的含義
- [2012-08-26 17:36:20] 網(wǎng)頁(yè)加載速度研究
- [2011-09-10 23:12:11] 青島網(wǎng)站制作哪家好?
- [2011-10-18 11:29:26] 企業(yè)網(wǎng)站如何做好百度搜索引擎的排名
- [2014-12-22 17:24:46] 你對(duì)網(wǎng)站的未來(lái)是怎么樣規(guī)劃?
- [2012-02-04 22:25:59] 如何選擇一個(gè)網(wǎng)站制作公司
- [2014-11-13 09:36:21] 個(gè)人經(jīng)驗(yàn)教訓(xùn)及建議與大家分享
- [2015-02-06 08:42:42] dede TAG標(biāo)簽 靈活使用方法
- [2014-12-06 13:44:42] 扁平化網(wǎng)頁(yè)設(shè)計(jì)的顏色搭配使用
- [2015-03-20 09:07:39] 網(wǎng)站被降權(quán)后的表現(xiàn)及處理方案?
- [2013-02-24 16:37:44] dede內(nèi)容頁(yè)顯示欄目圖
- [2011-10-24 11:57:02] 為什么要將網(wǎng)站地圖鏈接放在robots.txt?
解決方案
輪胎行業(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)站設(shè)計(jì)哪家好 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 力圖 如何做網(wǎng)站優(yōu)化 官網(wǎng)建設(shè) 青島IT資訊 營(yíng)銷策略 青島網(wǎng)絡(luò)公司 青島網(wǎng)頁(yè)設(shè)計(jì) 青島flash網(wǎng)站 蘋果系統(tǒng) SEO 扁平化設(shè)計(jì) 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站的速度 交互設(shè)計(jì) 青島好的網(wǎng)站優(yōu)化公司 青島開(kāi)發(fā)區(qū)建站公司 網(wǎng)站規(guī)劃 青島網(wǎng)站優(yōu)化 H5 php程序 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 青島輪胎網(wǎng)站設(shè)計(jì)公司 用戶界面 營(yíng)銷型網(wǎng)站 手機(jī)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站 建站常識(shí)