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