設(shè)計(jì)banner中的字體結(jié)構(gòu)分析

原本想寫advertisemen中的字體結(jié)構(gòu)分析，后來發(fā)現(xiàn)這個(gè)題目寫得有點(diǎn)大，偏離了在目前工作中的針對(duì)性，因此縮小到banner的范圍，以下內(nèi)容僅個(gè)人在目前工作中對(duì)banner設(shè)計(jì)上的一點(diǎn)淺見，僅起拋磚引玉的作用。

banner的傳達(dá)體例 ［topic］

針對(duì)網(wǎng)站中的banner

banner的自己外形：外形決定了其固定的構(gòu)成體例，一般為矩形，橫幅，左右結(jié)構(gòu)和居中；

banner的文字特點(diǎn)：主題式，一般分為主題目和副題目，文字較多；設(shè)計(jì)的時(shí)候還需要考慮應(yīng)用到網(wǎng)站各種尺寸推廣圖的可讀延長性。

banner的圖像特點(diǎn)：輔助主題，增添文字的渲染力。

banner的傳達(dá)行為體例：載體為電腦屏幕，ie瀏覽器的屏位置，用戶眼睛焦點(diǎn)停留時(shí)間約3秒以上。

［因?yàn)閎anner一般用于專題類網(wǎng)站，在門戶網(wǎng)站的二級(jí)頁面，用戶進(jìn)來之前，在首頁已經(jīng)對(duì)主題有一定的了解和熟悉，所以banner的作用是在二級(jí)頁面中起到包裝頁面的同時(shí)增添內(nèi)容的趣味度和內(nèi)容方向指導(dǎo)；所以這也是和傳統(tǒng)廣告中普遍要求感官視覺沖擊力來強(qiáng)奸眼球所不同的地方。］

文字在banner中的主要性

對(duì)于文字，我們常常聽到需求方提出：字要大！

?。窟€要大？已經(jīng)很大了！ 然后很無奈的拉大一點(diǎn)，其實(shí)我們都知道大那么幾個(gè)像素沒有意義；

但細(xì)心想想，需求方要的真的只是那么一丁點(diǎn)的追求么？畢竟他們不是設(shè)計(jì)師，不懂得如何表達(dá)自己的想法，而可以讓們覺得顯眼的體例只有大小的區(qū)別而已，或許是因?yàn)?，字不夠顯眼，字的處理太通俗，背景太搶眼之類的，或許，我們應(yīng)該理解為：字要顯眼一點(diǎn)，而顯眼的體例卻有許多種。

banner=文字+圖像［輔助］

banner上的文字一般都占有了整個(gè)banner的70%的區(qū)域，而現(xiàn)實(shí)圖像只占不到30%，往往許多的設(shè)計(jì)師更專注于那30%的圖像設(shè)計(jì)，忽視了主要的70%文字區(qū)域，只用系統(tǒng)字草草拼湊了之，試問這樣的一個(gè)banner的設(shè)計(jì)合理么？

尤其當(dāng)主題被延長應(yīng)用到小尺寸推廣圖的時(shí)候，只剩下放文字的區(qū)域時(shí)，這個(gè)推廣圖算是徹底完蛋了。

中文字和英文字母的屬性區(qū)別

中文字與英文字母的區(qū)別，字母是一種純粹發(fā)音符號(hào)，每個(gè)字母自己并沒有意義，單詞的意義來自于這些字母之間的橫向串式組合，而漢字的組字體例是以象形為原始基礎(chǔ)，也就是每個(gè)字都具有特殊的意義，一個(gè)簡單的字在遠(yuǎn)古時(shí)代就代表了一個(gè)復(fù)雜的生活場景，因而它也是世界上形象的文字。兩者之間的閱讀體例息爭讀體例都有本質(zhì)的不同，因此，漢字的編排不能照搬英文的編排體例，它們兩者之間在編排上有一些客觀的區(qū)別。

中英文字體的結(jié)構(gòu)分析

a. 同樣字號(hào)的現(xiàn)實(shí)大小不同，英文因?yàn)槎际亲帜福帜傅臉?gòu)成結(jié)構(gòu)特別很是簡單，屏幕可視像素為6px［代表字體：04字體］，中文則結(jié)構(gòu)復(fù)雜。屏幕可視像素為10px［ms明朝/ms ui gothic］和11px［新細(xì)明體/ pmingliu］

b. 英文的整體編排容易成段、成篇，視覺效果比較自由活潑，有更強(qiáng)的不延續(xù)的線條感，容易產(chǎn)生節(jié)奏和韻律感。

中文整體編排容易成句、成行，視覺效果更接近一個(gè)個(gè)規(guī)則的幾何點(diǎn)和條塊，不容易產(chǎn)生動(dòng)感的主要的原因是因?yàn)檎麄€(gè)結(jié)構(gòu)是閉合的，筆劃張力的總和趨于零。

c. 英文的篇幅普遍比相贊成義的漢字的篇幅要多，在設(shè)計(jì)時(shí)，英文自己更容易成為一個(gè)設(shè)計(jì)主體，而且因?yàn)橛⑽膯卧~的字母數(shù)量不一樣，在編排時(shí)，對(duì)齊左邊那么右邊都會(huì)產(chǎn)生天然的不規(guī)則的錯(cuò)落，這在中文編排時(shí)不太可能出現(xiàn)的，中文編排每個(gè)段是一個(gè)完整的塊，很難產(chǎn)生這種錯(cuò)落感。

d. 英文的結(jié)構(gòu)有大小不同的外形，在字形設(shè)計(jì)上不可能排列在統(tǒng)一條直線上，如gjpqy等字母齊下方的沉降線，而bdfhkl字母上齊頂線，其它字母才齊上中線和下腳線。然而，英文編排時(shí)天然產(chǎn)生的錯(cuò)落其實(shí)并不是西方設(shè)計(jì)師所期望的，他們在細(xì)排文字對(duì)齊上花大量的時(shí)間來調(diào)整字距、詞距、行距、段前距、段后距等，使得段落更趨向于幾何形態(tài)。

理解

在進(jìn)行文字的編排之前，首先要理解文字的內(nèi)容。見過許多設(shè)計(jì)師只注再版式美現(xiàn)而不關(guān)注文字內(nèi)容，文字一拿到手就開始編排，從不考慮文字在說什么，他們的原則是文字一定要聽從于版式需要。這是不準(zhǔn)確的設(shè)計(jì)方法，對(duì)于一條題目，假如我們不去理解題目所表述內(nèi)容，就很容易本末倒置。這也是設(shè)計(jì)師需要和需求方重點(diǎn)溝通的問題，并從中獲取需求方的關(guān)鍵字。

分解

根據(jù)主題關(guān)鍵字所傳達(dá)情感，分析字體自己的性格屬性，綜合畫面，對(duì)其分解；筆劃粗細(xì)與結(jié)構(gòu)、留白、重心之間的關(guān)系，這是活字設(shè)計(jì)中的一個(gè)綜合問題，并非一朝一夕就能掌握的，它不但對(duì)字的個(gè)性要有深刻的理解，而且還要具有特別很是敏銳的觀察力。尤其對(duì)于字體自己所設(shè)定出來的一個(gè)形象，或這種字體通常會(huì)在什么地方出現(xiàn)？見到這種字體味想到什么？這是視覺傳達(dá)中需要長期積累的。

重構(gòu)

字體的設(shè)計(jì)需要考慮到題目整體組合在畫面的均衡性，在不破壞字體的基本識(shí)別前提下進(jìn)行再設(shè)計(jì)，使文字圖形化，字體類別中的襯線字體和無襯線字體（serif vs sans-serif），在組合的時(shí)候，不建議把無襯線類字體和有襯線類字體直接組合。

從心理模型可以看出，常規(guī)的組合排列中，無襯線字體比襯線字體的常規(guī)組合性更好一些，但處理的不好反而會(huì)呆板。

書法字體，因?yàn)闀ㄗ煮w經(jīng)過歷代書法家對(duì)字體的追求，使其結(jié)構(gòu)更加牢固，多一點(diǎn)少一點(diǎn)都會(huì)影響其自己的字型美感，且氣場較強(qiáng)，不適合太小的版式和過長的句子大量使用；學(xué)過書法的同窗，或許深有體味，在中國書法里是十分講究精氣神，用語言無法表達(dá)情緒的時(shí)候，書法的字里行間卻能透露出來的氣場，也就是所謂字的性格。

分享文章：設(shè)計(jì)banner中的字體結(jié)構(gòu)分析
瀏覽路徑：http://www.muchs.cn/news46/287396.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、做網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、定制網(wǎng)站、虛擬主機(jī)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)