去年，網(wǎng)站設(shè)計開發(fā)社區(qū)沉迷于垂直線條和垂直節(jié)奏。今年，我們看到了一些源自這種趨勢的有趣解決方案。在整個網(wǎng)站設(shè)計界面中使用超薄線就是其中之一。這是一個令人難以置信的小而優(yōu)雅的趨勢，有時可能很難第一眼就注意到它，但是在項目上花了一些時間之后就會變得明顯。它不會自己跳出來；它屬于等待著被發(fā)現(xiàn)的類型，并以一種精致、細(xì)膩的天性吸引著用戶。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：申請域名、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、西固網(wǎng)站維護(hù)、網(wǎng)站推廣。

讓我們考慮一些主要的例子，看看網(wǎng)站設(shè)計師們?nèi)绾伟l(fā)揮它，以及如何使網(wǎng)站受益。

Dixtior

我們將從Dixtior開始，這是一家數(shù)字機(jī)構(gòu)，超薄線條是整個美學(xué)的核心。

首頁加載后您會偶然發(fā)現(xiàn)從右向左延伸的連續(xù)超薄線，它一直在頁面中滾動著。注意導(dǎo)航區(qū)域沒有什么特別的地方，它只是一個普通的部分，有一個圖像背景，演示了辦公室的工作流程。然而，由于這一微小的趨勢，它看起來很有創(chuàng)意和科技含量。

更重要的是，超薄的線條也可以在網(wǎng)站的各個角落看到，每個部分都有其傾向的劑量。在某些情況下，它們與標(biāo)題并列使用，就好像它們是指向標(biāo)題一樣。這樣，他們就給了他們額外的關(guān)注。

在另一些情況下，它們被用來用文本和圖像或甚至懸停狀態(tài)來豐富塊，給基本元素一個微妙的扭曲。當(dāng)然，它們被用作純粹的裝飾細(xì)節(jié)。因此，在這里，主題貫穿所有的部分，創(chuàng)造了一致和和諧的體驗。

Zajno

Zajno是另一個例子，與前面的示例非常相似，該團(tuán)隊在接口的每個部分都使用了超薄線。該網(wǎng)站甚至以一個閃屏打開，其中的豎線預(yù)示著導(dǎo)航區(qū)域，有垂直的和水平的。

后者主要與標(biāo)題一起使用，而筆直的筆畫用于創(chuàng)建視覺路徑，自然地引導(dǎo)訪問者從一個部分到另一個部分或從一個文本塊到另一個文本塊。

更重要的是，這個網(wǎng)站設(shè)計有一個獨特的背景。它是一個交互式的畫布，以一個全球網(wǎng)格為特征。它完全符合趨勢，因此使項目感覺更加復(fù)雜。

時鐘實驗室

時鐘實驗室是來自烏克蘭的創(chuàng)意機(jī)構(gòu)的官方網(wǎng)站設(shè)計，在這里，您可以感受到隱藏在垂直節(jié)奏中的力量：它巧妙地使用戶界面的各個方面受益。由于垂直方向是主導(dǎo)方向，所以團(tuán)隊在設(shè)計中使用了大量的線條也就不足為奇了。

他們被用來完成部分以及添加一個微妙的熱情的經(jīng)驗，注意，不僅是垂直線填充了網(wǎng)站設(shè)計，而且還有水平線。正如你可能已經(jīng)猜到的，它們伴隨著標(biāo)題，從而自然地將觀眾的注意力引向章節(jié)和內(nèi)容的名稱。

Homecult

Homecult首頁背后的創(chuàng)意團(tuán)隊選擇了一種標(biāo)志性的線條風(fēng)格，這是超薄線條的理想搭配。在這里，巨大的空心圓圈標(biāo)志著主屏幕。然而，它不會像一個疼痛的拇指一樣突出。

相反，它非常合身。在這個問題上，在整個設(shè)計中精心散布的一些簡短的代碼行是有幫助的。它們突出了導(dǎo)航和call-to-action按鈕，并作為背景裝飾，從而支持UI的每個角落的主題。因此，該網(wǎng)站設(shè)計感覺優(yōu)雅，時尚和現(xiàn)代的每一部分。

裝飾

就像前面的例子一樣，這個網(wǎng)站展示了一家從事室內(nèi)設(shè)計的公司。再一次，時尚的解決方案完美地融入其中。它提供了一個脆弱的接觸復(fù)雜，帶來優(yōu)雅和細(xì)化的界面。在UI的各個組件中，您可以看到筆直的、短的標(biāo)記，它們基本上是水平的。例如，超薄線連接“前一個”和“下一個”控件，從而使它們看起來不那么單調(diào)或瑣碎。

每張幻燈片的標(biāo)題下面都有一條很長的線，盡管它沒有給后者增加任何視覺上的權(quán)重，但它仍然有幾個用途。首先，它表示旋轉(zhuǎn)木馬中幻燈片之間的移動。其次，它裝飾了整個外觀，很好地與導(dǎo)航、圖形、甚至標(biāo)識符相呼應(yīng)。最后，它把一切都聯(lián)系在一起。

故事頭葡萄酒

Head Wines的團(tuán)隊順應(yīng)了這一趨勢，但沒有做過頭。盡管如此，這已經(jīng)足夠添加優(yōu)雅的特性，并使整體設(shè)計感覺有品味。和往常一樣，你可以在標(biāo)題和豎線附近找到短筆畫，它們在視覺上連接了各個部分。這就創(chuàng)造了一種從上到下的無限內(nèi)容的感覺。

更重要的是，注意幾件事。首先，有大量的空白。其次，垂直節(jié)奏偶爾會從陰影中顯現(xiàn)出來。第三，背景本身并不像乍一看那樣原始。有些部分包括有助于整體主題的大綱插圖。最后，圖形，以及標(biāo)識，都是在腦海中形成一個輪廓樣式。

長話短說；該網(wǎng)站設(shè)計是一個組成和諧的例子，超薄的線條設(shè)置了心情，并巧妙地與其他設(shè)計功能相互作用。

使用細(xì)線來增強(qiáng)網(wǎng)站設(shè)計

在網(wǎng)站設(shè)計中使用超薄線條進(jìn)一步證明，即使是最微小的用戶界面細(xì)節(jié)也會產(chǎn)生影響。他們是有效的玩家，幫助創(chuàng)造美學(xué)以及用戶體驗。通常，它們會使UI的各個部分受益。然而，最常見的是：

在標(biāo)題附近給予他們額外的關(guān)注；

作為按鈕或圖標(biāo)的一部分，將它們與內(nèi)容流分隔開；

附近的導(dǎo)航；

在滾動區(qū)；

作為常規(guī)裝飾使用在背景或前景附近的主要內(nèi)容；

使用趨勢或單獨或配合線風(fēng)格，給您的項目一個時尚和精致的邊緣。

分享名稱：超薄線條如何在網(wǎng)站設(shè)計中產(chǎn)生影響
地址分享：http://chinadenli.net/article16/sjjggg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、做網(wǎng)站、網(wǎng)站改版、服務(wù)器托管、全網(wǎng)營銷推廣、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)