去年，高端網(wǎng)站設(shè)計(jì)開發(fā)社區(qū)沉迷于垂直線條和垂直節(jié)奏。今年，我們看到了一些源自這種趨勢的有趣解決方案。在整個(gè)接口中使用超細(xì)線就是其中之一。這是一個(gè)小巧而優(yōu)雅的趨勢。有時(shí)乍一看可能很難注意到，但是在項(xiàng)目上花費(fèi)了一些時(shí)間后，這一點(diǎn)變得顯而易見。它不會(huì)跳到你身上；它等待被發(fā)現(xiàn)，并以精致，精致的性質(zhì)吸引觀眾。本期網(wǎng)站制作Angle給大家?guī)硪恍┲饕睦?，看看藝術(shù)家如何玩它以及它如何使網(wǎng)站受益。

Dixtior
我們將從數(shù)字代理商Dixtior開始，超薄線條是整體美學(xué)的核心。他們馬上見到你。加載后，您偶然發(fā)現(xiàn)了從右到左延伸的連續(xù)超細(xì)線。它也開始運(yùn)動(dòng)。請(qǐng)注意，英雄區(qū)域沒有什么特別的。它只是具有圖像背景的常規(guī)部分，用于演示辦公室的工作流程。但是，由于這種微小的趨勢，它看起來很有創(chuàng)造力和技巧。而且，在網(wǎng)站的各個(gè)角落都可以看到超細(xì)線條。每個(gè)部分都有其趨勢的劑量。在某些情況下，它們與標(biāo)題一起使用，就好像它們指向它們一樣。這樣他們給了他們更多的關(guān)注。在其他情況下，它們被用來豐富文本和圖像甚至是懸停狀態(tài)的塊，從而使基本元素具有細(xì)微的變化。當(dāng)然，它們被用作純裝飾細(xì)節(jié)。結(jié)果，這里的主題遍及所有部分，創(chuàng)造了一致而和諧的體驗(yàn)。

Zajno
Zajno是另一種情況。與前面的示例非常相似，團(tuán)隊(duì)在界面的每個(gè)部分都利用了超細(xì)線。該網(wǎng)站甚至?xí)砸粋€(gè)初始屏幕打開，其中豎線表示英雄區(qū)域。有垂直的和水平的。后者通常與標(biāo)題和標(biāo)題一起使用，而筆直筆劃用于創(chuàng)建視覺路徑，自然地將訪問者從一個(gè)部分引導(dǎo)到另一個(gè)部分，或從一個(gè)文本塊引導(dǎo)到另一個(gè)文本塊。而且該網(wǎng)站具有獨(dú)特的背景。這是一個(gè)交互式的畫布，具有球狀網(wǎng)格。它完全符合趨勢，從而使項(xiàng)目感覺更加復(fù)雜。

Clock Lab

Clock Lab是烏克蘭創(chuàng)意機(jī)構(gòu)的官方網(wǎng)站。在這里，您可以感受到隱藏在垂直節(jié)奏中的力量：它可以從用戶界面的各個(gè)方面受益。而且由于負(fù)責(zé)直立方向，因此團(tuán)隊(duì)在設(shè)計(jì)中使用了很多線條也就不足為奇了。它們用于完成各個(gè)部分，并為體驗(yàn)增添些微的熱情。請(qǐng)注意，不僅是垂直線填充了設(shè)計(jì)，而且還填充了水平線。您可能已經(jīng)猜到了，它們伴隨標(biāo)題出現(xiàn)，從而自然地將觀眾的注意力引向這些部分的名稱和內(nèi)容。

Homecult

Homecult頭版后面的創(chuàng)意團(tuán)隊(duì)選擇了標(biāo)志性的線條樣式，該樣式只是超薄線條的理想合作伙伴。在這里，巨大的空心圓圈標(biāo)記了主屏幕。但是它不會(huì)像拇指酸痛那樣突出。相反它像手套一樣適合。在整個(gè)高端網(wǎng)站設(shè)計(jì)中仔細(xì)分散的一串短線可以幫助解決此問題。它們在導(dǎo)航和號(hào)召性用語下劃線，并用作背景裝飾，從而在UI的每個(gè)角落都支持主題。結(jié)果該網(wǎng)站在每個(gè)部分都感覺優(yōu)雅、時(shí)尚和現(xiàn)代。

Prodotti

與前面的示例非常相似，該網(wǎng)站介紹了一家從事室內(nèi)裝飾的公司。時(shí)髦的解決方案再次完美地融合在一起。它為界面提供了一些脆弱的復(fù)雜感，帶來了優(yōu)雅和精致。您可以在UI的各個(gè)組件中看到直線的、短標(biāo)記，大部分方向是水平的。例如，超細(xì)線連接了“上一個(gè)”和“下一個(gè)”控件，從而避免了它們看起來過于枯燥或瑣碎。每張幻燈片的標(biāo)題下面都有一條很長的線。盡管它不會(huì)給后者增加任何視覺上的重量，但它仍然可以用于多個(gè)目的。首先它指示輪播中幻燈片之間的切換。其次它裝飾了整體外觀，很好地與導(dǎo)航、圖形甚至徽標(biāo)相呼應(yīng)。最后，它將所有內(nèi)容聯(lián)系在一起。

Head Wines
Head Wines背后的團(tuán)隊(duì)在不過度采用趨勢的情況下采用了這種趨勢。但是這足以添加優(yōu)雅的特征并使整體設(shè)計(jì)富有品味。像往常一樣，您可以在標(biāo)題附近找到短筆觸，并在視覺上將各節(jié)連接起來。這會(huì)產(chǎn)生一種永無止境的內(nèi)容感，其內(nèi)容從上到下逐漸流動(dòng)。請(qǐng)注意幾件事。首先有大量的空白。其次陰影中偶爾會(huì)出現(xiàn)垂直節(jié)奏。第三背景本身并不像乍看起來那樣原始。一些部分包含有助于整體主題的輪廓圖。最后圖形和徽標(biāo)的設(shè)計(jì)都考慮了輪廓樣式。使長話短說，該網(wǎng)站是構(gòu)圖和諧的一個(gè)示例，其中超細(xì)線條設(shè)置了氣氛，并巧妙地與其他設(shè)計(jì)功能相互影響。

在高端網(wǎng)站設(shè)計(jì)中使用超細(xì)線可以進(jìn)一步證明，即使是用戶界面中最細(xì)微的細(xì)節(jié)也可以發(fā)揮作用。他們是有效的創(chuàng)造者，有助于創(chuàng)造美學(xué)和用戶體驗(yàn)。通常，它們會(huì)使UI的各個(gè)部分受益。但是，通?？梢哉业剿鼈儯?br />

• 靠近頭條新聞，使他們更加關(guān)注；
• 作為按鈕或圖標(biāo)的一部分，以將其與內(nèi)容流分開；
• 靠近導(dǎo)航；
• 在滑塊中；
• 作為在主要內(nèi)容附近的背景或前景上使用的常規(guī)裝飾；

可以單獨(dú)使用趨勢，也可以與線條樣式一起使用趨勢，以使您的項(xiàng)目具有時(shí)尚而精致的優(yōu)勢。