來源:派臣科技|時間:2021-04-18|瀏覽:次
每個月關(guān)于網(wǎng)站設(shè)計趨勢的寫作最好的事情是看看所有正在開發(fā)的偉大網(wǎng)站。設(shè)計師們一直在創(chuàng)造性地拓展和探索新的技術(shù)和方法。
它讓人耳目一新,鼓舞人心。這個月,其中一些趨勢包括一種野獸派風(fēng)格,有趣而新鮮的滾動幻燈片,以及動畫排版。
以下是本月的設(shè)計趨勢…
1. 幾乎獸性
野蠻主義可能會有很多東西需要處理,而且只適用于某些類型的項目。話雖如此,野獸派的一些元素可以成為有趣美學(xué)的基礎(chǔ)。
因此,出現(xiàn)一種“近乎野蠻”的趨勢也就不足為奇了。
設(shè)計師正在處理一些設(shè)計元素——平板字體、帶有大量對比的簡單配色方案、緊張的動畫、單一字體和幾乎過度簡化的整體設(shè)計模式。
其結(jié)果是一個引人注目的設(shè)計,它不會太苛刻而把用戶拒之門外。這是野蠻主義和可用性的正確結(jié)合,創(chuàng)造出人們能理解的硬邊緣感覺。
好的服裝使用打字機風(fēng)格的字體,簡單的圖案,以及你可能在電子商務(wù)商店找到的最流線型的設(shè)計之一。它是有效的,使你看起來,因為它是不同的。
Dockyard Social使用了一種意想不到的顏色組合,具有高對比度,尖銳的形狀和設(shè)計元素,以及大膽的平板字體,以立即抓住你的注意力。主題繼續(xù)滾動與新的顏色組合與同樣殘酷的設(shè)計元素。在有些地方感覺有點緊張和不舒服,但仍然非常有用——這正是almost-brutalism想要做的。
ZN Studio使用了與前一個例子相同的大而粗體的元素,并使用了抽動風(fēng)格的動畫將你吸引到設(shè)計中。整個設(shè)計使用了聰明的動畫效果和殘酷的美學(xué),讓你滾動。
2. 美麗的滑動滾動
只要你愿意,你可以爭論網(wǎng)站滑塊的價值——或者缺乏價值。然而,現(xiàn)實是,在大多數(shù)情況下,它們是笨拙的,并且妨礙了內(nèi)容。這是一個懶惰的選擇,讓你不必做出內(nèi)容選擇。
而不是這些漂亮的滑動滾動網(wǎng)頁設(shè)計。
這些設(shè)計都使用橫向滾動作為設(shè)計資產(chǎn)。這是使它工作的技巧:滑動滾動不是一堆其他內(nèi)容之上的“功能”。這是內(nèi)容的特色。
這些例子向你展示了如何很好地使用趨勢,并且應(yīng)該讓你對滑動(或側(cè)邊)滾動感到興奮。
Eduardo del Fraile使用側(cè)卷顯示不同的項目在他的投資組合。除了滾動,每個元素也有一個簡單和美麗的動畫,讓你看到他設(shè)計的每個產(chǎn)品。有關(guān)滾動運動的一切都是直觀的,網(wǎng)站從不垂直滾動,這是許多側(cè)滾動出錯的地方。
Jo Ash Sakula在側(cè)邊卷軸上使用了類似的概念,但有不同的設(shè)計元素。粗體卡片元素在顏色、對比和設(shè)計方面都很醒目。你知道卷軸會水平移動,因為第三個元素會潛入你右邊的視野。它簡單、干凈、易用性強。
克里米亞很有趣,因為它有一種“近乎野蠻”的設(shè)計風(fēng)格,并使用了橫向滾動模式。設(shè)計大膽,幾乎是壓倒性的,但滾動工作,以視覺和內(nèi)容講一個美好的故事。
3.字體設(shè)計動畫
網(wǎng)頁排版可以成就或破壞一個設(shè)計,從字體的選擇到大小和顏色,再到動畫,文字元素的每個細(xì)節(jié)都很重要。
這一趨勢探索并推動了動畫與文字元素在網(wǎng)站設(shè)計中的邊界。這很棘手。一個出色的結(jié)果和一個失敗的設(shè)計之間的區(qū)別是非常主觀的。
這些例子都通過文字和動畫創(chuàng)造了獨特的感覺。每一個流程都是無縫的,文本元素-當(dāng)合并移動-保持可讀性。
杜羅訥河的臉孔有兩層生氣。第一種情況發(fā)生在單詞出現(xiàn)在屏幕上時,因為字母的顏色和褪色發(fā)生了變化。第二個是微妙的懸浮狀態(tài)與流體感覺的字母,符合設(shè)計的水下主題。排版動畫的特別之處在于它不會扭曲字母,這是許多其他液態(tài)文本動畫都會做的事情。
Poolhouse使用透明的字母,在單詞后面有一層運動。這里非常整潔的是額外的過濾,這樣背景運動仍然工作,同時保持每個字母的完整性。再次強調(diào),保持文本的可讀性是這個設(shè)計與眾不同并具有潮流價值的原因。
Komnata采用了一種完全不同的方法,讓字母漂浮起來,看起來像氣球。這個動作模仿了你在現(xiàn)實世界中所期待的元素的外觀和感覺。用戶不需要為這個動作做任何事情。如果卷軸和指針沒有在屏幕上“畫圖”的尾巴,動畫效果可能會更好。
結(jié)論
觀察不同趨勢的變化的好處是,您可以看到實際的應(yīng)用程序,并將其應(yīng)用到您的項目中。雖然你可能不會在你的網(wǎng)站主頁上使用完整的滑動滾動,但你可以在設(shè)計的另一部分使用這個概念。
嘗試,享受樂趣,從熱門網(wǎng)站設(shè)計中汲取靈感。