談到波紋， 人們很自然的想到大海；這種自然的關聯反饋運用到網頁設計中，能讓界面更加自然，更加輕盈。波紋曲線可以無縫地同各種不同的風格融合到一起，并且擁有調和不同的元素、不同風格的特性。
尤其在這個扁平化設計大行其道的今天，波紋曲線視覺元素廣泛運用于網頁設計圈中， 今天我們一起來總結一下這一趨勢。
與插畫的完美結合
波紋曲線融入到插畫背景中，能夠柔化整個視覺，消除了突兀的設計，讓用戶更容易被吸引；還能創造柔和的空間感。如下圖， 網站首圖插畫，就在插畫的天空中加入了一道柔和的曲線，將整個插畫布局拉出了層次，使得相對較空的右上半部分不再單調，原本的留白依然保留了留白的功能，提升了整個視覺體驗。這種設計手法非常符合如今的扁平化設計的特征：微妙。
增加特色
當矩形和直線不足以傳達出設計師想要表達的情感之時，柔和的曲線和斑點可能更適合傳達他們想傳達的東西。
如下圖， 這個網站活動主題就很好地借助波紋和曲線來強調。網頁中，基于波紋和曲線所構成的元素各司其職，左上角的波紋元素帶有動效，你不會忽略其中所承載的主題。中間多重波紋構成的Zapping 元素和矩形的 Martin Solveig 圖片構成對比，組成了視覺主體，而右下角流動的波紋則承載著用戶可能感興趣的社交媒體鏈接。
對于電商和企業機構的網站而言，這些隨性的波紋元素可能會顯得過于隨意，但是對于事件、活動和時尚相關的網站，這些流動的曲線是很好的視覺解決方案，有趣，且引人入勝。
平衡硬朗的線條
波紋曲線作為一種柔和的視覺元素， 很少會直接用作設計頁面視覺主體。但在直線和直線、直線和去想等元素構成的界面中，曲線卻很好的起到調和的作用。如下圖案例。
這個網站頁面被硬朗的線條分割左右兩半，咋一看很難發現其中隱藏的曲線，這種相對生硬的劃分并沒有讓人覺得難受，很大程度上得益于左邊淺灰色的、微妙的曲線，以及右邊圖片底部綠色的草地所構成的曲線，它們相互呼應，也讓整個設計不那么生硬。它們足夠簡單，但是效果卻頗為不錯。
引人注意CTA元素
引起用戶對網頁CTA的注意， 波紋曲線有著潤物細無聲的效果。如下網站， 就將首屏的頂部紫色背景的下邊緣設計成曲線，這種非規則的視覺元素會讓用戶不自覺的注意到，而又不具備侵略性。 多層波紋曲線讓背景擁有層次，用戶實現自然下探過程中會不自覺的被漸變橙色CTA按鈕注意到。 當然，色彩的選取也起到了一定程度的作用，波紋曲線的作用一樣功不可沒。
波紋曲線在不同領域中可以給網頁增添不少的色彩，不管是靜態頁面設計還是動態。當波紋運用于 動態網頁設計中， 模仿著海浪的節奏和韻律，足以創造出舒緩和諧的氛圍。
曲線融入于網頁設計中，不僅可以平衡設計、調節氣氛、傳遞情感；還能消除突兀的設計，生硬的線條得到舒緩。尤其是這個扁平化設計和極簡主義時代，波紋曲線與他們有著先天的吻合，可以說波紋曲線是目前網頁和APP設計的主流。
,