檢查現(xiàn)代網(wǎng)站設(shè)計(jì)并偶然發(fā)現(xiàn)開(kāi)發(fā)人員認(rèn)為可愛(ài)的小東西是如此令人興奮。“微小的細(xì)節(jié)有所不同” - 這些天我們聽(tīng)到了很多。
的確,這是事實(shí)。這些小巧獨(dú)特的解決方案和技巧使項(xiàng)目脫穎而出。他們使體驗(yàn)成為原創(chuàng),并使用戶界面驚心動(dòng)魄,令人難以忘懷。如今,微小的趨勢(shì)超過(guò)了大趨勢(shì)。
開(kāi)發(fā)人員不會(huì)糾結(jié)于一件大事; 他們嘗試了許多較小的想法。因此,我們可以見(jiàn)證令人驚嘆的微觀解決方案,使網(wǎng)絡(luò)多樣化。其中一個(gè)微小的趨勢(shì)是在主頁(yè)上堆疊文本塊。
不只是只言片語(yǔ)
堆疊的文本塊隨處可見(jiàn)。但是,它們的問(wèn)題在于,有時(shí)設(shè)計(jì)師可能會(huì)被帶走并包含大量信息,從而產(chǎn)生TL;類(lèi)似DR的內(nèi)容。沒(méi)有人想讀這個(gè)。然而,有兩行是一個(gè)不同的故事。簡(jiǎn)潔是機(jī)智的靈魂。它總是有效的。只需拿起關(guān)鍵詞,撰寫(xiě)引人注目的標(biāo)語(yǔ)即可,您已準(zhǔn)備好贏得客戶。它非常優(yōu)雅,簡(jiǎn)單而有效。毫無(wú)疑問(wèn),很多設(shè)計(jì)師都會(huì)選擇這個(gè)技巧。
然而,藝術(shù)家不僅僅依賴智能短語(yǔ)。它們具有外觀,通過(guò)有趣的功能進(jìn)行調(diào)整,并通過(guò)巧妙的調(diào)整不顯眼地強(qiáng)調(diào)它。各種技術(shù)都在發(fā)揮作用,例如:
- 不同的字體;
- 每條線的顏色不同;
- 與背景或其他內(nèi)容形成鮮明對(duì)比的顏色;
- 大,幾乎壓倒性的字體大小;
- 大膽的字體;
- 不同的字體樣式;
- 基于字體的藝術(shù)品;
- 全文突出顯示;
- 甚至經(jīng)過(guò)時(shí)間考驗(yàn),出乎意料的并不像我們想象的那樣乏味。
我們將檢查所有這些選項(xiàng),以便您可以看到每個(gè)選項(xiàng)的潛力,并為您的特定情況選擇最佳匹配。
Nathan Denton
讓我們從主流中最聰明的代表之一開(kāi)始--Nathan Denton的Denton Design。由Rene Hernandez和Ryan Haskell-Glatz創(chuàng)作,它是一個(gè)真正的杰作,充滿創(chuàng)意和奇異。
“創(chuàng)意總監(jiān)”是迎接觀眾的兩個(gè)詞,標(biāo)志著對(duì)話的開(kāi)始。所有字母都以大寫(xiě)字母設(shè)置,字體大小相對(duì)較大。它們涂有兩種主要顏色:白色和紅寶石色。這里,雙線堆疊塊不僅僅是一個(gè)問(wèn)候語(yǔ)。它是設(shè)計(jì)中不可或缺的一部分,完善了整體,并尖叫出Nathan的職業(yè)。
Multistampa
Multistampa背后的團(tuán)隊(duì)使用大寫(xiě)字母,大尺寸和中性色,與背景形成鮮明對(duì)比。因此,“印刷生活”這一短語(yǔ)成為人們關(guān)注的一個(gè)自然焦點(diǎn),與幾何靈感的美學(xué)完美融合。
Spotify Wrapped
這是我們系列中的大牌。Spotify以其開(kāi)創(chuàng)性的解決方案而聞名,證明它是網(wǎng)絡(luò)領(lǐng)域的潮流引領(lǐng)者。這個(gè)最新的例子表明,雙色調(diào)和明亮的色彩仍然激發(fā)了他們創(chuàng)意部門(mén)的思想。
再一次,我們可以在他們的網(wǎng)站上看到一個(gè)兩行堆疊的文本塊。有兩個(gè)塊一個(gè)在另一個(gè)上面。第一個(gè)是大而突出的,而第二個(gè)是小的。但引人注目。美麗的黃色與用作背景顏色的Pantone蘭花相得益彰。標(biāo)語(yǔ)感覺(jué)溫和,同時(shí)又大膽。
iFly KLM 360度
iFly KLM 360度設(shè)計(jì)背后的團(tuán)隊(duì)采用了印刷中心件的美感,不幸的是,這些日子很少見(jiàn)。“與Kiran Jethwa環(huán)游世界”立刻引起了我們的注意。這種藝術(shù)性的雙線堆疊文字令人難以置信。細(xì)長(zhǎng),優(yōu)雅的字體,大尺寸和復(fù)雜的文字游戲使這句話成為我們眼中的絕對(duì)贏家。
Claudia Noronha
如果您沒(méi)有排版藝術(shù)家,Claudia Noronha提供了一個(gè)有效的選擇 - 使用漂亮的字體。她優(yōu)雅,流暢,有點(diǎn)胖的字體很好地與其他內(nèi)容交互。與此同時(shí),它保持了UI的女士般的光環(huán) - 很好地為整體女性氣氛做出了貢獻(xiàn)。簡(jiǎn)單,美觀,有效。
Heartbeat Labs
Heartbeat Labs的團(tuán)隊(duì)選擇支持一種舊的解決方案,這種解決方案暗示了詞匯的下劃線。它在這里很棒。雖然字體的大小很小,但是明亮的粗線在干凈,單色,深藍(lán)色的背景下閃耀出來(lái),使這句話成為眾人矚目的焦點(diǎn)。
SiR MaRy
SiR MaRy在我們的系列中展現(xiàn)了另一種絕對(duì)經(jīng)典。在這里,流行語(yǔ)用黑色粗線突出顯示。雖然與上面的例子相比,它看起來(lái)有點(diǎn)殘酷和粗糙,但是,這個(gè)伎倆給口號(hào)奠定了堅(jiān)實(shí)的基礎(chǔ),有效地描繪了它。
欣
Elastos背后的團(tuán)隊(duì)向我們展示了如何在擁有精美背景時(shí)使用雙線堆疊文本塊。即使這個(gè)短語(yǔ)設(shè)置在一個(gè)超窄的字體中,它仍然引人注目。這有幾個(gè)原因。
首先,字體的大小增加了它的突出性。其次,干凈的背景和白色空間讓位于前方的一切。第三,這個(gè)短語(yǔ)放在左邊 - 就在我們自然開(kāi)始閱讀的地方。最后,圖形本身字面意思指向文本。
安德烈斯勒勒
多學(xué)科藝術(shù)家安德烈斯·索勒(Andres Soler)將自己的名字分為兩行。雙線概念也保留在最小的設(shè)備屏幕上,因此您在手機(jī)上閱讀的第一件事就是“Andres Soler。”在這里,這句話看起來(lái)像一個(gè)大膽的陳述,不需要任何視覺(jué)“支持”或者額外的隨行人員。
當(dāng)兩個(gè)比一個(gè)更好
如果您認(rèn)為趨勢(shì)只影響設(shè)計(jì)的基本要素,那么請(qǐng)?jiān)傧胍幌搿>W(wǎng)頁(yè)設(shè)計(jì)的所有組成部分(無(wú)論是小型還是大型)都受趨勢(shì)的影響。你必須仔細(xì)看,注意最細(xì)微的細(xì)節(jié)。
即使是無(wú)聊的東西,例如文本塊,也會(huì)在設(shè)計(jì)和用戶體驗(yàn)方面進(jìn)行改變和改進(jìn)。今天,我們目睹了使用疊加的雙線標(biāo)語(yǔ)的趨勢(shì),這些標(biāo)語(yǔ)非常強(qiáng)調(diào)。
他們直接點(diǎn)到了一點(diǎn),增添了一般美感。最重要的是,它們符合用戶在網(wǎng)站上掃描文本而不是閱讀文本的偏好。這種趨勢(shì)結(jié)合了實(shí)用主義和創(chuàng)造力。