400-611-9921
2018-05-21
2862
網(wǎng)站項(xiàng)目的設(shè)計(jì)趨勢(shì)比較柔和 - 浪潮和柔和線條。如果背景被單一的“扁平”色彩所支配,我們正在看到向曲線和波浪的轉(zhuǎn)變。
元素更輕,更柔軟,并喚起設(shè)計(jì)的不同整體感覺(jué)。特別好的是波浪和柔和的線條可以用很多不同的方式使每個(gè)設(shè)計(jì)感覺(jué)完全不同。(這是一種幾乎可以潛入你身邊的趨勢(shì),因?yàn)樗霈F(xiàn)在很多形式中。)
以下是網(wǎng)站設(shè)計(jì)中的波浪和“軟”線趨勢(shì)。
設(shè)計(jì)口音
當(dāng)矩形和圓圈不適合項(xiàng)目的情緒時(shí),斑點(diǎn)和波浪可能是解決方案。對(duì)于需要注意的較大元素的特定元素的微小斑點(diǎn),較軟的線條會(huì)讓用戶在設(shè)計(jì)中跳躍。
Papillons de Nuit節(jié)日用波浪來(lái)突出事件的元素,做得非常出色?;诓ɡ说脑卦跍\色背景上分開(kāi),每個(gè)元素都包含一些特殊的元素:頂部角落有一些動(dòng)畫(huà),“zapping”元素包含多個(gè)波浪,底部角落將您引導(dǎo)至社交媒體鏈接。在滾動(dòng)中,更多的波浪和柔和的divots有助于在活動(dòng)中連接照片和表演者。
雖然這種設(shè)計(jì)對(duì)于電子商務(wù)網(wǎng)站或金融機(jī)構(gòu)來(lái)說(shuō)可能太多,但它對(duì)于活動(dòng)頁(yè)面來(lái)說(shuō)是一個(gè)很好的解決方案。外觀很有趣,引人入勝和輕盈(所有元素都有助于推動(dòng)事件流量。)
將眼睛畫(huà)到CTA
最小風(fēng)格的設(shè)計(jì)方案和平面插圖仍然是一個(gè)流行的設(shè)計(jì)元素。添加wave可以幫助您吸引設(shè)計(jì)的特定部分,包括行動(dòng)號(hào)召。
雖然您可以使用箭頭或三角形元素完成此操作,但wave會(huì)提供一個(gè)微妙的指令。用戶不覺(jué)得他們被迫進(jìn)入可點(diǎn)擊的元素或消息。
Recruitz使用wave來(lái)創(chuàng)建行動(dòng)號(hào)召和屏幕底部的推薦信息之間的分離。柔軟的分隔線可以幫助眼睛輕松地在元素之間來(lái)回切換,并在元素之間創(chuàng)造出深度,因此設(shè)計(jì)不會(huì)感覺(jué)清楚。(明亮的配色方案也有幫助。)
波插圖
盡管波浪可以成為背景的有影響的獨(dú)立元素,但它們也可以合并到一個(gè)插圖中。這種柔和的感覺(jué)與許多最近流行的強(qiáng)硬線條和最小圖標(biāo)有所不同,但結(jié)果是用戶可以輕松進(jìn)入的簡(jiǎn)單視覺(jué)效果。
波浪也可以幫助創(chuàng)造柔和的白色空間。Retrace Health使用帶有波浪的背景來(lái)緩慢移動(dòng)屏幕。通過(guò)對(duì)元素之間的空白量進(jìn)行微妙的改變,波浪的起伏會(huì)增加和減少圖像與標(biāo)題之間的空間,從而幫助推動(dòng)眼睛向上移動(dòng)。
平衡硬直線
浪潮可以做的不僅僅是獨(dú)立自主,波浪也可以作為背景元素來(lái)幫助平衡視覺(jué)計(jì)劃中的強(qiáng)硬路線或其他元素。如果審美過(guò)于苛刻或者需要一點(diǎn)點(diǎn)平衡來(lái)感覺(jué)恰到好處,可以考慮一種波浪式的元素修復(fù),
Ghafari的設(shè)計(jì)包含一個(gè)細(xì)微的波浪,你可能乍看之下甚至不會(huì)真正看到。眼睛更吸引人的照片有趣的形狀,明亮的彩色文字,甚至在頂角的黃金按鈕。但是灰色的浪潮是將它們拉在一起的一塊。波浪平衡更重,更嚴(yán)厲的形狀,以便設(shè)計(jì)不會(huì)感到不平衡或失控。這很簡(jiǎn)單,幾乎完全落入背景。
這項(xiàng)技術(shù)很重要。并非所有的設(shè)計(jì)元素都可以告訴用戶。有時(shí)候設(shè)計(jì)元素更加隱蔽,并且起到支持作用,以幫助項(xiàng)目保持平衡并確立正確的感覺(jué)。
建立背景分離
波浪和柔和的線條似乎是一個(gè)可以讓Material Based分層設(shè)計(jì)看起來(lái)不那么公式化的元素。背景波可以創(chuàng)建相同類(lèi)型的分隔,而不是嚴(yán)格的矩形和圓形以適應(yīng)圖層或基于卡片的元素。
和其他例子一樣,結(jié)果會(huì)稍微輕一些,音色要求也較低。
波浪也可以適用于另一種趨勢(shì) - 漸變。Algolia在這兩種風(fēng)格中都做了很好的分層元素。該設(shè)計(jì)雖然使用了多種效果,但感覺(jué)簡(jiǎn)單易讀。
創(chuàng)建參與動(dòng)畫(huà)
當(dāng)你想到“波浪”時(shí),可能會(huì)想到海洋。一個(gè)標(biāo)準(zhǔn)的波形動(dòng)畫(huà)被保存到最后才能保持這種邏輯聯(lián)系,當(dāng)它涉及到這種設(shè)計(jì)趨勢(shì)時(shí),就不會(huì)打動(dòng)你的思想。
但它是波浪的完美用戶。動(dòng)畫(huà)波可以模仿海洋的節(jié)奏和自然流動(dòng),營(yíng)造舒緩和諧的視覺(jué)效果。
Futuramo用時(shí)間相對(duì)性網(wǎng)站來(lái)做到這一點(diǎn)。背景波互相無(wú)縫地流動(dòng)。他們很簡(jiǎn)單,并以自然的方式移動(dòng)。不同的是,這些方式實(shí)際上與屏幕上的內(nèi)容無(wú)關(guān)。當(dāng)用戶瀏覽其他內(nèi)容時(shí),他們只需設(shè)置場(chǎng)景以獲得平靜的體驗(yàn)。
這個(gè)例子展示了如何用一個(gè)簡(jiǎn)單的視覺(jué)主題來(lái)捕捉觀眾,這個(gè)主題貫穿了內(nèi)容。由于通過(guò)內(nèi)容和設(shè)計(jì)講述的故事時(shí)間方面,它也很好地連接起來(lái)。
結(jié)論
曲率更大的曲線為項(xiàng)目創(chuàng)造了不同的流程和氣氛。簡(jiǎn)單地將曲線添加到直線可以改變整個(gè)項(xiàng)目的感覺(jué),使其不那么沉重并且更具吸引力。
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:公司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁(yè)制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話
400-611-9921
您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)