最近，有一種更柔和的設(shè)計(jì)趨勢正在興起，尤其是在網(wǎng)站建設(shè)項(xiàng)目中——波浪線或我們稱其為“軟線”。這種趨勢在視覺上可能比較簡單，通過背景單一的“柔和”的顏色主導(dǎo)，我們可以很直觀的看到一個(gè)曲線和波浪的轉(zhuǎn)變。

更輕，更柔和的元素可以喚起設(shè)計(jì)在整體上的不同感覺。而且有一點(diǎn)特別好的地方是，波浪和柔軟的線可以以很多不同的方式呈現(xiàn)，使每個(gè)網(wǎng)頁設(shè)計(jì)在感覺上就完全不同（基于它柔和以及多變的特征，它對設(shè)計(jì)的影響幾乎是潛移默化的）。

接下來，我們將通過幾個(gè)典型的案例，來看看在網(wǎng)站設(shè)計(jì)中的波浪線和“軟”線元素的趨勢。

1.強(qiáng)調(diào)元素

當(dāng)矩形和圓環(huán)不太適合你的項(xiàng)目的主Key或者說主題的時(shí)候，斑點(diǎn)和波浪可能是一個(gè)很好的解決方案。對于在一些較大的元素中需要被強(qiáng)調(diào)或注意的特定的細(xì)微斑點(diǎn)或元素，柔軟的線將起到一種類似指引的作用，它可以引導(dǎo)用戶在整體的網(wǎng)站設(shè)計(jì)上“定位”到那些更重要的信息或元素。

在上面的Papillons de Nuit festival的網(wǎng)頁設(shè)計(jì)中，你可以很清楚的看到它在使用波浪來突出事件的元素。以波浪作為基礎(chǔ)的元素在淺色背景上鋪開，每個(gè)波浪都包含一些特殊的東西：頂角的動(dòng)畫，“切換”元素包括多個(gè)波浪，底部角落的波浪則負(fù)責(zé)將你引導(dǎo)到社交媒體。通過滾動(dòng)，更多的波浪和軟紋理將有助于把整體的網(wǎng)頁設(shè)計(jì)中的照片和事件信息連接在一起。

這種設(shè)計(jì)可能對電子商務(wù)類或金融機(jī)構(gòu)的網(wǎng)站來說太過了，但它對于包含事件的頁面來說是一個(gè)很好的解決方案。外觀上保持有趣，更能吸引人的注意并在瀏覽過程中保持一種輕松的心情（所有元素都有助于推動(dòng)事件流動(dòng)）。

2.為行動(dòng)吸引眼球

極簡風(fēng)格設(shè)計(jì)方案和平面插圖仍然是流行的設(shè)計(jì)元素。而在次基礎(chǔ)上添加波浪元素可以幫助你了解設(shè)計(jì)的特定部分，包括號(hào)召行動(dòng)。

雖然你還可以通過使用箭頭或三角形元素完成此操作，但波浪元素可以提供一種更柔和、更微妙的行為指令。用戶不覺得他們是被迫進(jìn)入可點(diǎn)擊的元素或消息。

Recruitz在其網(wǎng)頁設(shè)計(jì)中使用波浪來創(chuàng)建行動(dòng)呼吁并且將其作為屏幕底部的推薦信息之間的分隔。通過柔和的分配和間隔可以幫助眼睛輕松地在元素之間來回移動(dòng)，并在元素之間產(chǎn)生深度，這樣的設(shè)計(jì)永遠(yuǎn)不會(huì)顯得平坦（同時(shí)，明亮的配色方案也很有幫助）。

3.帶有波浪元素的插圖

雖然波浪元素在特定的背景中產(chǎn)生的影響力可能過于獨(dú)立，但它們完全可以并入到插圖中。盡管這種較柔和的感覺與許多已經(jīng)很受歡迎的硬線和極簡化圖標(biāo)有些不同，但結(jié)果是用戶可以直接進(jìn)入簡單視覺效果，而不會(huì)有太多的“額外”信息或元素干擾他們。

波浪同時(shí)也可以幫助創(chuàng)造更柔和的空間。Retrace Health在其網(wǎng)站設(shè)計(jì)中通過天空和背景的交互動(dòng)效，來提升整體網(wǎng)站的互動(dòng)性和空間感。通過波浪的衰退和流動(dòng)來增加或減少圖像和標(biāo)題之間的空間，有助于將注意力吸引到這個(gè)空間，通過對元素之間的空白量進(jìn)行微妙的改變。

4.使“硬”線平衡

波浪可以做的不僅僅就只是作為一種單純的波浪，波浪也可以作為背景元素，以幫助平衡在設(shè)計(jì)上使用的“硬”線或視覺計(jì)劃中的其他元素。如果你對美學(xué)過于苛刻，或者需要平衡才能正確的話，那就考慮通過波浪式的元素修復(fù)。

Ghafari的網(wǎng)頁設(shè)計(jì)中包括一個(gè)微妙的波浪，如果不仔細(xì)看你可能很難發(fā)現(xiàn)。你的注意力很容易被頁面上有趣的照片形狀，明亮的彩色文字，甚至頂部的金色按鈕縮吸引。但是，這些元素是通過一片灰色的波浪把它們整合在一起的。波浪平衡了較重，較粗糙的形狀，使設(shè)計(jì)不會(huì)發(fā)生偏移或偏離。它很簡單，幾乎完全和背景融為一體了。

這個(gè)技巧很重要。不是所有的設(shè)計(jì)元素都是必要的或者將告訴用戶一些什么。有時(shí)，設(shè)計(jì)元素更加隱形，但起到支撐作用，來幫助項(xiàng)目保持平衡，建立正確的感覺。

5.建立背景分離

波浪和軟線似乎是一個(gè)可以使基于材料的分層設(shè)計(jì)看起來有點(diǎn)不太公正的元素。不同于規(guī)則的圓形或矩形用于層或基于卡片式的元素，基于波浪元素的背景可以創(chuàng)建相同類型的分隔。

與其他示例一樣，最終在視覺的表現(xiàn)上會(huì)使整體稍微輕一些。

同時(shí)，波浪也可以與另一種趨勢——漸變配合。Algolia在它的網(wǎng)站設(shè)計(jì)中就使用了這兩個(gè)的“結(jié)合體”，在視覺上做了一個(gè)很好的示范。該設(shè)計(jì)盡管使用了多種效果，但整體感覺很簡單，易于閱讀。

6.創(chuàng)建動(dòng)畫

當(dāng)你想到“波浪”，第一個(gè)在腦海中關(guān)聯(lián)的大概就是海洋了。當(dāng)我們提到這個(gè)趨勢的時(shí)候，一個(gè)標(biāo)準(zhǔn)的波浪動(dòng)畫，直到最后一定是會(huì)讓你有這種這種邏輯關(guān)聯(lián)。

它是對波浪的使用的最好的一種方式。波浪動(dòng)畫可以模仿海洋的節(jié)奏和自然流動(dòng)感，創(chuàng)造舒緩和諧的視覺效果。

Futuramo在它的Relativity of Time站點(diǎn)的網(wǎng)頁設(shè)計(jì)中做到了這點(diǎn)。背景波浪彼此無縫地流動(dòng)。它們很簡單，并且以自然的方式移動(dòng)。唯一的不同在于，波紋的流動(dòng)實(shí)際上與屏幕上的內(nèi)容無關(guān)。它們只是在用戶瀏覽內(nèi)容進(jìn)行移動(dòng)時(shí)，營造一種平靜的場景體驗(yàn)。

這個(gè)例子展示了如何用一個(gè)簡單的視覺主題來吸引觀眾。內(nèi)容和設(shè)計(jì)中故事的時(shí)間方面，也很好地連接起來。

總結(jié)

具有更多曲率的線條為項(xiàng)目創(chuàng)造不同的運(yùn)動(dòng)和情感。將曲線簡單地添加到直線中可以改變整個(gè)項(xiàng)目的感覺，使其不那么嚴(yán)肅和堅(jiān)硬，可以顯得更有吸引力。

用戶似乎很容易被吸引到這些元素中。 你對波浪和軟線感覺如何？