來源:派臣科技|時間:2019-01-05|瀏覽:次
今天,我們要探討的事宜,它既是網(wǎng)站建設(shè)一個熱門趨向又是一個永恒的藝術(shù)——字體。下面列出的基礎(chǔ)規(guī)則將幫助你在設(shè)計中更加理解怎樣構(gòu)建和操作文字。
當(dāng)意識到這些規(guī)則,差不多能夠提升你創(chuàng)造的所有事,包含一個標(biāo)題或者是緊要的字體排版元素。當(dāng)前,讓我們著手進修吧!#1 進修基本知識
為了實現(xiàn)更靈驗的字體排版,第一步是要理解有些藝術(shù)。如果你不熟悉它的觀念,你可能會認(rèn)為字體排版務(wù)必是一個相當(dāng)簡易的學(xué)科。當(dāng)然,如果你知曉字母系統(tǒng),那么你已經(jīng)贏得了這場戰(zhàn)役的一半了吧?剩下的就是改變它一點外觀,那么你就有了屬于你自己的字體!在現(xiàn)實中,字體是相當(dāng)難懂和復(fù)雜的,由于它既是科學(xué)的也是藝術(shù)的。
一個字體的解剖涉及到極其詳盡詳細(xì)的專業(yè)術(shù)語,嚴(yán)格的尺寸和通用準(zhǔn)則都必須知曉而且遵從。和眾多模式的設(shè)計一樣,需要聲明地一點是,如果你理解規(guī)則,知曉它好在何處,那么你能夠打破規(guī)則并且有意識地去做設(shè)計。
一個在線進修字體的最佳網(wǎng)站是—— I Love Typography,一個描述漂亮字體的博客。這是一張來自我愛字體博客上的圖片,展示有些你應(yīng)當(dāng)熟悉的專業(yè)術(shù)語:
正如你看到的那樣,火速的制作出漂亮的字母就變的復(fù)雜困難了。
上圖極其形象化地解釋了這些專業(yè)術(shù)語,但這并不是一個具體的術(shù)語清單和你需要熟悉的觀念。例如,術(shù)語中的字母x的高度,字距調(diào)整,還有在平面上不被輸入的基準(zhǔn)線。為了更好的控制這些,你應(yīng)當(dāng)花有些時間來瀏覽字體術(shù)語表。
這是什么鬼?
這個問題的結(jié)論是顯而易見的:“由于你是一個設(shè)計師!”如果你時常里操作單詞創(chuàng)造設(shè)計作品的話,不管你打算做還是不做你都要深入研討鉆研字體?;ㄐr間進修的基礎(chǔ)原則會讓你清楚理解你選取的字體,其中操作類別的藝術(shù)特色和方式。
#2留意你的字距
這篇文章不是為了研討字體設(shè)計,所以我不會去考上面小節(jié)中提到的每一個專業(yè)術(shù)語。然而,字距調(diào)整是眾多設(shè)計師,無論是新的還是老的,都會忽視的事宜。近期我和一個女性時尚網(wǎng)站的高級藝術(shù)總監(jiān)在探討字體這門學(xué)科。讓她有種失落感的事宜是她下面的設(shè)計師都缺乏對字距調(diào)整的認(rèn)識。
字距是什么?
字距調(diào)整就是在給出的一個字體調(diào)中去調(diào)整兩個字母之間的間隔。
留意這是一個單獨問題,它需要同時調(diào)整所有字母的空間距離。你或許會認(rèn)為這是一個高價昂貴的項目,就像Adobe Illustrator會自動為你修復(fù)所有字間距的問題,因此你也認(rèn)為字距調(diào)整不是問題,不會出當(dāng)前你的藝術(shù)作品中。 再想想,考慮一下。心得一下下面給出的例子:
即使你還不習(xí)慣找字距調(diào)整的問題,(固然這些問題可能是很細(xì)小的)但它們卻真實的存在。在上面的例子中,留意到大寫字母“D”從其余的字母中明顯的突顯出來了。默認(rèn)情形下,許多字體,尤其是那些有明顯的襯線,它們具備不統(tǒng)一的字符間距。通常情形下,在一個段落或句子中,混合著有些不統(tǒng)一的字距做副文本,通常情形下這不是什么大問題。然而,當(dāng)你在處理只有寥寥數(shù)語的時候,如在標(biāo)題或logo中,忽略字距問題能夠摧毀整個審美。
當(dāng)在處理網(wǎng)頁字體和css控制網(wǎng)頁字體顯示樣式時,字距調(diào)整問題變?yōu)橄喈?dāng)復(fù)雜;如果你在Illustrator,Photishop等軟件中作為圖像創(chuàng)立一個文本(用來印刷或者網(wǎng)站制作),那么修改起來會極其容易。在兩個字符之間插入你的光標(biāo) ,蘋果電腦上是option鍵(PC=alt)結(jié)合左右方向鍵調(diào)整字距空間。請記住,不要集中在這么多的字母和字母的負(fù)空間上。試著讓整個單詞或短語的空間在視覺上保持統(tǒng)一。
#3留意字體的洽談交流
字體的選取從不是一個武斷任意的進程。通過你自己的字體庫找一個你喜愛的字體看上去很簡易,但這樣很少會得到一個靈驗的結(jié)果和結(jié)論。原因是,一些確立的類別字體與固有的心理學(xué)有關(guān)。要明白我說的是什么意思,考慮一下下面給出的例子:
如果你是敏銳的,那么你會發(fā)現(xiàn)這些字體選集看上去是極其糟糕的。緊要因素是,有視覺個性的字體選集和手寫單詞被分開了,脫節(jié)了。你也從不會在看到一個世界戰(zhàn)斗冠軍用一個一個漂亮的腳本字體來表達(dá)驚呼興奮感。同樣的原理,你可能永遠(yuǎn)都不會在你的婚禮請柬上操作Cooper Black字體。我們已經(jīng)習(xí)慣于看到不同類別的用于特定作用的字體。
每種字體都在意識和潛意識兩個層面?zhèn)鬟_(dá)特定的屬性。所傳達(dá)屬性的兩個緊要范疇是性別(gender)和時代。(英語里的Gender,中文翻譯為社會性別/性別,其實是不對的,這個詞是所有物質(zhì)的性別,比如語言中詞性有陰性、陽性和中性。)看一下下面的例子。
請留意前兩個字體強烈傳達(dá)了特定的過去時代。同樣,下面的兩個字體各自有著強烈的基于性別的特征聯(lián)絡(luò)。有著堅硬邊緣的粗字體往往看起來更加陽剛和男子漢,同時,曲線玲瓏,纖細(xì)的字體顯示女性的和少女的特征。
這一切似乎都顯而易見,如果你可以借助這些知識,就是用隱式的和直覺的這部分或者你主動有意的去做有些試試,或許你排版的技能將會突飛猛進地提升。
關(guān)于更多的字型
理解更多特殊類別的字體,瞧瞧Adobe的類別歸類圖
#4對齊
對齊是字體中一個非常緊要的觀念。出于某種因素,非設(shè)計師往往本能地用中心對齊來修復(fù)一切事宜。在生活中,我們理解到,如果一些事宜是對中的,然后讓它保持平衡,因此這樣會更好。在現(xiàn)實中,居中對齊閱讀起來是最弱的,最難的,應(yīng)當(dāng)用極其有選取性的對齊方式。
上面圖片中的前兩段是左對齊。這種方式是我們習(xí)常用來閱讀的,由于它通常是我們在書籍或者雜志中看到的排版方式。中心對齊的段落閱讀起來更困難,因為它缺乏輪廓鮮明的邊緣。每一行都沒有統(tǒng)一的起點或者是終點,所以你的眼睛需要花有些時間來適應(yīng)每一個新行。在實踐中,或許這兩種不同做法是微妙的,但在原則上確是巨大的。
這并不是意味著你在任什么時候候你只能操作左對齊。你在試圖實現(xiàn)的時候,只是務(wù)必要不斷的問自己可讀性與獨特的審美哪個緊要。理想情形是這些原則總在一起工作,但事實上,他們往往對立,需要妥協(xié)一方或另一方。
另一件事需要留意的是混合對齊形式。無論你選哪種對齊形式,盡量在你的設(shè)計中保持統(tǒng)一。它通常(但并不一直)合適于把標(biāo)題中心對齊,正文左對齊。但如果試試混合排版可能造成視覺混亂和頁面雜亂。
有關(guān)字體排版的更多信息,請查看文章下面。
為網(wǎng)頁選取字體排版的對齊方式
#5選取一個好的輔助字體
在你選取好一個緊要的字型后,接下來就是選取另一種字體來強調(diào)它。這是一個和主字截然相反相沖突選取??聪聢D。
上述圖像中的第一個例子中有幾個問題。首先,所選字體的類別是極其差的。該輔助字體比主字體更加華麗(和難以閱讀)!這有損于主字體,應(yīng)當(dāng)防止。另外,即使在第一個問題不是一個問題,這兩個字體被一起操作,簡易的說在粗細(xì)上就太相似了。即使它們是在風(fēng)格上截然不同,它們具備相似的筆劃重量在二者之間不能提供足夠的視覺對照。
第二個圖像操作更恰當(dāng)對照的字體,并且借助了更細(xì),更簡易的字體做副標(biāo)題。你在設(shè)計時,你的字體肯定沒有這么大的反差(例子中的字體用途是故意夸大了的),只要確保他們足夠的不同,以防止視覺上的混亂,和更多的難點是放在緊要的字體上。
#6尺寸問題
我成為一個設(shè)計師有六年了,在六年中我設(shè)計創(chuàng)作了大量的印刷廣告。其中一件事就是在早期工作中你就知曉傳播資料的標(biāo)題應(yīng)當(dāng)立即抓住讀者的眼球。在印刷的世界中,你只有一兩秒鐘的時間引起別人的留意。如果你錯過了這個機遇,那么你就失去了你的隱性 用戶。
這實際上意味著,當(dāng)你創(chuàng)立一個標(biāo)題時,不要簡易地把它打印輸出出來:要去設(shè)計它。思考以下兩個例子:
第一個標(biāo)題需要你閱讀每一個單詞,才會得到一個大致的消息。一切都是相同的尺寸,寬度和顏色,這沒有強調(diào)任何部分的消息。單詞“could”在視覺上和單詞“win”一樣緊要。
相比之下,第二標(biāo)題要比第一個強得多,固然它借助完全相同的消息。我不再去強調(diào)整句話,整句話不再那么緊要,真確在吶喊的是里面的單詞。第一個標(biāo)題的問題是,觀眾必須愿意花時間去閱讀它。第二個的關(guān)鍵是當(dāng)觀眾看到標(biāo)題,只去閱讀最關(guān)鍵的部分,就像偶然發(fā)生的一樣。
縱觀第二個例子中,你應(yīng)當(dāng)留意到的第一件事就是單詞“WIN”,其次是“THE BAHAMAS”。”在這一點上,如果你是目標(biāo)受眾,我們已經(jīng)激起了你的興趣,你更可能花費時間來瞧瞧這個消息是怎樣一回事。
#7 當(dāng)作藝術(shù)操作字體排版
當(dāng)前,停止考慮作為簡易的標(biāo)題和正文排版的問題 ,著手思考它作為一個設(shè)計元素該怎樣設(shè)計。字體是精心設(shè)計的,因此具備一種高的審美對你設(shè)計庫來說是一個寶貴的資產(chǎn)。這當(dāng)然遠(yuǎn)遠(yuǎn)超出用字母構(gòu)建外貌。如果你想創(chuàng)立一個typography-centric設(shè)計,想想你要如何把英雄和字體結(jié)合,作出一個吸引人的設(shè)計。
另外,不要覺得你被現(xiàn)有的字體的構(gòu)架限制。擴大字體的形狀來適應(yīng)你的需求。試著提升旋轉(zhuǎn),紋理構(gòu)架,斑點等,和其他任何你能想到的,使字體看上去更加活躍。
#8找好的靈感
要懂得創(chuàng)立靈驗的和有吸引力的排版,最佳的方法是找到并研討有些現(xiàn)有的例子。以下是網(wǎng)上尋找靈感有些好的文章,但不要就此止步。到處轉(zhuǎn)一下,瞧瞧你身邊其他人在做什么,為何么這么做,或者為何看上去沒起到好的效益。
打破規(guī)則
記住這些規(guī)則只是為了成為指導(dǎo)方針來幫助您創(chuàng)立好的字體排版。
一路上,你會發(fā)現(xiàn)有些你最佳的作品公然破壞了一個或多個在本文中列出的原則。正如我以前所說,當(dāng)你完全理解一個給定的設(shè)計規(guī)則后,你能夠打破它的許可。只要確保不是任意的無視,而是有宗旨的執(zhí)行,以實現(xiàn)特定的目標(biāo)。
規(guī)則往往會束縛我們,但我希望這8個建議你可以好好理解,知曉字體排版設(shè)計規(guī)則,但又不局限于規(guī)則中,也希望這8條建議能夠成功打開你的字體設(shè)計的可能性。