我們都很容易對(duì)平凡的事物感到厭倦，我們渴望一些原創(chuàng)的、獨(dú)一無(wú)二的東西。這就是為什么普通的網(wǎng)站設(shè)計(jì)主頁(yè)面需要充滿了古怪的想法，它們的目的不僅是為了給用戶(hù)留下深刻印象，而且也滿足用戶(hù)對(duì)創(chuàng)造力和原創(chuàng)性的渴望。

然而，動(dòng)畫(huà)和圖片的解決方案并不是唯一能達(dá)到目的的東西。打破常規(guī)，即使是最瑣碎的事情也能達(dá)到同樣的效果，垂直字體就是很好的證明。近期在網(wǎng)站設(shè)計(jì)中它變得相當(dāng)流行，它已經(jīng)發(fā)展成為一種微小的趨勢(shì)，其中有一些ace。

我們?cè)诰W(wǎng)站設(shè)計(jì)中很少看到垂直方向的使用，傳統(tǒng)上，它是一個(gè)水平節(jié)奏主導(dǎo)的地方，盡管這并不意味著所有的東西都應(yīng)該圍繞它旋轉(zhuǎn)。通常，開(kāi)發(fā)人員堅(jiān)持使用傳統(tǒng)的模型。然而，閱讀習(xí)慣的多樣性和偏差是有益的。更重要的是，您不需要采取極端的措施。小劑量的垂直定向就足以產(chǎn)生適當(dāng)?shù)挠绊憽?/p>

1、Archi Graphi

在這里，創(chuàng)意團(tuán)隊(duì)通過(guò)旋轉(zhuǎn)90度和水平反射來(lái)扭曲基本的導(dǎo)航。您應(yīng)該從頭讀到尾——這很不尋常，但很有趣。因此，歡迎屏幕上沒(méi)有了那些令人眼花繚亂的裝飾，卻充滿了熱情。此外，請(qǐng)注意頂部的標(biāo)題：它感覺(jué)非常寬敞，和標(biāo)識(shí)得到了整體的關(guān)注，沒(méi)有太多的努力，看起來(lái)突出。這是一個(gè)聰明的方法。

2、Lydia Amaruch

還有一些特殊的例子，垂直字體就像蛋糕上的糖衣。想想Lydia Amaruch和她的在線投資組合吧。

就像在Archi Graphi的情況下，這里使用的垂直節(jié)奏是插話，但深思熟慮。有一個(gè)傳統(tǒng)的流線型水平導(dǎo)航，但它只包含了必要的部分。其余的都被拉到了一邊——確實(shí)如此。它們與背部的垂直條紋相呼應(yīng)，創(chuàng)造出一種和諧的美感。

3、Yo：Ha

Yo：Ha取了同樣的方法，雖然主導(dǎo)航隱藏在漢堡包按鈕后面，但是主頁(yè)和社交媒體的鏈接仍然在表面。再次，注意整個(gè)主題。在這里，垂直的節(jié)奏可以在各種細(xì)節(jié)中看到，比如滑塊被分成三個(gè)半透明的面板和細(xì)長(zhǎng)的符號(hào)，一致性標(biāo)志著這個(gè)網(wǎng)站設(shè)計(jì)。

4、Ivan Ibanez / Gothamsiti

Ivan Ibanez和Gothamsiti背后的團(tuán)隊(duì)向我們展示了如何將垂直方向應(yīng)用于整個(gè)導(dǎo)航。事實(shí)證明，它使用起來(lái)很方便——更不用說(shuō)它引人注目的外觀了。注意，這兩個(gè)例子有不同的主題、語(yǔ)氣和氛圍。但是，垂直導(dǎo)航在這兩種情況下都非常合適。

伊凡?伊班尼斯(Ivan Ibanez)的個(gè)人作品集有種四四方方的感覺(jué)。有空心塊，分裂布局，超薄線和大量的白色空間，垂直導(dǎo)航完美地完成了設(shè)計(jì)。

Gothamsiti設(shè)計(jì)背后的創(chuàng)意是在主頁(yè)面區(qū)周?chē)胖面溄印獙⒚總€(gè)鏈接放置在一個(gè)角落。這樣，任何東西都無(wú)法將人們的注意力從神秘詭異的歡迎屏幕上轉(zhuǎn)移開(kāi)。同時(shí)，所有的網(wǎng)關(guān)都是暴露的，讓用戶(hù)感到舒適。

5、Prime Park Sessions

讓我們遠(yuǎn)離導(dǎo)航，探索作為內(nèi)容一部分的垂直字母的例子。

因?yàn)榇怪狈较驅(qū)ξ覀兇蠖鄶?shù)人來(lái)說(shuō)看起來(lái)有點(diǎn)奇怪，它可以用來(lái)強(qiáng)調(diào)一些重要的事情，例如，一個(gè)標(biāo)語(yǔ)。這個(gè)想法可以在黃金公園的會(huì)議上看到。在這里，該機(jī)構(gòu)的銘牌被指向左邊，正是我們通常開(kāi)始閱讀的地方。它還反映了右側(cè)的垂直導(dǎo)航。因此，這個(gè)設(shè)計(jì)給人的感覺(jué)是完整和視覺(jué)上有趣的。

6、Luxury Villas

Luxury Villas設(shè)計(jì)背后的團(tuán)隊(duì)使用垂直方向來(lái)展示口號(hào)。后者還提供了一個(gè)相對(duì)較寬的背景，因此它看起來(lái)像一個(gè)側(cè)邊欄。雖然它不只是一個(gè)普通的側(cè)邊欄，但它是一個(gè)有趣的側(cè)邊欄。

7、Kitamura Makura / Canatal

另一種從趨勢(shì)中獲益的方法是將其用于標(biāo)題?？紤]一下北村、馬庫(kù)拉和卡納塔爾。

當(dāng)談到講述一個(gè)故事時(shí)，兩個(gè)團(tuán)隊(duì)都喜歡將用戶(hù)的注意力集中在重要的事情上，比如內(nèi)容，而不是標(biāo)題。因此，標(biāo)題被移到右邊并旋轉(zhuǎn)了90度，從而自然地讓位于文本。

在Kitamura Makura的例子中，標(biāo)題被推到了右邊，讓人感覺(jué)它是導(dǎo)航的一部分。然而，對(duì)于Canatal來(lái)說(shuō)，標(biāo)題仍然是塊和整體設(shè)計(jì)的一部分。

8、Protec / Building the Future

Protec和Building the Future通過(guò)使垂直文本成為隨行人員的一部分，使事情變得更加有趣。

Protec具有從上到下的巨大標(biāo)題。它們被小心地放在一邊，并顯示在左側(cè)，給予內(nèi)容最高的優(yōu)先級(jí)。

在建設(shè)未來(lái)的情況下，垂直字體甚至更大。然而，在這里，它僅僅起到了裝飾的作用，加強(qiáng)了文本塊頂部的傳統(tǒng)標(biāo)題。

對(duì)于SEO，這不是一個(gè)好的實(shí)踐，因?yàn)闃?biāo)題應(yīng)該是文檔層次結(jié)構(gòu)的一部分，并包含在相應(yīng)的標(biāo)記中。然而，有時(shí)候您可以打破常規(guī)，用設(shè)計(jì)而不是搜索排名來(lái)贏得客戶(hù)。

9、Kwok Yin Mak

而對(duì)于西方世界來(lái)說(shuō)，垂直的節(jié)奏感覺(jué)就像一些不同尋常的東西，一個(gè)可行的技巧來(lái)增加傳統(tǒng)設(shè)計(jì)的熱情，對(duì)于我們東方的朋友來(lái)說(shuō)，這是最自然的事情。讓我們來(lái)看看郭印麥。

這設(shè)計(jì)看起來(lái)令人耳目一新。傳統(tǒng)的黑白配色方案，大量的白色空間，圖形，當(dāng)然垂直方向使這個(gè)界面看起來(lái)如此特別。這一趨勢(shì)讓人有賓至如歸的感覺(jué)。然而，盡管我們預(yù)期它會(huì)在這里，但網(wǎng)站背后的團(tuán)隊(duì)已經(jīng)設(shè)法將它從看起來(lái)微不足道中拯救出來(lái)。

10、A Pleasant Surprise

網(wǎng)站設(shè)計(jì)中垂直字體很少見(jiàn)，但它也是受歡迎的?？梢钥隙ǖ卣f(shuō)，在宇宙萬(wàn)物的水平狀態(tài)下，是一束微弱的光讓我們微笑。它能以一種意想不到的方式讓您的眼睛在閱讀過(guò)程中感到愉悅，并且毫不費(fèi)力地把最重要的東西集中起來(lái)。

這是一個(gè)簡(jiǎn)單的方法，讓事情變得有趣，而不需要重新發(fā)明輪子和額外的努力。