- 相關(guān)推薦
網(wǎng)站BANNER設(shè)計(jì) 中英文字體結(jié)構(gòu)分析
本來想寫“Advertisemen中的字體結(jié)構(gòu)分析”，后來發(fā)現(xiàn)這個(gè)標(biāo)題寫得有點(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)：主題式，一般分為主標(biāo)題和副標(biāo)題，文字較多;設(shè)計(jì)的時(shí)候還需要考慮應(yīng)用到網(wǎng)站各種尺寸推廣圖的可讀延伸性。
Banner的圖像特點(diǎn)：輔助主題，增加文字的渲染力。
Banner的傳達(dá)行為方式：載體為電腦屏幕，IE瀏覽器的第一屏位置，用戶眼睛焦點(diǎn)停留時(shí)間約3秒以上。
[由于banner一般用于專題類網(wǎng)站，在門戶網(wǎng)站的二級(jí)頁面，用戶進(jìn)來之前，在首頁已經(jīng)對(duì)主題有一定的了解和認(rèn)識(shí)，所以banner的作用是在二級(jí)頁面中起到包裝頁面的同時(shí)增加內(nèi)容的趣味度和內(nèi)容方向引導(dǎo);所以這也是和傳統(tǒng)廣告中普遍要求第一感官視覺沖擊力來xx眼球所不同的地方。]
文字在banner中的重要性
對(duì)于文字，我們常常聽到需求方提出：“字要大!”
“啊?還要大?已經(jīng)很大了!“ 然后很無奈的拉大一點(diǎn)，其實(shí)我們都知道大那么幾個(gè)像素沒有意義;
但細(xì)心想想，需求方要的真的只是那么一丁點(diǎn)的追求么?畢竟他們不是設(shè)計(jì)師，不懂得如何表達(dá)自己的想法，而唯一可以讓們覺得顯眼的方式只有大小的區(qū)別而已，或許是因?yàn)�，字不夠顯眼，字的處理太普通，背景太搶眼之類的，或許，我們應(yīng)該理解為：“字要顯眼一點(diǎn)“，而”顯眼“的方式卻有很多種。
Banner=文字+圖像[輔助]
Banner上的文字一般都占據(jù)了整個(gè)banner的70%的區(qū)域，而實(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è)簡(jiǎn)單的字在遠(yuǎn)古時(shí)代就代表了一個(gè)復(fù)雜的生活場(chǎng)景，因而它也是世界上最形象的文字。兩者之間的閱讀方式和解讀方式都有本質(zhì)的不同，因此，漢字的編排不能照搬英文的編排方式，它們兩者之間在編排上有一些客觀的區(qū)別。
中英文字體的結(jié)構(gòu)分析
a. 同樣字號(hào)的實(shí)際大小不同，英文因?yàn)槎际亲帜�，字母的�?gòu)成結(jié)構(gòu)非常簡(jiǎn)單，屏幕最小可視像素為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)是閉合的，筆劃張力的總和趨于零。
【網(wǎng)站BANNER設(shè)計(jì) 中英文字體結(jié)構(gòu)分析】相關(guān)文章：
網(wǎng)站banner設(shè)計(jì)的那些事兒07-28
網(wǎng)站設(shè)計(jì)banner制作精髓詳解06-01
網(wǎng)站設(shè)計(jì)中的字體排版01-12
關(guān)于網(wǎng)站風(fēng)格設(shè)計(jì)分析05-04
網(wǎng)頁設(shè)計(jì)中的字體設(shè)計(jì)07-26
網(wǎng)頁設(shè)計(jì)字體設(shè)計(jì)規(guī)范07-05