首頁?>?知識(shí)?資訊?>?今年4月也許會(huì)流行的網(wǎng)站設(shè)計(jì)趨勢(shì)?>?正文

今年4月也許會(huì)流行的網(wǎng)站設(shè)計(jì)趨勢(shì)

2018/3/12 0:00:00 · 稿源:傳誠信

CARRIE COUSINS:春天之后,溫度的反彈直接影響情緒的變化。 這一點(diǎn)也反映在最新的網(wǎng)頁設(shè)計(jì)工作中,最終以網(wǎng)站設(shè)計(jì)趨勢(shì)的形式呈現(xiàn)。 與冬季比較大膽的色彩運(yùn)用,更多的燈光和黑白色調(diào),更具針對(duì)性和面向海報(bào)的主頁設(shè)計(jì)相比,所有這些趨勢(shì)都將在4月份發(fā)酵和改變。

1. 海報(bào)式首頁

全屏頁面設(shè)計(jì)已經(jīng)流行了一段時(shí)間,大圖片和全屏視頻背景是這種網(wǎng)頁最常見的元素之一?,F(xiàn)在,這種頁面設(shè)計(jì)開始出現(xiàn)微妙的變化:復(fù)雜的導(dǎo)航和額外的文本信息被刪除,頁面以類似于電影海報(bào)的形式呈現(xiàn)。


這種設(shè)計(jì)方式受到極簡(jiǎn)主義風(fēng)格的影響,但與其更注重視覺上的華麗風(fēng)格和凝聚力的表現(xiàn)。


盡管這種設(shè)計(jì)方法對(duì)用戶來說聽起來不太合適,但如果將其與合理的視覺效果結(jié)合起來,它不會(huì)更糟。實(shí)現(xiàn)一個(gè)優(yōu)秀的海報(bào)風(fēng)格主頁的關(guān)鍵在于視覺效果和字體的選擇和設(shè)計(jì)。沒有足夠的空間來創(chuàng)建視覺上的信息吸引力,整個(gè)頁面難以創(chuàng)造出足夠的凝聚力視覺效果。


這種設(shè)計(jì)趨勢(shì)中最令人擔(dān)憂的是,沒有多種類型的視覺元素(即使包含導(dǎo)航和CTA按鈕),用戶閱讀和掃描的內(nèi)容也不多于其他頁面。目前,視覺設(shè)計(jì)與整個(gè)頁面是否會(huì)給用戶留下深刻的印象直接相關(guān)。


在以下三種情況下,每個(gè)頁面以不同的方式顯示海報(bào)主頁的概念。

托菲諾度假村這個(gè)網(wǎng)站通過一個(gè)大背景圖片和一個(gè)完整的字體設(shè)計(jì)來創(chuàng)建一個(gè)類似海報(bào)的體驗(yàn)。 導(dǎo)航隱藏在右上角的漢堡包圖標(biāo)中。 CTA按鈕也用于避免重影并成為幽靈按鈕圖標(biāo)旁邊。

Ruya Digital選擇黑色背景的簡(jiǎn)單設(shè)計(jì)。 屏幕中央的動(dòng)畫和有趣的文字處理效果足以吸引用戶的注意力。 其他文字信息大多放置在屏幕的邊緣,使用戶可以盡可能地將焦點(diǎn)放在屏幕的中心。。 同樣,此頁面沒有導(dǎo)航設(shè)計(jì),而是將導(dǎo)航信息隱藏在漢堡包圖標(biāo)中。

Flux Broadcast此頁面使用更加突出的視頻背景體驗(yàn)。 相應(yīng)地,屏幕上的其他元素被設(shè)計(jì)得不那么突出。 該網(wǎng)站為人們提供了視頻觀看體驗(yàn),而不是網(wǎng)站頁面。 導(dǎo)航被卷入漢堡包圖標(biāo),設(shè)計(jì)師為其添加了綠色背景,以便讓漢堡包圖標(biāo)不那么突兀。 在右下角的小動(dòng)畫箭頭鼓勵(lì)用戶在觀看視頻后循環(huán)播放。

2. 紫色為主的配色方案

不要忘記,2018年的潘通色彩是紫外線(18-3838)。在發(fā)酵的頭幾個(gè)月后,這種年度Pantone色彩逐漸在網(wǎng)頁設(shè)計(jì)領(lǐng)域發(fā)揮影響力。


盡管絕大多數(shù)網(wǎng)頁設(shè)計(jì)師并不一定選擇紫色作為設(shè)計(jì),但Pantone在年度內(nèi)推出的潘同學(xué)確實(shí)讓更多的人認(rèn)為紅色和藍(lán)色以及兩者的結(jié)合。這種色彩搭配的優(yōu)點(diǎn)在于它可以很好地與當(dāng)今流行的其他流行趨勢(shì)相結(jié)合,比如鮮艷的色彩材質(zhì)設(shè)計(jì)和復(fù)古的設(shè)計(jì)風(fēng)格。


紫色本身是一種獨(dú)特且不太常見的顏色。這可能是您的網(wǎng)站在競(jìng)爭(zhēng)中脫穎而出的原因。它通常以藍(lán)色顯示,并且更容易創(chuàng)建一個(gè)良好,獨(dú)特的第一印象。


有很多紫色的游戲。紫色的不同顏色可以創(chuàng)造不同的氛圍,傳達(dá)不同的情緒,可以使它變得更紅,創(chuàng)造一個(gè)愉快和快樂的心情;你可以讓它變黑,創(chuàng)造出更深更神秘的心情;你也可以讓它青睞藍(lán)色,營造出更加寒冷的氛圍。


在以下三種情況下您會(huì)看到紫色的各種用途以及它與其他不同領(lǐng)域之間的良好兼容性。 紫色是神秘的,但它也很友善,并且具有良好的兼容性。

3. 漸變色+文本

漸變色不僅適合與圖片疊加,而且可以與文字元素形成良好的搭配。


目前,網(wǎng)頁中的字體設(shè)計(jì)傾向于使用簡(jiǎn)單的字體,并附帶“額外的東西”。 這些額外的東西可以是顏色或圖片,用于填充文本字體。


隨著漸變色的返回,用漸變色填充字體成為一種新選擇。 如果您可以接受漸變顏色,那么填充文本字體也可以創(chuàng)建出色的視覺效果。


在Zoocha中,文本是主要的視覺元素。 設(shè)計(jì)師將使用從黃色到綠色的漸變填充文本。 在黑色背景下,它非常醒目。

愛情迷失此頁面還使用了黑色背景,字體選擇了優(yōu)雅的襯線字體,這與主題非常一致,并且哪種漸變顏色是白色到粉色漸變,視覺上非常合適的設(shè)計(jì)

在Michael Rappaz的投資組合網(wǎng)站中,漸變顏色并未填充到文字中,而是圍繞文字填充。 借助高光澤漸變動(dòng)畫,設(shè)計(jì)師可以使這部分文字充滿視覺吸引力。 其余的比較簡(jiǎn)單,這使得文本更容易被注意到。

結(jié)語

就目前而言,我們觀察到的趨勢(shì)實(shí)際上都具有相對(duì)長(zhǎng)久的生命力。 它們通常植根于非常重要和主流的設(shè)計(jì)趨勢(shì)。 全屏海報(bào)風(fēng)格的網(wǎng)站設(shè)計(jì)無疑將極簡(jiǎn)主義和對(duì)終極視覺效果的追求結(jié)合在一起。 紫色的流行無疑與潘通時(shí)尚色彩的逐漸火熱發(fā)展息息相關(guān)。 文字字體和漸變的結(jié)合無疑是經(jīng)典元素和流行。 顏色組合。

原文作者 :?CARRIE COUSINS?


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354