无码人妻一区,久久亚洲欧美综合激情一区,孕交av,亚洲一区二区视频在线

免費(fèi)獲取策劃方案多一份參考,總有益處

重慶網(wǎng)頁(yè)設(shè)計(jì)

Web design

案例778

重慶網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)實(shí)用字體的8條規(guī)則

來(lái)源:派臣科技|時(shí)間:2019-01-05|瀏覽:

今天,我們要探討的事宜,它既是網(wǎng)站建設(shè)一個(gè)熱門趨向又是一個(gè)永恒的藝術(shù)——字體。下面列出的基礎(chǔ)規(guī)則將幫助你在設(shè)計(jì)中更加理解怎樣構(gòu)建和操作文字。
當(dāng)意識(shí)到這些規(guī)則,差不多能夠提升你創(chuàng)造的所有事,包含一個(gè)標(biāo)題或者是緊要的字體排版元素。當(dāng)前,讓我們著手進(jìn)修吧!#1 進(jìn)修基本知識(shí)
為了實(shí)現(xiàn)更靈驗(yàn)的字體排版,第一步是要理解有些藝術(shù)。如果你不熟悉它的觀念,你可能會(huì)認(rèn)為字體排版務(wù)必是一個(gè)相當(dāng)簡(jiǎn)易的學(xué)科。當(dāng)然,如果你知曉字母系統(tǒng),那么你已經(jīng)贏得了這場(chǎng)戰(zhàn)役的一半了吧?剩下的就是改變它一點(diǎn)外觀,那么你就有了屬于你自己的字體!在現(xiàn)實(shí)中,字體是相當(dāng)難懂和復(fù)雜的,由于它既是科學(xué)的也是藝術(shù)的。
一個(gè)字體的解剖涉及到極其詳盡詳細(xì)的專業(yè)術(shù)語(yǔ),嚴(yán)格的尺寸和通用準(zhǔn)則都必須知曉而且遵從。和眾多模式的設(shè)計(jì)一樣,需要聲明地一點(diǎn)是,如果你理解規(guī)則,知曉它好在何處,那么你能夠打破規(guī)則并且有意識(shí)地去做設(shè)計(jì)。

一個(gè)在線進(jìn)修字體的最佳網(wǎng)站是—— I Love Typography,一個(gè)描述漂亮字體的博客。這是一張來(lái)自我愛(ài)字體博客上的圖片,展示有些你應(yīng)當(dāng)熟悉的專業(yè)術(shù)語(yǔ):

正如你看到的那樣,火速的制作出漂亮的字母就變的復(fù)雜困難了。
上圖極其形象化地解釋了這些專業(yè)術(shù)語(yǔ),但這并不是一個(gè)具體的術(shù)語(yǔ)清單和你需要熟悉的觀念。例如,術(shù)語(yǔ)中的字母x的高度,字距調(diào)整,還有在平面上不被輸入的基準(zhǔn)線。為了更好的控制這些,你應(yīng)當(dāng)花有些時(shí)間來(lái)瀏覽字體術(shù)語(yǔ)表。
這是什么鬼?
這個(gè)問(wèn)題的結(jié)論是顯而易見(jiàn)的:“由于你是一個(gè)設(shè)計(jì)師!”如果你時(shí)常里操作單詞創(chuàng)造設(shè)計(jì)作品的話,不管你打算做還是不做你都要深入研討鉆研字體?;ㄐr(shí)間進(jìn)修的基礎(chǔ)原則會(huì)讓你清楚理解你選取的字體,其中操作類別的藝術(shù)特色和方式。
#2留意你的字距
這篇文章不是為了研討字體設(shè)計(jì),所以我不會(huì)去考上面小節(jié)中提到的每一個(gè)專業(yè)術(shù)語(yǔ)。然而,字距調(diào)整是眾多設(shè)計(jì)師,無(wú)論是新的還是老的,都會(huì)忽視的事宜。近期我和一個(gè)女性時(shí)尚網(wǎng)站的高級(jí)藝術(shù)總監(jiān)在探討字體這門學(xué)科。讓她有種失落感的事宜是她下面的設(shè)計(jì)師都缺乏對(duì)字距調(diào)整的認(rèn)識(shí)。
字距是什么?
字距調(diào)整就是在給出的一個(gè)字體調(diào)中去調(diào)整兩個(gè)字母之間的間隔。
留意這是一個(gè)單獨(dú)問(wèn)題,它需要同時(shí)調(diào)整所有字母的空間距離。你或許會(huì)認(rèn)為這是一個(gè)高價(jià)昂貴的項(xiàng)目,就像Adobe Illustrator會(huì)自動(dòng)為你修復(fù)所有字間距的問(wèn)題,因此你也認(rèn)為字距調(diào)整不是問(wèn)題,不會(huì)出當(dāng)前你的藝術(shù)作品中。 再想想,考慮一下。心得一下下面給出的例子:

即使你還不習(xí)慣找字距調(diào)整的問(wèn)題,(固然這些問(wèn)題可能是很細(xì)小的)但它們卻真實(shí)的存在。在上面的例子中,留意到大寫字母“D”從其余的字母中明顯的突顯出來(lái)了。默認(rèn)情形下,許多字體,尤其是那些有明顯的襯線,它們具備不統(tǒng)一的字符間距。通常情形下,在一個(gè)段落或句子中,混合著有些不統(tǒng)一的字距做副文本,通常情形下這不是什么大問(wèn)題。然而,當(dāng)你在處理只有寥寥數(shù)語(yǔ)的時(shí)候,如在標(biāo)題或logo中,忽略字距問(wèn)題能夠摧毀整個(gè)審美。
當(dāng)在處理網(wǎng)頁(yè)字體和css控制網(wǎng)頁(yè)字體顯示樣式時(shí),字距調(diào)整問(wèn)題變?yōu)橄喈?dāng)復(fù)雜;如果你在Illustrator,Photishop等軟件中作為圖像創(chuàng)立一個(gè)文本(用來(lái)印刷或者網(wǎng)站制作),那么修改起來(lái)會(huì)極其容易。在兩個(gè)字符之間插入你的光標(biāo) ,蘋果電腦上是option鍵(PC=alt)結(jié)合左右方向鍵調(diào)整字距空間。請(qǐng)記住,不要集中在這么多的字母和字母的負(fù)空間上。試著讓整個(gè)單詞或短語(yǔ)的空間在視覺(jué)上保持統(tǒng)一。
#3留意字體的洽談交流
字體的選取從不是一個(gè)武斷任意的進(jìn)程。通過(guò)你自己的字體庫(kù)找一個(gè)你喜愛(ài)的字體看上去很簡(jiǎn)易,但這樣很少會(huì)得到一個(gè)靈驗(yàn)的結(jié)果和結(jié)論。原因是,一些確立的類別字體與固有的心理學(xué)有關(guān)。要明白我說(shuō)的是什么意思,考慮一下下面給出的例子:

如果你是敏銳的,那么你會(huì)發(fā)現(xiàn)這些字體選集看上去是極其糟糕的。緊要因素是,有視覺(jué)個(gè)性的字體選集和手寫單詞被分開(kāi)了,脫節(jié)了。你也從不會(huì)在看到一個(gè)世界戰(zhàn)斗冠軍用一個(gè)一個(gè)漂亮的腳本字體來(lái)表達(dá)驚呼興奮感。同樣的原理,你可能永遠(yuǎn)都不會(huì)在你的婚禮請(qǐng)柬上操作Cooper Black字體。我們已經(jīng)習(xí)慣于看到不同類別的用于特定作用的字體。
每種字體都在意識(shí)和潛意識(shí)兩個(gè)層面?zhèn)鬟_(dá)特定的屬性。所傳達(dá)屬性的兩個(gè)緊要范疇是性別(gender)和時(shí)代。(英語(yǔ)里的Gender,中文翻譯為社會(huì)性別/性別,其實(shí)是不對(duì)的,這個(gè)詞是所有物質(zhì)的性別,比如語(yǔ)言中詞性有陰性、陽(yáng)性和中性。)看一下下面的例子。

請(qǐng)留意前兩個(gè)字體強(qiáng)烈傳達(dá)了特定的過(guò)去時(shí)代。同樣,下面的兩個(gè)字體各自有著強(qiáng)烈的基于性別的特征聯(lián)絡(luò)。有著堅(jiān)硬邊緣的粗字體往往看起來(lái)更加陽(yáng)剛和男子漢,同時(shí),曲線玲瓏,纖細(xì)的字體顯示女性的和少女的特征。
這一切似乎都顯而易見(jiàn),如果你可以借助這些知識(shí),就是用隱式的和直覺(jué)的這部分或者你主動(dòng)有意的去做有些試試,或許你排版的技能將會(huì)突飛猛進(jìn)地提升。
關(guān)于更多的字型
理解更多特殊類別的字體,瞧瞧Adobe的類別歸類圖

#4對(duì)齊
對(duì)齊是字體中一個(gè)非常緊要的觀念。出于某種因素,非設(shè)計(jì)師往往本能地用中心對(duì)齊來(lái)修復(fù)一切事宜。在生活中,我們理解到,如果一些事宜是對(duì)中的,然后讓它保持平衡,因此這樣會(huì)更好。在現(xiàn)實(shí)中,居中對(duì)齊閱讀起來(lái)是最弱的,最難的,應(yīng)當(dāng)用極其有選取性的對(duì)齊方式。

上面圖片中的前兩段是左對(duì)齊。這種方式是我們習(xí)常用來(lái)閱讀的,由于它通常是我們?cè)跁?shū)籍或者雜志中看到的排版方式。中心對(duì)齊的段落閱讀起來(lái)更困難,因?yàn)樗狈喞r明的邊緣。每一行都沒(méi)有統(tǒng)一的起點(diǎn)或者是終點(diǎn),所以你的眼睛需要花有些時(shí)間來(lái)適應(yīng)每一個(gè)新行。在實(shí)踐中,或許這兩種不同做法是微妙的,但在原則上確是巨大的。
這并不是意味著你在任什么時(shí)候候你只能操作左對(duì)齊。你在試圖實(shí)現(xiàn)的時(shí)候,只是務(wù)必要不斷的問(wèn)自己可讀性與獨(dú)特的審美哪個(gè)緊要。理想情形是這些原則總在一起工作,但事實(shí)上,他們往往對(duì)立,需要妥協(xié)一方或另一方。
另一件事需要留意的是混合對(duì)齊形式。無(wú)論你選哪種對(duì)齊形式,盡量在你的設(shè)計(jì)中保持統(tǒng)一。它通常(但并不一直)合適于把標(biāo)題中心對(duì)齊,正文左對(duì)齊。但如果試試混合排版可能造成視覺(jué)混亂和頁(yè)面雜亂。
有關(guān)字體排版的更多信息,請(qǐng)查看文章下面。
為網(wǎng)頁(yè)選取字體排版的對(duì)齊方式


#5選取一個(gè)好的輔助字體
在你選取好一個(gè)緊要的字型后,接下來(lái)就是選取另一種字體來(lái)強(qiáng)調(diào)它。這是一個(gè)和主字截然相反相沖突選取??聪聢D。

上述圖像中的第一個(gè)例子中有幾個(gè)問(wèn)題。首先,所選字體的類別是極其差的。該輔助字體比主字體更加華麗(和難以閱讀)!這有損于主字體,應(yīng)當(dāng)防止。另外,即使在第一個(gè)問(wèn)題不是一個(gè)問(wèn)題,這兩個(gè)字體被一起操作,簡(jiǎn)易的說(shuō)在粗細(xì)上就太相似了。即使它們是在風(fēng)格上截然不同,它們具備相似的筆劃重量在二者之間不能提供足夠的視覺(jué)對(duì)照。
第二個(gè)圖像操作更恰當(dāng)對(duì)照的字體,并且借助了更細(xì),更簡(jiǎn)易的字體做副標(biāo)題。你在設(shè)計(jì)時(shí),你的字體肯定沒(méi)有這么大的反差(例子中的字體用途是故意夸大了的),只要確保他們足夠的不同,以防止視覺(jué)上的混亂,和更多的難點(diǎn)是放在緊要的字體上。
#6尺寸問(wèn)題
我成為一個(gè)設(shè)計(jì)師有六年了,在六年中我設(shè)計(jì)創(chuàng)作了大量的印刷廣告。其中一件事就是在早期工作中你就知曉傳播資料的標(biāo)題應(yīng)當(dāng)立即抓住讀者的眼球。在印刷的世界中,你只有一兩秒鐘的時(shí)間引起別人的留意。如果你錯(cuò)過(guò)了這個(gè)機(jī)遇,那么你就失去了你的隱性 用戶。
這實(shí)際上意味著,當(dāng)你創(chuàng)立一個(gè)標(biāo)題時(shí),不要簡(jiǎn)易地把它打印輸出出來(lái):要去設(shè)計(jì)它。思考以下兩個(gè)例子:

第一個(gè)標(biāo)題需要你閱讀每一個(gè)單詞,才會(huì)得到一個(gè)大致的消息。一切都是相同的尺寸,寬度和顏色,這沒(méi)有強(qiáng)調(diào)任何部分的消息。單詞“could”在視覺(jué)上和單詞“win”一樣緊要。
相比之下,第二標(biāo)題要比第一個(gè)強(qiáng)得多,固然它借助完全相同的消息。我不再去強(qiáng)調(diào)整句話,整句話不再那么緊要,真確在吶喊的是里面的單詞。第一個(gè)標(biāo)題的問(wèn)題是,觀眾必須愿意花時(shí)間去閱讀它。第二個(gè)的關(guān)鍵是當(dāng)觀眾看到標(biāo)題,只去閱讀最關(guān)鍵的部分,就像偶然發(fā)生的一樣。
縱觀第二個(gè)例子中,你應(yīng)當(dāng)留意到的第一件事就是單詞“WIN”,其次是“THE BAHAMAS”?!痹谶@一點(diǎn)上,如果你是目標(biāo)受眾,我們已經(jīng)激起了你的興趣,你更可能花費(fèi)時(shí)間來(lái)瞧瞧這個(gè)消息是怎樣一回事。
#7 當(dāng)作藝術(shù)操作字體排版


當(dāng)前,停止考慮作為簡(jiǎn)易的標(biāo)題和正文排版的問(wèn)題 ,著手思考它作為一個(gè)設(shè)計(jì)元素該怎樣設(shè)計(jì)。字體是精心設(shè)計(jì)的,因此具備一種高的審美對(duì)你設(shè)計(jì)庫(kù)來(lái)說(shuō)是一個(gè)寶貴的資產(chǎn)。這當(dāng)然遠(yuǎn)遠(yuǎn)超出用字母構(gòu)建外貌。如果你想創(chuàng)立一個(gè)typography-centric設(shè)計(jì),想想你要如何把英雄和字體結(jié)合,作出一個(gè)吸引人的設(shè)計(jì)。
另外,不要覺(jué)得你被現(xiàn)有的字體的構(gòu)架限制。擴(kuò)大字體的形狀來(lái)適應(yīng)你的需求。試著提升旋轉(zhuǎn),紋理構(gòu)架,斑點(diǎn)等,和其他任何你能想到的,使字體看上去更加活躍。

#8找好的靈感
要懂得創(chuàng)立靈驗(yàn)的和有吸引力的排版,最佳的方法是找到并研討有些現(xiàn)有的例子。以下是網(wǎng)上尋找靈感有些好的文章,但不要就此止步。到處轉(zhuǎn)一下,瞧瞧你身邊其他人在做什么,為何么這么做,或者為何看上去沒(méi)起到好的效益。
打破規(guī)則
記住這些規(guī)則只是為了成為指導(dǎo)方針來(lái)幫助您創(chuàng)立好的字體排版。
一路上,你會(huì)發(fā)現(xiàn)有些你最佳的作品公然破壞了一個(gè)或多個(gè)在本文中列出的原則。正如我以前所說(shuō),當(dāng)你完全理解一個(gè)給定的設(shè)計(jì)規(guī)則后,你能夠打破它的許可。只要確保不是任意的無(wú)視,而是有宗旨的執(zhí)行,以實(shí)現(xiàn)特定的目標(biāo)。
規(guī)則往往會(huì)束縛我們,但我希望這8個(gè)建議你可以好好理解,知曉字體排版設(shè)計(jì)規(guī)則,但又不局限于規(guī)則中,也希望這8條建議能夠成功打開(kāi)你的字體設(shè)計(jì)的可能性。

留言

返回頂部

君
重慶網(wǎng)站建設(shè)重慶網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)實(shí)用字體的8條規(guī)則