深圳高端網(wǎng)站設(shè)計(jì)公司分享經(jīng)典網(wǎng)站設(shè)計(jì)案例,字體一直是網(wǎng)站設(shè)計(jì)的主要部分之一,好的字體排版設(shè)計(jì)能提升網(wǎng)站整體的效果,反之則起反作用。
Blumenkopf是一個(gè)排版豐富的網(wǎng)站,由奧地利Spatzek Studio設(shè)計(jì)。此示例說(shuō)明了大寫(xiě)sans serif Suisse Int'l和SangBleu OG Serif字體的合并。襯線字體有助于強(qiáng)調(diào)新怪誕的無(wú)襯線字體的美感,并使內(nèi)容有趣。Suisse Int'l以簡(jiǎn)單的“ Welcome!”形式從預(yù)加載器開(kāi)始在整個(gè)站點(diǎn)中得到廣泛使用。用大寫(xiě)字母寫(xiě)。您還可以在菜單鏈接和背景的每一頁(yè)上看到它,背景中的短語(yǔ)“奧地利美學(xué)工作室”,“布盧緬科普夫不是工作室”和“您在家寶貝”不斷出現(xiàn)。即使只能在主要內(nèi)容后面的狹窄區(qū)域中看到它們,也不能錯(cuò)過(guò)它們。設(shè)計(jì)師使用各種字體粗細(xì),將粗體sans serif字母與常規(guī)襯線組合在一起,從而使他可以突出顯示特定單詞。他并沒(méi)有為動(dòng)畫(huà)效果而瘋狂,除了背景和圖像周圍的動(dòng)畫(huà)文本。字母的微妙動(dòng)感使該網(wǎng)站更加生動(dòng),為它的另類吸引力做出了巨大貢獻(xiàn)。
Mouthwash是由Mouthwash工作室,互動(dòng)和圖形設(shè)計(jì)師Ben Mingo和自由創(chuàng)意開(kāi)發(fā)商Jason Bradley共同設(shè)計(jì)的一項(xiàng)協(xié)作性和實(shí)驗(yàn)性項(xiàng)目。它涵蓋了來(lái)自各個(gè)創(chuàng)意領(lǐng)域的故事,并使用簡(jiǎn)單而有趣的字體和引人入勝的視覺(jué)效果對(duì)其進(jìn)行敘述。全大寫(xiě)的Suisse Int'l字體增強(qiáng)了網(wǎng)站的個(gè)性,并增強(qiáng)了其真實(shí)性。網(wǎng)頁(yè)上的字體特別醒目,頁(yè)面頂部顯示了該項(xiàng)目的大寫(xiě)字母大寫(xiě)字母。由于篇幅大小,幾篇專題文章的大寫(xiě)標(biāo)題甚至沒(méi)有完整顯示。然而,這只會(huì)增加網(wǎng)站的替代吸引力,吸引您發(fā)現(xiàn)故事的內(nèi)容?!捌诳表?yè)面特別有趣,因?yàn)樗寻l(fā)布文章的列表,其標(biāo)題全部為大寫(xiě)。首先,您可以看到標(biāo)題和文章類別。但是,當(dāng)您將光標(biāo)移到標(biāo)題上時(shí),彩色預(yù)覽照片開(kāi)始在屏幕上彈出,與字體的簡(jiǎn)單性沖突并使頁(yè)面更加生動(dòng)。
香港出版公司網(wǎng)站的網(wǎng)址:ary探索是一種快樂(lè)。它從一個(gè)簡(jiǎn)單的問(wèn)題開(kāi)始:“您要尋找什么書(shū)?” 在深藍(lán)色和霓虹綠背景下以巨大的白色大寫(xiě)字母顯示。對(duì)比鮮明的色彩使問(wèn)題更加突出,吸引了您的全神貫注,并為即將發(fā)生的事情大肆宣傳。問(wèn)題之后是可用的書(shū)籍類別,同樣是所有白色大寫(xiě)字母。類別放置在概述的幾何形狀內(nèi)。當(dāng)您將鼠標(biāo)懸停在它們上方時(shí),就會(huì)發(fā)生扭曲–形狀變成純白色,而字母變得輪廓分明且透明。這個(gè)看似很小的變化就是一個(gè)例子,說(shuō)明精心選擇的動(dòng)畫(huà)可以如何進(jìn)一步放大無(wú)襯線大字體的原始美學(xué)效果。設(shè)計(jì)師在整個(gè)網(wǎng)站上只使用一種字體,即NB International,這一事實(shí)也很明顯。他們選擇大寫(xiě)版本來(lái)呈現(xiàn)書(shū)籍類別,并且他們還在號(hào)召性用語(yǔ)按鈕中使用了它,這很有意義,因?yàn)檫@兩個(gè)元素是他們最希望訪問(wèn)者關(guān)注的地方。結(jié)合使用NB International小寫(xiě)版本編寫(xiě)的文本片段,為網(wǎng)站增加了視覺(jué)多樣性。
KhoaLê是電影制片人,舞臺(tái)導(dǎo)演和視頻設(shè)計(jì)師。他的網(wǎng)站結(jié)合了精美的圖像和視頻以及精美的印刷選擇和炫酷的懸停效果,為他的創(chuàng)作工作提供了誘人的概覽。您在首頁(yè)上注意到的第一件事是Khoa的名稱以巨大的大寫(xiě)Neue Montreal字體書(shū)寫(xiě)。當(dāng)您開(kāi)始滾動(dòng)時(shí),這些字母將放棄完美的形式,而其他每個(gè)字母都以與旁邊相鄰的字母相反的方向移動(dòng),從而為觀看者創(chuàng)造了一種有趣的視覺(jué)體驗(yàn)。項(xiàng)目類別,項(xiàng)目名稱和號(hào)召性用語(yǔ)大寫(xiě),與其余內(nèi)容脫穎而出,并吸引您更多地與網(wǎng)站互動(dòng)。怪誕的字體簡(jiǎn)潔明了,因此與網(wǎng)站上包含的更復(fù)雜的視覺(jué)效果和懸停動(dòng)畫(huà)相距甚遠(yuǎn)。但是,所有這些要素的組合創(chuàng)建了一個(gè)和諧且易于理解的數(shù)字項(xiàng)目。