網(wǎng)站設(shè)計(jì)中的復(fù)古襯線字體
襯線字體排印正在流行,從纖細(xì)的線條到有趣的形狀,甚至是現(xiàn)代的襯線,這一趨勢正在接管新的網(wǎng)站設(shè)計(jì)項(xiàng)目。襯線的創(chuàng)意之處在于,它們可以為基于字體樣式的設(shè)計(jì)添加某種風(fēng)格或情緒。
這種復(fù)古風(fēng)格的襯線趨勢正在以多種方式被使用著,以下是如何利用這一趨勢的一些例子,做得非常好,涵蓋了一系列不同的網(wǎng)站設(shè)計(jì)風(fēng)格和排版。
復(fù)古襯線+Sans
很難定義是什么使襯線字體"復(fù)古"。"感覺和其他東西一樣重要。
字體與其他元素結(jié)合在一起,將所有這些元素結(jié)合在一起。網(wǎng)站設(shè)計(jì)師在使用襯線時(shí)需要注意的一點(diǎn)是,它們可能看起來過時(shí)了,但這正是我們在這里要做的。
在使用襯線時(shí),最好的字體對(duì)通常是襯線,用于較大的文本和使用簡單的無襯線的較小文本。這使得襯線的個(gè)性得以體現(xiàn),同時(shí)提供最佳的可讀性和sans選項(xiàng)的排版方便。
來自Isolation的明信片使用帶有很多個(gè)性的襯線和簡單的sans,具有很高的可讀性。簡約風(fēng)格——尤其是與"明信片"這樣的概念一起使用時(shí)——有一種明確的復(fù)古感覺。
使用了輕型襯線(有點(diǎn)冒險(xiǎn)的選擇,尤其是outline選項(xiàng))和微型無襯線的漂亮組合。由于字體的選擇和大小,這里所有的字體選擇都是粗體的。但它吸引了你的注意力。
Lick使用粗襯線進(jìn)行標(biāo)記和標(biāo)頭,其他副本幾乎使用較小的無襯線。
現(xiàn)代襯線
通常,這種風(fēng)格使用現(xiàn)代襯線來創(chuàng)建正確的老式風(fēng)格,具有人們正在尋找的當(dāng)前氛圍。
現(xiàn)代的襯線是任何粗細(xì)筆畫交替的襯線字體,曾經(jīng)有人建議網(wǎng)站設(shè)計(jì)師不要在網(wǎng)上使用這種字體,因?yàn)楹茈y在屏幕上清晰地顯示,但由于高分辨率的一切,這不再是問題,所以你可以隨心所欲地使用它們!
現(xiàn)代的襯線可能使用非常明顯或微妙的粗細(xì)筆畫寬度。(在這一潮流中,這是一個(gè)流行的選擇,你也會(huì)在其他很多例子中看到這種字體。)
襯線和斜體
很難指出為什么襯線會(huì)使用更多的斜體,但是您會(huì)發(fā)現(xiàn),使用襯線比使用sans dISPlay字體更常見。
可能的原因是,使用襯線斜體可以得到更多的區(qū)分。角色們用一種更美的方式把自己借給了它。
在顯示類型中,斜體字可以很好地強(qiáng)調(diào)關(guān)鍵詞,如上面的示例所示。
Rubel & Menasche使用了多個(gè)斜體短語,通過文本塊吸引眼球,并展示其品牌。
費(fèi)爾南多?彭特(Fernando Puente)用斜體字告訴人們,他在投資組合頁面上是誰。請(qǐng)注意斜體選項(xiàng)如何使這些單詞看起來與其他文本不同。
Mod"感覺"
真正復(fù)古的部分原因是對(duì)歷史上另一個(gè)時(shí)代的致敬,上面例子中的字體有一種喚起情感聯(lián)系的現(xiàn)代風(fēng)格。
拉特維德的"夢境發(fā)生器"有一種童話般的感覺,幾乎能讓你瞬間回到童年。
Ultima Capital使用了帶有復(fù)古(幾乎是20世紀(jì)70年代的感覺)的鏤空字體和背景圖像滑塊,以保持其現(xiàn)代感。
動(dòng)畫和襯線
為了確保字體看起來不會(huì)過時(shí)——這與復(fù)古有很大的不同——融入現(xiàn)代效果是關(guān)鍵。動(dòng)畫與襯線字體保持設(shè)計(jì)新鮮和時(shí)髦沒有感覺老。
從移動(dòng)字母到滑動(dòng)條或圍繞文本元素移動(dòng)的divots,有多種方法可以添加動(dòng)畫到設(shè)計(jì)中,而不會(huì)使其過于復(fù)雜。
雖然您可以避開移動(dòng)的字母,如勒讓達(dá)(如上),但這可能是一個(gè)棘手的技術(shù)。最好的方法可能是在文本周圍使用動(dòng)畫元素,以確保新鮮感。
全部大寫
雖然所有的大寫字體都有一種咄咄逼人的感覺,但當(dāng)你有重要的事情要說的時(shí)候,它會(huì)很有效。
上面的例子使用完全大寫的文本和非常不同的字體來完成同樣的事情——強(qiáng)調(diào)關(guān)鍵消息。
當(dāng)選擇全部大寫時(shí),要特別注意可讀性。是文字本身更具裝飾性,還是需要慢慢地、有意識(shí)地理解?這兩個(gè)選項(xiàng)都是可以接受的,您的字體選擇將傾斜的答案。做出明智的選擇。
粗襯線
不完全是板,厚實(shí)的系列特點(diǎn)是字體與較厚的筆畫和立場考慮。他們是有影響力的和強(qiáng)大的。
厚重的襯線很有趣,因?yàn)樗鼈冇幸环N老式的感覺,具有很高的可讀性,這使得它們非常容易使用。
Handwrytten在主標(biāo)題中使用了廣泛的選項(xiàng),它易于閱讀,而且大膽有趣,不會(huì)讓人不知所措。襯線字體也有助于"舊"的書信寫作實(shí)踐。
Curtain & Blind Co.在logo和大字部分使用了粗線條襯線。它是可讀的,因?yàn)樵诙涛谋緣K中使用,并有很多視覺上的興趣。使用相同的字體也有助于將網(wǎng)站和品牌的所有信息與logo聯(lián)系起來。
結(jié)論
關(guān)于這一趨勢,您可能會(huì)立即注意到的一件事是,許多襯線樣式彼此重疊和其他趨勢。這是排版選擇的一大優(yōu)點(diǎn)。
版式趨勢通常是一個(gè)靈活的元素,如果你喜歡,你可以使用和快速刪除。襯線字體美觀、多變,可以為項(xiàng)目設(shè)定一種其他字體選項(xiàng)無法達(dá)到的基調(diào)。
這種風(fēng)格創(chuàng)造出一種天生的復(fù)古氛圍,因?yàn)樗屓讼肫鹩∷⒌脑O(shè)計(jì)項(xiàng)目,尤其是老式的電影海報(bào)或書籍封面。只有當(dāng)序列化在web上變得更常見時(shí),這種情況才可能出現(xiàn)。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問:網(wǎng)站技術(shù)