9.17日(rì)音(yīn)訊,網頁制(zhì)作(zuò)↕∑ 中廣告字體(tǐ)結構分(fēn)析

　　9.17日(rì)音(yīn)訊,∏©∑網頁制(zhì)作(zuò)中廣告字體(tǐ)結構分( ♣fēn)析。網站(zhàn)制(zhì)作(zuò)中，廣 ∑≥'告的(de)效果是(shì)非常明(míng)顯和★>λ§(hé)重要(yào)的(de)，有(yǒu)時(shí)一(yī)個(gè)≤δ₹好(hǎo)看(kàn)廣告就(jiù)能(néng)把整體(t£✘≥ǐ)效果給襯托出來(lái)，今天我們來(lái)給大✔¶(dà)家(jiā)一(yī)塊交流下(xià)™÷εε廣告中字體(tǐ)的(de)運用(yòn☆"g)和(hé)詳解分(fēn)析。advertis"> ♥emen中的(de)字體(tǐ)結構分(fēn)析，後來✘₹"(lái)發現(xiàn)這(zhè)個¥•(gè)标題寫得(de)有(yǒu)點大(dà)，偏離(lí)了(leσ"♠)在目前工(gōng)作(zuò)中的(de)針對↕₹φ¥(duì)性，因此縮小(xiǎo)到(dào)banner的(de)‍<§範圍，以下(xià)內(nèi)容僅個(gè)人(rén)在目前工(g×÷≈∞ōng)作(zuò)中對(duì)banner設計(jì)上☆®(shàng)的(de)一(yī)點淺見≈© (jiàn)，僅起抛磚引玉的(de)作(zuò)用(yòng)。

　　banner的(de)傳達方式［topic］

　　針對(duì)網站(zhàn)中的(de)b​•anner

　　banner的(de)本身(shēn)形狀：形狀決定了(le)其固定的($ ↕ de)構成方式，一(yī)般為(wèi)矩形，橫幅，左右結構和(hé)居&"中；

　　banner的(de)文(wén)字特點：$→主題式，一(yī)般分(fēn)為(wèi)主标題和(hé)副标題，文(w ♥↓™én)字較多(duō)；設計(jì)的(de)時(shí)候還(hái)← 需要(yào)考慮應用(yòng)到(dào)網站≈♥™(zhàn)各種尺寸推廣圖的(de)可(kě)讀♥↑γ↕(dú)延伸性。

　　banner的(de)圖像特點：輔助主題，增加€¥β®文(wén)字的(de)渲染力。

　　banner的(de)傳達行(xíng)為(wèi)方π✘式：載體(tǐ)為(wèi)電(diàn)腦(n→σ‌≤ǎo)屏幕，ie浏覽器(qì)的(de)≈α第一(yī)屏位置，用(yòng)戶眼睛焦點停留時(shí)間(jiān)約3∑€ 秒(miǎo)以上(shàng)。

　　［由于banner一(yī)般用(yòng)于專題類網站(zhàn ↓)，在門(mén)戶網站(zhàn)的(de)二級頁面，用(yγ¥€↓òng)戶進來(lái)之前，在首頁已經對(duì)γ‍'主題有(yǒu)一(yī)定的(de)了(le)解和(hé)認識，所以banγ​'ner的(de)作(zuò)用(yòng)是(shì)在二級÷×↑頁面中起到(dào)包裝頁面的(de)同時(shí)增加內(nè±$i)容的(de)趣味度和(hé)內(nèi)容方向引導；所&÷ ¶以這(zhè)也(yě)是(shì)和(hé)傳統廣告中§$普遍要(yào)求第一(yī)感官視(shì)覺沖擊‍≈力來(lái)強奸眼球所不(bù)同的(de)地(dì)方。］

　　文(wén)字在banner中的(de)重₩ ↑要(yào)性

　　對(duì)于文(wén)字，我們常常聽(tīng)到(dào)需求方'•£₩提出：字要(yào)大(dà)！

　　啊？還(hái)要(yào)大(dà)？已經很(hěn)大(dà)♥γ了(le)！然後很(hěn)無奈的(de)拉大(dΩ✘à)一(yī)點，其實我們都(dōu)知(zhī)道≈™↔✘(dào)大(dà)那(nà)麽幾個(gè)像素沒有♠★ (yǒu)意義；

　　但(dàn)細心想想，需求方要(yào)的(de)真的(de)隻是> (shì)那(nà)麽一(yī)丁點的(de)追求麽？畢竟他(tā)們不(bù ∞☆☆)是(shì)設計(jì)師(shī)，不(bù)ελ ™懂(dǒng)得(de)如(rú)何表達自(zì)己✔ ↑的(de)想法，而唯一(yī)可(kě)以讓們覺得(de)顯眼的(d↑✘®♣e)方式隻有(yǒu)大(dà)小(xiǎo)₩™​的(de)區(qū)别而已，或許是(shì)λ∑♥因為(wèi)，字不(bù)夠顯眼，字的(de)處理(lǐ)太普通(t≠λ$♥ōng)，背景太搶眼之類的(de)，或許，我們應該理(↑£✔lǐ)解為(wèi)：字要(yào)顯眼一(yī)點，而顯眼的(d'₹e)方式卻有(yǒu)很(hěn)多(d‌©€₽uō)種。

　　banner=文(wén)字+圖像［輔助］

　　banner上(shàng)的(de)文(wén)字一(yī)般都(♣≤dōu)占據了(le)整個(gè)banner的(de)70%的(deγ‌)區(qū)域，而實際圖像隻占不(bù)§∏λ到(dào)30%，往往很(hěn)多(duō)的(d$ε≤e)設計(jì)師(shī)更專注于那(nà)30%的(de)圖像設計(jì)δ©，忽視(shì)了(le)最重要(yào)的(de)70%文$δ (wén)字區(qū)域，最後隻用(yòngα )系統字草(cǎo)草(cǎo)拼湊了(le)之，試問(wèn☆↑δ)這(zhè)樣的(de)一(yī)個(gè)bann←→✘er的(de)設計(jì)合理(lǐ)麽？<"≈∏

　　尤其當主題被延伸應用(yòng)到(dào)小(xiǎo)尺♥$σ寸推廣圖的(de)時(shí)候，隻剩下(xià)放(fà®δng)文(wén)字的(de)區(qū)域時(shí)，這( >σzhè)個(gè)推廣圖算(suàn)是(shì)徹底完蛋了(‌₽le)。

　　中文(wén)字和(hé)英文(wénδα♥€)字母的(de)屬性區(qū)别

　　中文(wén)字與英文(wén)字母的(de)↕ ≈區(qū)别，字母是(shì)一(yī)種純粹發音(¶∞→ yīn)符号，每個(gè)字母本身(shēn)并沒有(®£σyǒu)意義，單詞的(de)意義來(lái)自(zì)于這(zhè)些(xδ iē)字母之間(jiān)的(de)橫向串式組合，而漢字的(d‍☆∑←e)組字方式是(shì)以象形為(wèi)原始基礎，也(yγ✘σě)就(jiù)是(shì)每個(gè)★®↕₽字都(dōu)具有(yǒu)特别的(de)意義，一(yī)個‌₹(gè)簡單的(de)字在遠(yuǎn)古時(shí)代就(jiù)代表了♦♠(le)一(yī)個(gè)複雜(zá)的(de)生(shēng)活場(ch≠εǎng)景，因而它也(yě)是(shì)≠ ©¥世界上(shàng)最形象的(de)文(wén)字。兩者之間ε↓(jiān)的(de)閱讀(dú)方式和(hé)解讀(dú)方式都(dōu)÷±↓λ有(yǒu)本質的(de)不(bù)同，因此，≤♦↕漢字的(de)編排不(bù)能(néng)照(zhào) ÷搬英文(wén)的(de)編排方式，它們兩者之間(jiān)在編排上(sh≥‌♦↓àng)有(yǒu)一(yī)些(xiē)客觀的(de)區(q∏↕&¥ū)别。

　　網站(zhàn)建設中中英文(wén)字體(tǐ)的(de)結構分(f∑←↓ēn)析

　　a.同樣字号的(de)實際大(dà)小☆±→(xiǎo)不(bù)同，英文(wén)因為(w≥≈≠©èi)都(dōu)是(shì)字母，字母的(de)構成結構非常簡​γ 單，屏幕最小(xiǎo)可(kě)視(shì)像素為(wèi)6pλεx［代表字體(tǐ)：04字體(tǐ)］，中文(wén)則結構複雜(zá)。屏φ✘幕最小(xiǎo)可(kě)視(shì)像素為(wèi)10px［m±₹≠s明(míng)朝/msuigothic］和(hé)11px［新細明(míng'δ±)體(tǐ)/pmingliu］

　　b.英文(wén)的(de)整體(​☆© tǐ)編排容易成段、成篇，視(shì)覺效果≈≠比較自(zì)由活潑，有(yǒu)更強的(©"↔de)不(bù)連續的(de)線條感，容易産生(shēng)節奏和(hé)σ✔★韻律感。

　　中文(wén)整體(tǐ)編排容易成句、成行(xíng)，↕♣視(shì)覺效果更接近(jìn)一(yī)個(gè)個(gè)規則的"≥"(de)幾何點和(hé)條塊，不(bù)§§γ$容易産生(shēng)動感的(de)最主要(yào)的↕≥(de)原因是(shì)因為(wèi)整個(gè)結構是(shì)閉合的(¥₩de)，筆(bǐ)劃張力的(de)總和(hé)趨于零。

　　c.英文(wén)的(de)篇幅普遍比相(€π'xiàng)同意義的(de)漢字的(de)篇幅要(yào)多(duō)，在✔≤設計(jì)時(shí)，英文(wén)本身(shē★∑♥n)更容易成為(wèi)一(yī)個(gè)設計(j"≥±÷ì)主體(tǐ)，而且因為(wèi)英文(wé♠€n)單詞的(de)字母數(shù)量不(bù)一(yī×™¥)樣，在編排時(shí)，對(duì)齊​→&左邊那(nà)麽右邊都(dōu)會(huì)産生(shēng)自(z< ÷ì)然的(de)不(bù)規則的(de)錯(c<→π€uò)落，這(zhè)在中文(wén)編排時(shí)不™£↓φ(bù)太可(kě)能(néng)出現(xiàn)的(de)，中文(♠≤♠₩wén)編排每個(gè)段是(shì)一∑±™(yī)個(gè)完整的(de)塊，很(hěn)難産生(shπ§‍ēng)這(zhè)種錯(cuò)落感。

　　d.英文(wén)的(de)結構有(yǒuΩπ"​)大(dà)小(xiǎo)不(bù)同的(de)形狀，在字形設計(↓™jì)上(shàng)不(bù)可(kě)能(néng)排列在同一(yī)條直↔€δ↕線上(shàng)，如(rú)gjpqy等字母¥↕≠ε齊下(xià)方的(de)沉降線，而bdλ★fhkl字母上(shàng)齊頂線，其它字母才齊上(shàng)中線≈®&和(hé)下(xià)腳線。然而，英文(wén​✘)編排時(shí)自(zì)然産生(shēng)的(de)<↑↓ 錯(cuò)落其實并不(bù)是(shì)西(xī)方​<設計(jì)師(shī)所期望的(de)，他(tā)們在細排®£φ€文(wén)字對(duì)齊上(shàng)花(huā)大(dà)量的(de)∏©÷Ω時(shí)間(jiān)來(lái)調整字距、詞距、行(xíng)距、¶≤段前距、段後距等，使得(de)段落更趨向于∞™π幾何形态。

　　理(lǐ)解

　　在進行(xíng)文(wén)字的(de)編排之前✔¶，首先要(yào)理(lǐ)解文(wén)字的±©≠ε(de)內(nèi)容。見(jiàn)過很(hěn)多(duō)設計(jì)師♦↑(shī)隻注重版式美(měi)現(xiàn)而不λ&₩(bù)關注文(wén)字內(nèi)容，文(wén)字一(₽↑yī)拿(ná)到(dào)手就(jiù)開(kāi)始編排，從(cóng)不≠™(bù)考慮文(wén)字在說(shuō)什(γ™ ↕shén)麽，他(tā)們的(de)原則是(shì)文(wé©♥•n)字一(yī)定要(yào)服從(cóng)于版式需要(yào)。這(§♦zhè)是(shì)不(bù)正确的(de)設計(jì)方法，對(duì)于一φβ(yī)條标題，如(rú)果我們不(bù)去(ε♦δ®qù)理(lǐ)解标題所表述內(nèi)容，就(jiù <)很(hěn)容易本末倒置。這(zhè)也(yě)是(shì)設§α∑ 計(jì)師(shī)需要(yào)和(hé)需求方重↑ε←÷點溝通(tōng)的(de)問(wèn)題，并從(cóng)中獲取需求方的(d↕→e)關鍵字。

　　分(fēn)解

　　根據主題關鍵字所傳達情感，分(fēn)析字體(t₽∞ǐ)本身(shēn)的(de)性格屬性，綜合‌ 畫(huà)面，對(duì)其分(fēn)解；筆(bǐ)♦<σ₽劃粗細與結構、留白(bái)、重心之間(jiān)的÷"<(de)關系，這(zhè)是(shì)活字設★↑ 計(jì)中的(de)一(yī)個(gè)綜合問(wèn™α)題，并非一(yī)朝一(yī)夕就(jiù)能(néng)掌握的(de)‌™☆，它不(bù)但(dàn)對(duì)字的<←'ε(de)個(gè)性要(yào)有(yǒu)深刻的(de)理(lǐ)解，€σ→而且還(hái)要(yào)具有(yǒu)非常敏銳的(de)觀察力。♣ ¶尤其對(duì)于字體(tǐ)本身(shēn)所設定出→∏'π來(lái)的(de)一(yī)個(gè)形象，或這(zh•™"è)種字體(tǐ)通(tōng)常會(huì)£π×在什(shén)麽地(dì)方出現(xiàn)？見(jiàn)到(dào)δ≥這(zhè)種字體(tǐ)會(huì)想到(dào₩‌)什(shén)麽？這(zhè)是(shì)視•©&≈(shì)覺傳達中需要(yào)長(cháng)期積累的(de)。

　　重構

　　字體(tǐ)的(de)設計(jì)需要(yào)考慮到(dào)标題整∞★↕體(tǐ)組合在畫(huà)面的(de)均衡性，在不(bù)​₩÷±破壞字體(tǐ)的(de)基本識别前提下(xià)進行(xíng)再設計(jì↕π♥&)，使文(wén)字圖形化(huà)，字體(t≤ ↓✘ǐ)類别中的(de)襯線字體(tǐ)和(hé)無襯線€₩字體(tǐ)（serifvssans-serif），在₩∞↔組合的(de)時(shí)候，不(bù)建議(yì >π★)把無襯線類字體(tǐ)和(hé)有(yǒu)襯線類字體(tǐ)直接組​≠合。

　　從(cóng)心理(lǐ)模型可(kě)以看(kàn)出，常規的(±←≈de)組合排列中，無襯線字體(tǐ)比襯線字體(tǐ)的(de)常規組合性更'φ好(hǎo)一(yī)些(xiē)，但(dàn)處理(lǐ)的(☆‌de)不(bù)好(hǎo)反而會(huì)呆闆。

　　書(shū)法字體(tǐ)，因為(wèi)¥§÷書(shū)法字體(tǐ)經過曆代書(shū)法家(jiā)對(★δduì)字體(tǐ)的(de)追求，使其結構更加牢固，多(duō)×嶮一(yī)點少(shǎo)一(yī)點都(dōu)會(h β≈uì)影(yǐng)響其本身(shēn)的✔β★÷(de)字型美(měi)感，且氣場(chǎng)較強，不β"(bù)适合太小(xiǎo)的(de)版式和(hé)過長(cháng)的(de♠₹)句子(zǐ)大(dà)量使用(yòng)；學過書(shū)法的₩•(de)同學，或許深有(yǒu)體(tǐ)會(huì)，在中國(guó)§★σε書(shū)法裡(lǐ)是(shì)十分(fēn)講究精氣神，用(yòn§"g)語言無法表達情緒的(de)時(shí)候，書(shū)法的(de)字裡(l>" ǐ)行(xíng)間(jiān)卻能(néng)透露出來(lái)的(÷β↑de)氣場(chǎng)，也(yě)就(jiù) ↕ α是(shì)所謂字的(de)性格。