雖然夏季似乎是趨勢放緩的時候,但網站設計仍然在發生新的變化。通常這是設計演變的季節,而不是對標準設計實踐的完全徹底改變。新的設計元素和交互方式不斷涌現,使網站體驗更加豐富和吸引人。
暗色調搭配鮮艷文字
深色背景是一種永遠不會過時的設計趨勢。隨著潛移默化的改變,文本顏色也從淺色或白色變得更加明亮。這樣可以在設計中建立更愉快的情感連接,減少了過于冷酷的感覺。
在完全黑暗的背景下,明亮的顏色幾乎可以是任何顏色,高對比度的深淺搭配確保了可讀性。挑戰在于次要元素較淺,可能導致閱讀時的困擾。
"9×8 項目" 使用了一些最明亮的顏色-霓虹黃,在黑暗的區域,即使尺寸較小,文本仍然易讀。
丹·伊克巴爾在他的作品集設計中使用了深色背景搭配明亮的橙色文本。所有內容都很容易閱讀,并且顏色很吸引人。背景中旋轉的文本是一個不錯的額外裝飾。
最后,Keelvar展示了明亮的色彩選擇也可以出人意料。明亮的紫色可能不是你的首選,但它在這個設計中很好地將元素融合在一起。
圓角卡片元素
卡片元素不斷演變,并且這種網站設計趨勢也不例外,它采用了所有帶有弧形邊緣的卡片樣式。
這些卡片的好處是它們可以與任何其他設計風格結合使用。以下示例展示了它們如何與白色背景和圖像內容相融合。
弧形邊緣的卡片可以是平面的,也可以由于陰影而具有維度或深度,還可以包含動畫或懸停效果。內容幾乎可以是任何東西,從圖像到文本到視頻,甚至是它們的組合。
以下是三個不同網站的示例:
GET的卡片樣式最簡單,采用了帶有弧形邊緣的超大豎直容器。每個卡片中都有文本和CTA元素。這些卡片在首頁上發揮了作用,為用戶提供了視覺上令人驚嘆的焦點,并帶來互動體驗。
Same Same Studio堆疊了兩行帶有豐富顏色的小卡片。每個卡片都是一個帶有懸停狀態的CTA按鈕。這些卡片的獨特之處在于其中的內容是多樣的,包括照片、動畫、視頻和靜態畫面。
Zach Hayes在他的作品集網站上將卡片嵌套在卡片中。每個元素都使用相同的曲線邊緣,明亮的白色美學令人愉悅??ㄆ系纳疃仍睾团虐嬖貫樵擁椖吭鎏砹藰O簡主義的感覺。
鋸齒形對齊
這些設計可能會讓你問,柵格在哪里?圖像甚至文本的鋸齒形狀可以創建出平衡或失衡的感覺,這取決于使用方式。不管哪種版本,都能構建一個適用于主頁或整體設計的視覺主題。
斜線對齊可以是垂直的、水平的,或包含階梯式元素。所有這些樣式都有一種離開常規柵格的感覺,但大部分情況下,它們仍然是在柵格上,只是不是你預期的那種柵格。
為了有效地建立這種模式,你需要一些元素。另一方面,你不希望在斜線對齊中有太多元素,否則會讓人感到不知所措。理想情況下,需要3到7個元素。
Mocha Café and Bar使用構成其商業名稱的字母進行了鋸齒形狀的排列。文本有兩個水平基線,以保持排版的有序。
瑞士豪華酒店正在垂直和水平方向上采用這種技巧,這表明在響應式設計方面可能會帶來挑戰。這種設計在較大的屏幕上效果最佳,閱讀體驗也最好。
Oaks Lane采用了一種圖片的階梯式排列方式,從主頁一直延伸到整個設計的滾動部分。階梯有時出現在圖片的頂部行,也可用于圖片框的下方。這種使用蜿蜒樣式的方法非常優雅,但需要高度意識到圖片選擇的有效性。
在考慮如何使用或融入設計趨勢時,有時候細微的變化反而是最好且最實用的選擇。將這些變化看作是你已有設計方案的演進過程。
經過幾次設計改進后,就能擁有一個全新的設計方案,而無需進行重大的改動。
精選文章: