萬(wàn)物皆有本源,字體也一樣,今天我們看到的千變?nèi)f化、形式各異的字體,都離不開(kāi)文字本身的根基,脫離了這個(gè)根基去做字體,往往難以做出成功的作品,就像練武需要有基本功一樣,文字的基礎(chǔ)知識(shí)對(duì)于做好字體,有著不可或缺的作用。
我們常常會(huì)看到一些初學(xué)者做出來(lái)的字體,存在著各種各樣的問(wèn)題,很大原因就是對(duì)一些漢字的基礎(chǔ)知識(shí)不夠了解所造成的,接下來(lái)我就介紹一些初學(xué)者應(yīng)該知道的關(guān)于漢字的基礎(chǔ)知識(shí)。
【骨骼與體飾】
“骨骼”即字體的內(nèi)在間架結(jié)構(gòu),是決定字體內(nèi)在氣質(zhì)以及是否美觀的基礎(chǔ)性因素,而“體飾”是字體的裝飾,可以影響字體所呈現(xiàn)出來(lái)的風(fēng)格與外觀
【中心與重心】
物理上絕對(duì)的“中心”,人眼看上去卻感覺(jué)偏低,因?yàn)槿说难劬Υ嬖谝曈X(jué)錯(cuò),如果按照物理的中心去設(shè)計(jì)字體,會(huì)讓人感覺(jué)中間的部分靠下,有往下掉的感覺(jué),這就是為什么大部分字體會(huì)把視覺(jué)重心放在物理中心點(diǎn)之上的原因,這樣更符合人眼的視覺(jué)習(xí)慣,看上去才會(huì)顯得舒服。
【筆畫(huà)的粗細(xì)】
在設(shè)計(jì)一款字體時(shí),筆畫(huà)粗細(xì)應(yīng)當(dāng)做成一樣的嗎?答案是不應(yīng)該,因?yàn)樽峙c字之間的筆畫(huà)繁復(fù)程度都不一樣,而且同一粗細(xì)度的筆畫(huà),在橫著、豎著、斜著以及變成曲線時(shí),視覺(jué)上都會(huì)給人粗細(xì)不一致的感覺(jué),因?yàn)槿搜劭礀|西時(shí)會(huì)存在視錯(cuò)覺(jué),因此在做字的時(shí)候,要根據(jù)字體筆畫(huà)的繁雜程度以及視覺(jué)感受對(duì)筆畫(huà)粗細(xì)進(jìn)行調(diào)整,達(dá)到視覺(jué)上的統(tǒng)一。下圖是一個(gè)在物理寬度上完全相等的矩形,它的視覺(jué)上的粗細(xì)關(guān)系依次為:橫>; 斜 >; 豎 >; 曲。
【字面大小】
一個(gè)邊長(zhǎng)完全相等的正方形,看上去卻顯得有些偏高,這依然是視錯(cuò)覺(jué)的影響,因此通常做正方形的字,都要把外框壓扁一些,消除視錯(cuò)覺(jué)的影響。下圖左為物理正方形,右為視覺(jué)正方形。
【漢字的中宮】
中宮,顧名思義,就是指漢字九宮格中心那一格的區(qū)域,中宮的大小會(huì)影響字體呈現(xiàn)出來(lái)的氣質(zhì)以及字體在極端環(huán)境下的可識(shí)別度,通常中宮偏小的字體氣質(zhì)上顯得比較清秀,但在字體較小或遠(yuǎn)距離識(shí)別上體驗(yàn)較差(如屏顯字體和高速路牌字體),中宮偏大的字體氣質(zhì)上顯得穩(wěn)、拙一些,而且由于內(nèi)白空間較大,因此識(shí)別性上優(yōu)于中宮偏小的字體。
【形式語(yǔ)言的統(tǒng)一】
統(tǒng)一的形式語(yǔ)言是做好設(shè)計(jì)的基礎(chǔ),這一點(diǎn)在現(xiàn)代的藝術(shù)鄰域中被一再印證,不論是繪畫(huà)、建筑、海報(bào)、工業(yè)設(shè)計(jì)等都能看到統(tǒng)一形式語(yǔ)言的經(jīng)典案例。
【正負(fù)形空間的均衡】
無(wú)論是偏向傳統(tǒng)的字庫(kù)字體還是偏向創(chuàng)意的美術(shù)字,都需要注重正負(fù)形空間的均衡和美觀。初學(xué)者常常忽略掉負(fù)形空間,但其實(shí)對(duì)負(fù)形空間的設(shè)計(jì)才是最重要的,德國(guó)字體設(shè)計(jì)大師ErikSpiekermann曾經(jīng)說(shuō)過(guò):“重要的不是設(shè)計(jì)黑的部分,而是設(shè)計(jì)白的部分”, 只有負(fù)形空間的均衡,才能造就正形空間的美觀和舒適。
信息傳播是文字設(shè)計(jì)的一大功能,也是最基本的功能。文字設(shè)計(jì)重要的一點(diǎn)在于要服從表述主題的要求,要與其內(nèi)容吻合一致,不能相互脫離,更不能相互沖突,破壞了文字的訴求效果。尤其在商品廣告的文字設(shè)計(jì)上,更應(yīng)該注意任何一條標(biāo)題,一個(gè)字體標(biāo)志,一個(gè)商品品牌都是有其自身內(nèi)涵的,將它正確無(wú)誤地傳達(dá)給消費(fèi)者,是文字設(shè)計(jì)的目的,否則將失去了它的功能。抽象的筆畫(huà)通過(guò)設(shè)計(jì)后所形成的文字形式,往往具有明確的傾向,這一文字的形式感應(yīng)與傳達(dá)內(nèi)容是一致的。如生產(chǎn)女性用品的企業(yè),其廣告的文字必須具有柔美秀麗的風(fēng)采,手工藝品廣告文字則多采用不同感覺(jué)的手寫(xiě)文字、書(shū)法等,以體現(xiàn)手工藝品的藝術(shù)風(fēng)格和情趣……
根據(jù)文字字體的特性和使用類(lèi)型,文字的設(shè)計(jì)風(fēng)格大約可以分為下列幾種:
1.秀麗柔美。字體優(yōu)美清新,線條流暢,給人以華麗柔美之感,此種類(lèi)型的字體,適用于女用化妝品、飾品、日常生活用品、服務(wù)業(yè)等主題。
2.穩(wěn)重挺拔。字體造型規(guī)整,富于力度,給人以簡(jiǎn)潔爽朗的現(xiàn)代感,有較強(qiáng)的視覺(jué)沖擊力,這種個(gè)性的字體,適合于機(jī)械科技等主題。
3.活潑有趣。字體造型生動(dòng)活潑,有鮮明的節(jié)奏韻律感,色彩豐富明快,給人以生機(jī)盎然的感受。這種個(gè)性的字體適用于兒童用品、運(yùn)動(dòng)休閑、時(shí)尚產(chǎn)品等主題。
4.蒼勁古樸。字體樸素?zé)o華,飽含古時(shí)之風(fēng)韻,能帶給人們一種懷舊感覺(jué),這種個(gè)性的字體適用于傳統(tǒng)產(chǎn)品,民間藝術(shù)品等主題。 文字的主要功能是在視覺(jué)傳達(dá)中向消費(fèi)大眾傳達(dá)信息,而要達(dá)到此目的
必須考慮文字的整體訴求效果,給人以清晰的視覺(jué)印象。無(wú)論字形多么地富于美感,如果失去了文字的可識(shí)性,這一設(shè)計(jì)無(wú)疑是失敗的。試問(wèn)一個(gè)使人費(fèi)解、無(wú)法辨認(rèn)的文字設(shè)計(jì),能夠起到傳達(dá)信息作用嗎?回答是否定的。文字至今約定俗成,形成共識(shí),是因?yàn)樗螒B(tài)的固化,因此在設(shè)計(jì)時(shí)要避免繁雜零亂,減去不必要的裝飾變化,使人易認(rèn)、易懂,不能忘記了文字設(shè)計(jì)的根本目的是為了更好、更有效地傳達(dá)信息,表達(dá)內(nèi)容和構(gòu)想意念。字體的字形和結(jié)構(gòu)也必須清晰,不能隨意變動(dòng)字形結(jié)構(gòu)、增減筆畫(huà)使人難以辨認(rèn)。如果在設(shè)計(jì)中不去遵守這一準(zhǔn)則,單純追求視覺(jué)效果,必定失去文字的基本功能。所以在進(jìn)行文字設(shè)計(jì)時(shí),不管如何發(fā)揮,都應(yīng)以易于識(shí)別為宗旨,這也是對(duì)字形做較大的變化常常應(yīng)用于少字?jǐn)?shù)的原因。 根據(jù)廣告主題的要求,極力突出文字設(shè)計(jì)的個(gè)性色彩,創(chuàng)造與眾不同的獨(dú)具特色的字體,給人以別開(kāi)生面的視覺(jué)感受,將有利于企業(yè)和產(chǎn)品良好形象的建立。在設(shè)計(jì)時(shí)要避免與已有的一些設(shè)計(jì)作品的字體相同或相似,更不能有意摹仿或抄襲。在設(shè)計(jì)特定字體時(shí),一定要從字的形態(tài)特征與組合編排上進(jìn)行探求,不斷修改,反復(fù)琢磨,這樣才能創(chuàng)造富有個(gè)性的文字,使其外部形態(tài)和設(shè)計(jì)格調(diào)都能喚起人們的審美愉悅感受。
1、文字設(shè)計(jì)要有協(xié)調(diào)美、組合美 據(jù)一個(gè)服裝設(shè)計(jì)師說(shuō),一個(gè)人全身上下包括頭上的飾品,腳底的襪子在內(nèi),顏色最好不要超過(guò)三種,這樣會(huì)給人一種協(xié)調(diào)的美感,這就是說(shuō),要合理的搭配、組合。
平面廣告中如果文字排列組合的不得當(dāng),擁擠雜亂,缺乏視線流動(dòng)的順序,就會(huì)影響字體的美感,也不利于人們有效的閱讀,這樣就難以產(chǎn)生良好的視角效果。 文字要想取得良好的視覺(jué)排列效果,晉江設(shè)計(jì)培訓(xùn)學(xué)校老師認(rèn)為關(guān)鍵在于找出不同字體之間的內(nèi)在關(guān)聯(lián),對(duì)其不同的對(duì)立因素進(jìn)行和諧的組合,不但要保持各自的個(gè)性特征,還要有整體的協(xié)調(diào)感。
對(duì)比可以從字體風(fēng)格、大小、方向、明暗度等方面進(jìn)行。 2、文字設(shè)計(jì)要給人一種新鮮感 首先要給周?chē)摹碍h(huán)境”有所區(qū)別,因?yàn)槲淖值闹饕δ苁窍蜷喿x者傳達(dá)作者的想法和各種信息,要達(dá)到這一目的,晉江設(shè)計(jì)培訓(xùn)老師認(rèn)為必須給人以清新的視覺(jué)印象。
但設(shè)計(jì)時(shí)避免繁雜、零亂,要讓人易記、易懂、易認(rèn),不能和整個(gè)作品的風(fēng)格特征沖突。 。
如果網(wǎng)頁(yè)設(shè)計(jì)依賴(lài)于字體的設(shè)計(jì),那我們還需要學(xué)習(xí)其他的東西么?——你所需要的只是理解字體設(shè)計(jì)的各個(gè)元素。
字體設(shè)計(jì)(維基百科注解為字體排印學(xué))當(dāng)然不僅僅只是選擇字體。隨著@font-face技術(shù)和一些如Typekit,Webtype, Fontdeck, 以及 Google Web fonts等服務(wù)的改進(jìn),你的字體設(shè)計(jì)功力也不會(huì)提高。
你可以很輕易的在你余生中只用一款字體創(chuàng)造出漂亮的設(shè)計(jì)——在過(guò)去設(shè)計(jì)師們也不得不這么做,那時(shí)還沒(méi)有Photoshop作幫助,越多的字體只會(huì)讓事情更糟糕,因?yàn)閯?chuàng)造力和審美感是不能受到過(guò)多選擇的干擾的。 更 多的玩具代表著更多樂(lè)趣,對(duì)吧?如果你選擇了這條路,但就要準(zhǔn)備為此而付出全部。
我很樂(lè)意看到不同的字體被使用,也佩服那些能成功在自己網(wǎng)站上使用新字體 的人。不過(guò),我也遇到很多不大好的方案(比如Myspace)。
Typekit可以幫助你提前預(yù)覽改變后的字體效果,這樣對(duì)網(wǎng)頁(yè)設(shè)計(jì)的幫助是巨大的。 下面不是我刻薄,對(duì)于大多數(shù)網(wǎng)頁(yè)來(lái)說(shuō)你應(yīng)該知道的——試試翻看所有你喜歡的網(wǎng)頁(yè)設(shè)計(jì),去掉圖片,然后想象只有文本和留白的網(wǎng)頁(yè)會(huì)是怎樣的?當(dāng)一個(gè)設(shè)計(jì)師說(shuō)“文字就是一種交互設(shè)計(jì)”,這句話不是虛構(gòu),下面來(lái)看看這個(gè)叫iA site的網(wǎng)站: 信息架構(gòu)師都基于優(yōu)秀的排版 A Working Library是我最喜歡的設(shè)計(jì)之一,這個(gè)網(wǎng)頁(yè)以純文本的方式來(lái)展示界面,留白如齊白石水墨,恰到好處,文字排版也十分得體。
A Working Libraryby Mandy Brown。 有些人或許會(huì)認(rèn)為這樣的設(shè)計(jì)呆板而乏味,他們更傾向于使用流行的風(fēng)格。
到了最后你設(shè)計(jì)的注意力會(huì)被這些多余的視覺(jué)效果分散掉,所以你依然要把經(jīng)歷放在最初那95%上面,就像你現(xiàn)在閱讀的文章便做得很好,不需要依靠圖片仍然能展示漂亮的視覺(jué)設(shè)計(jì)效果。 沒(méi)你想象中難 你完全可以做出一個(gè)不依靠任何圖片搭配的一流網(wǎng)頁(yè)。
雖然聽(tīng)起來(lái)有點(diǎn)天馬行空,但這確實(shí)是可行的。我也并不是說(shuō)本應(yīng)該如此,但如果我們能巧妙的使用字體設(shè)計(jì)和留白便能做到美觀得體,那將來(lái)加入圖片、視頻這些元素時(shí),不是更錦上添花了嗎? 在使用圖像時(shí)我不是想說(shuō)那些真正要表達(dá)什么的圖像,就如圖標(biāo),但圖像在這里就是為了引人注目。
有時(shí)一張圖勝過(guò)千言萬(wàn)語(yǔ),所以最好使用圖片(但你仍然需要考慮使用留白)。這里有兩個(gè)以上的美好網(wǎng)站的例子,它們都將重點(diǎn)放在文字設(shè)計(jì)上以實(shí)現(xiàn)整個(gè)設(shè)計(jì)。
第一個(gè)網(wǎng)站是Blake Allen Design,第二個(gè)是The Harriet Series(這兩個(gè)網(wǎng)站都是使用圖像來(lái)表達(dá)他們的文字設(shè)計(jì),你要認(rèn)識(shí)到這一點(diǎn)) 當(dāng)使用圖片時(shí),我并不想定一個(gè)什么樣的標(biāo)準(zhǔn)比如它要代表著類(lèi)似icon性質(zhì)的效果,但圖片就是用來(lái)展示的,有時(shí)一張圖勝過(guò)千言萬(wàn)語(yǔ)時(shí)便可考慮使用了(當(dāng)然還是要注意留白)。 以下是兩個(gè)優(yōu)秀網(wǎng)站設(shè)計(jì)的實(shí)例,它們都把重點(diǎn)放在文字設(shè)計(jì)上來(lái)實(shí)現(xiàn)整個(gè)設(shè)計(jì)效果。
第一個(gè)網(wǎng)站是Blake Allen Design,第二個(gè)是The Harriet Series(這兩個(gè)網(wǎng)站都是使用圖片來(lái)實(shí)現(xiàn)他們的文字設(shè)計(jì),你懂我意思就好): Blake Allen Design 使用圖片, 但有著美觀的字體。 The Harriet Seriesby OkayType。
上面的兩個(gè)設(shè)計(jì)之所以讓我感興趣,是因?yàn)槲淖衷O(shè)計(jì)并不單是指引你獨(dú)自完成這個(gè)過(guò)程,它是在用自己的風(fēng)格做著這件事。你能感覺(jué)到文字設(shè)計(jì)就是設(shè)計(jì)者個(gè)人情緒的 表達(dá)。
Blake Allen使用Helvetica體來(lái)使他的網(wǎng)頁(yè)滿(mǎn)是瑞士風(fēng)格式的清新、有序的框架。 而在另一方面,Harriet Series的網(wǎng)站則顯得有一點(diǎn)頑皮,也更具探索性。
這就是文字排版所造就的組織合理的混亂之美。 除了上面的特例,99%的設(shè)計(jì)師,最好還是乖乖學(xué)會(huì)文字設(shè)計(jì),如果你不能領(lǐng)會(huì),那日后的設(shè)計(jì)便沒(méi)有了根基。
不用去擔(dān)心缺少流行元素會(huì)怎么影響你的效果,你應(yīng)該擔(dān)心的是如何組織好網(wǎng)頁(yè)的框架,一旦你克服了這關(guān),后面添磚加瓦的事情就簡(jiǎn)單了。 Clear是 一款節(jié)約風(fēng)格的iOS日常管理應(yīng)用。
圍繞它的觸控是使用手勢(shì)來(lái)控制界面,你會(huì)發(fā)現(xiàn)單是文字設(shè)計(jì)就足以解決一切并讓你享受著這款應(yīng)用。當(dāng)然這是使用了 Helvetica字體的效果,如果是使用了字間距不合理的Comic Sans字體呢?杰出的文字設(shè)計(jì)并不一定以很美好的方式引人注目,而這并不意味著 它也要以這樣負(fù)面的方式突出它的劣勢(shì)。
Art of the Menu是菜單設(shè)計(jì)網(wǎng)站的典范 The Art of the Menu網(wǎng)站在強(qiáng)調(diào)字體設(shè)計(jì)在菜單設(shè)計(jì)領(lǐng)域重要性做出了很大貢獻(xiàn)。當(dāng)一些餐館那么樂(lè)衷于在菜單上加入各種圖片和插頁(yè)來(lái)吸引顧客眼球時(shí),卻并沒(méi)有考慮到合理的文字設(shè)計(jì)結(jié)構(gòu)讓顧客更舒適的瀏覽菜單,這是一大敗筆。
作為一個(gè)設(shè)計(jì)師,你實(shí)在沒(méi)有理由去為自己辯解不需要一個(gè)看得過(guò)去的設(shè)計(jì)。當(dāng)你連最基本的框架都沒(méi)法搭建好,后面在加什么其他的設(shè)計(jì)元素只會(huì)讓你的設(shè)計(jì)更糟 糕。
太多的設(shè)計(jì)師都在嘗試用沒(méi)有用的花俏物來(lái)掩飾他們的設(shè)計(jì)缺陷,但實(shí)際和火上澆油沒(méi)兩樣。 如果一個(gè)設(shè)計(jì)你看著是不順眼的,那就代表用戶(hù)體驗(yàn)不好,無(wú)論再 加入多少圖片、聲效、顏色都是徒勞。
文字設(shè)計(jì)重要的一點(diǎn)在于要服從表述主題的要求,要與其內(nèi)容吻合一致,不能相互脫離,更不能相互沖突,破壞了文字的訴求效果。
尤其在商品廣告的文字設(shè)計(jì)上,更應(yīng)該注意任何一條標(biāo)題,一個(gè)字體標(biāo)志,一個(gè)商品品牌都是有其自身內(nèi)涵的,將它正確無(wú)誤地傳達(dá)給消費(fèi)者,是文字設(shè)計(jì)的目的,否則將失去了它的功能。
抽象的筆畫(huà)通過(guò)設(shè)計(jì)后所形成的文字形式,往往具有明確的傾向,這一文字的形式感應(yīng)與傳達(dá)內(nèi)容是一致的。如生產(chǎn)女性用品的企業(yè),其廣告的文字必須具有柔美秀麗的風(fēng)采。
擴(kuò)展資料:
人們?cè)陂喿x之前,會(huì)先大體瀏覽整個(gè)頁(yè)面來(lái)判斷他們是否感興趣。視覺(jué)掃描方式傾向于采用“ F”和“ Z”兩種,同學(xué)們?cè)谧约旱淖髌放虐嬷幸部梢约右岳谩?/p>
Z 模式適用于文本密集型之外的頁(yè)面,例如:廣告或網(wǎng)站等等。
Web 設(shè)計(jì)人員通常將其頁(yè)面構(gòu)造為 Z 模式,將最重要的信息放置在角落中,并使其他重要信息沿著頂部和底部的條形并連接對(duì)角線。
聲明:本網(wǎng)站尊重并保護(hù)知識(shí)產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護(hù)條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請(qǐng)?jiān)谝粋€(gè)月內(nèi)通知我們,我們會(huì)及時(shí)刪除。
蜀ICP備2020033479號(hào)-4 Copyright ? 2016 學(xué)習(xí)鳥(niǎo). 頁(yè)面生成時(shí)間:3.126秒