
1對1定制服務,PC端+手機端+小程序多端應用
網(wǎng)站設計中的垂直字體
2020年06月04日瀏覽:
我們都很容易對平凡的事物感到厭倦,我們渴望一些原創(chuàng)的、獨一無二的東西。這就是為什么普通的網(wǎng)站設計主頁面需要充滿了古怪的想法,它們的目的不僅是為了給用戶留下深刻印象,而且也滿足用戶對創(chuàng)造力和原創(chuàng)性的渴望。
然而,動畫和圖片的解決方案并不是唯一能達到目的的東西。打破常規(guī),即使是最瑣碎的事情也能達到同樣的效果,垂直字體就是很好的證明。近期在網(wǎng)站設計中它變得相當流行,它已經(jīng)發(fā)展成為一種微小的趨勢,其中有一些ace。
我們在網(wǎng)站設計中很少看到垂直方向的使用,傳統(tǒng)上,它是一個水平節(jié)奏主導的地方,盡管這并不意味著所有的東西都應該圍繞它旋轉(zhuǎn)。通常,開發(fā)人員堅持使用傳統(tǒng)的模型。然而,閱讀習慣的多樣性和偏差是有益的。更重要的是,您不需要采取極端的措施。小劑量的垂直定向就足以產(chǎn)生適當?shù)挠绊憽?/p>
Archi Graphi
在這里,創(chuàng)意團隊通過旋轉(zhuǎn)90度和水平反射來扭曲基本的導航。您應該從頭讀到尾——這很不尋常,但很有趣。因此,歡迎屏幕上沒有了那些令人眼花繚亂的裝飾,卻充滿了熱情。此外,請注意頂部的標題:它感覺非常寬敞,和標識得到了整體的關注,沒有太多的努力,看起來突出。這是一個聰明的方法。
Lydia Amaruch
還有一些特殊的例子,垂直字體就像蛋糕上的糖衣。想想Lydia Amaruch和她的在線投資組合吧。
就像在Archi Graphi的情況下,這里使用的垂直節(jié)奏是插話,但深思熟慮。有一個傳統(tǒng)的流線型水平導航,但它只包含了必要的部分。其余的都被拉到了一邊——確實如此。它們與背部的垂直條紋相呼應,創(chuàng)造出一種和諧的美感。
Yo:Ha
Yo:Ha取了同樣的方法,雖然主導航隱藏在漢堡包按鈕后面,但是主頁和社交媒體的鏈接仍然在表面。再次,注意整個主題。在這里,垂直的節(jié)奏可以在各種細節(jié)中看到,比如滑塊被分成三個半透明的面板和細長的符號,一致性標志著這個網(wǎng)站設計。
Ivan Ibanez / Gothamsiti
Ivan Ibanez和Gothamsiti背后的團隊向我們展示了如何將垂直方向應用于整個導航。事實證明,它使用起來很方便——更不用說它引人注目的外觀了。注意,這兩個例子有不同的主題、語氣和氛圍。但是,垂直導航在這兩種情況下都非常合適。
伊凡?伊班尼斯(Ivan Ibanez)的個人作品集有種四四方方的感覺。有空心塊,分裂布局,超薄線和大量的白色空間,垂直導航完美地完成了設計。
Gothamsiti設計背后的創(chuàng)意是在主頁面區(qū)周圍放置鏈接——將每個鏈接放置在一個角落。這樣,任何東西都無法將人們的注意力從神秘詭異的歡迎屏幕上轉(zhuǎn)移開。同時,所有的網(wǎng)關都是暴露的,讓用戶感到舒適。
Prime Park Sessions
讓我們遠離導航,探索作為內(nèi)容一部分的垂直字母的例子。
因為垂直方向?qū)ξ覀兇蠖鄶?shù)人來說看起來有點奇怪,它可以用來強調(diào)一些重要的事情,例如,一個標語。這個想法可以在黃金公園的會議上看到。在這里,該機構的銘牌被指向左邊,正是我們通常開始閱讀的地方。它還反映了右側的垂直導航。因此,這個設計給人的感覺是完整和視覺上有趣的。
Luxury Villas
Luxury Villas設計背后的團隊使用垂直方向來展示口號。后者還提供了一個相對較寬的背景,因此它看起來像一個側邊欄。雖然它不只是一個普通的側邊欄,但它是一個有趣的側邊欄。
Kitamura Makura / Canatal
另一種從趨勢中獲益的方法是將其用于標題??紤]一下北村、馬庫拉和卡納塔爾。
當談到講述一個故事時,兩個團隊都喜歡將用戶的注意力集中在重要的事情上,比如內(nèi)容,而不是標題。因此,標題被移到右邊并旋轉(zhuǎn)了90度,從而自然地讓位于文本。
在Kitamura Makura的例子中,標題被推到了右邊,讓人感覺它是導航的一部分。然而,對于Canatal來說,標題仍然是塊和整體設計的一部分。
Protec / Building the Future
Protec和Building the Future通過使垂直文本成為隨行人員的一部分,使事情變得更加有趣。
Protec具有從上到下的巨大標題。它們被小心地放在一邊,并顯示在左側,給予內(nèi)容最高的優(yōu)先級。
在建設未來的情況下,垂直字體甚至更大。然而,在這里,它僅僅起到了裝飾的作用,加強了文本塊頂部的傳統(tǒng)標題。
對于SEO,這不是一個好的實踐,因為標題應該是文檔層次結構的一部分,并包含在相應的標記中。然而,有時候您可以打破常規(guī),用設計而不是搜索排名來贏得客戶。
Kwok Yin Mak
而對于西方世界來說,垂直的節(jié)奏感覺就像一些不同尋常的東西,一個可行的技巧來增加傳統(tǒng)設計的熱情,對于我們東方的朋友來說,這是最自然的事情。讓我們來看看郭印麥。
這設計看起來令人耳目一新。傳統(tǒng)的黑白配色方案,大量的白色空間,圖形,當然垂直方向使這個界面看起來如此特別。這一趨勢讓人有賓至如歸的感覺。然而,盡管我們預期它會在這里,但網(wǎng)站背后的團隊已經(jīng)設法將它從看起來微不足道中拯救出來。
A Pleasant Surprise
網(wǎng)站設計中垂直字體很少見,但它也是受歡迎的。可以肯定地說,在宇宙萬物的水平狀態(tài)下,是一束微弱的光讓我們微笑。它能以一種意想不到的方式讓您的眼睛在閱讀過程中感到愉悅,并且毫不費力地把最重要的東西集中起來。
這是一個簡單的方法,讓事情變得有趣,而不需要重新發(fā)明輪子和額外的努力。