每個(gè)月關(guān)于網(wǎng)站設(shè)計(jì)趨勢(shì)的寫作最好的事情是看看所有正在開發(fā)的偉大網(wǎng)站。設(shè)計(jì)師們一直在創(chuàng)造性地拓展和探索新的技術(shù)和方法。

它讓人耳目一新，鼓舞人心。這個(gè)月，其中一些趨勢(shì)包括一種野獸派風(fēng)格，有趣而新鮮的滾動(dòng)幻燈片，以及動(dòng)畫排版。

以下是本月的設(shè)計(jì)趨勢(shì)…

1. 幾乎獸性

野蠻主義可能會(huì)有很多東西需要處理，而且只適用于某些類型的項(xiàng)目。話雖如此，野獸派的一些元素可以成為有趣美學(xué)的基礎(chǔ)。

因此，出現(xiàn)一種“近乎野蠻”的趨勢(shì)也就不足為奇了。

設(shè)計(jì)師正在處理一些設(shè)計(jì)元素——平板字體、帶有大量對(duì)比的簡(jiǎn)單配色方案、緊張的動(dòng)畫、單一字體和幾乎過度簡(jiǎn)化的整體設(shè)計(jì)模式。

其結(jié)果是一個(gè)引人注目的設(shè)計(jì)，它不會(huì)太苛刻而把用戶拒之門外。這是野蠻主義和可用性的正確結(jié)合，創(chuàng)造出人們能理解的硬邊緣感覺。

好的服裝使用打字機(jī)風(fēng)格的字體，簡(jiǎn)單的圖案，以及你可能在電子商務(wù)商店找到的最流線型的設(shè)計(jì)之一。它是有效的，使你看起來，因?yàn)樗遣煌摹?/p>

Dockyard Social使用了一種意想不到的顏色組合，具有高對(duì)比度，尖銳的形狀和設(shè)計(jì)元素，以及大膽的平板字體，以立即抓住你的注意力。主題繼續(xù)滾動(dòng)與新的顏色組合與同樣殘酷的設(shè)計(jì)元素。在有些地方感覺有點(diǎn)緊張和不舒服，但仍然非常有用——這正是almost-brutalism想要做的。

ZN Studio使用了與前一個(gè)例子相同的大而粗體的元素，并使用了抽動(dòng)風(fēng)格的動(dòng)畫將你吸引到設(shè)計(jì)中。整個(gè)設(shè)計(jì)使用了聰明的動(dòng)畫效果和殘酷的美學(xué)，讓你滾動(dòng)。

2. 美麗的滑動(dòng)滾動(dòng)

只要你愿意，你可以爭(zhēng)論網(wǎng)站滑塊的價(jià)值——或者缺乏價(jià)值。然而，現(xiàn)實(shí)是，在大多數(shù)情況下，它們是笨拙的，并且妨礙了內(nèi)容。這是一個(gè)懶惰的選擇，讓你不必做出內(nèi)容選擇。

而不是這些漂亮的滑動(dòng)滾動(dòng)網(wǎng)頁設(shè)計(jì)。

這些設(shè)計(jì)都使用橫向滾動(dòng)作為設(shè)計(jì)資產(chǎn)。這是使它工作的技巧:滑動(dòng)滾動(dòng)不是一堆其他內(nèi)容之上的“功能”。這是內(nèi)容的特色。

這些例子向你展示了如何很好地使用趨勢(shì)，并且應(yīng)該讓你對(duì)滑動(dòng)(或側(cè)邊)滾動(dòng)感到興奮。

Eduardo del Fraile使用側(cè)卷顯示不同的項(xiàng)目在他的投資組合。除了滾動(dòng)，每個(gè)元素也有一個(gè)簡(jiǎn)單和美麗的動(dòng)畫，讓你看到他設(shè)計(jì)的每個(gè)產(chǎn)品。有關(guān)滾動(dòng)運(yùn)動(dòng)的一切都是直觀的，網(wǎng)站從不垂直滾動(dòng)，這是許多側(cè)滾動(dòng)出錯(cuò)的地方。

Jo Ash Sakula在側(cè)邊卷軸上使用了類似的概念，但有不同的設(shè)計(jì)元素。粗體卡片元素在顏色、對(duì)比和設(shè)計(jì)方面都很醒目。你知道卷軸會(huì)水平移動(dòng)，因?yàn)榈谌齻€(gè)元素會(huì)潛入你右邊的視野。它簡(jiǎn)單、干凈、易用性強(qiáng)。

克里米亞很有趣，因?yàn)樗幸环N“近乎野蠻”的設(shè)計(jì)風(fēng)格，并使用了橫向滾動(dòng)模式。設(shè)計(jì)大膽，幾乎是壓倒性的，但滾動(dòng)工作，以視覺和內(nèi)容講一個(gè)美好的故事。

3.字體設(shè)計(jì)動(dòng)畫

網(wǎng)頁排版可以成就或破壞一個(gè)設(shè)計(jì)，從字體的選擇到大小和顏色，再到動(dòng)畫，文字元素的每個(gè)細(xì)節(jié)都很重要。

這一趨勢(shì)探索并推動(dòng)了動(dòng)畫與文字元素在網(wǎng)站設(shè)計(jì)中的邊界。這很棘手。一個(gè)出色的結(jié)果和一個(gè)失敗的設(shè)計(jì)之間的區(qū)別是非常主觀的。

這些例子都通過文字和動(dòng)畫創(chuàng)造了獨(dú)特的感覺。每一個(gè)流程都是無縫的，文本元素-當(dāng)合并移動(dòng)-保持可讀性。

杜羅訥河的臉孔有兩層生氣。第一種情況發(fā)生在單詞出現(xiàn)在屏幕上時(shí)，因?yàn)樽帜傅念伾屯噬l(fā)生了變化。第二個(gè)是微妙的懸浮狀態(tài)與流體感覺的字母，符合設(shè)計(jì)的水下主題。排版動(dòng)畫的特別之處在于它不會(huì)扭曲字母，這是許多其他液態(tài)文本動(dòng)畫都會(huì)做的事情。

Poolhouse使用透明的字母，在單詞后面有一層運(yùn)動(dòng)。這里非常整潔的是額外的過濾，這樣背景運(yùn)動(dòng)仍然工作，同時(shí)保持每個(gè)字母的完整性。再次強(qiáng)調(diào)，保持文本的可讀性是這個(gè)設(shè)計(jì)與眾不同并具有潮流價(jià)值的原因。

Komnata采用了一種完全不同的方法，讓字母漂浮起來，看起來像氣球。這個(gè)動(dòng)作模仿了你在現(xiàn)實(shí)世界中所期待的元素的外觀和感覺。用戶不需要為這個(gè)動(dòng)作做任何事情。如果卷軸和指針沒有在屏幕上“畫圖”的尾巴，動(dòng)畫效果可能會(huì)更好。

結(jié)論

觀察不同趨勢(shì)的變化的好處是，您可以看到實(shí)際的應(yīng)用程序，并將其應(yīng)用到您的項(xiàng)目中。雖然你可能不會(huì)在你的網(wǎng)站主頁上使用完整的滑動(dòng)滾動(dòng)，但你可以在設(shè)計(jì)的另一部分使用這個(gè)概念。

嘗試，享受樂趣，從熱門網(wǎng)站設(shè)計(jì)中汲取靈感。