2018年Dribbble上流行的10個UI設計趨勢

設計 12-11

不管你是否喜歡，越來越多的設計師及團隊在dribbble上分享他們的想法和實踐。有些展示了他們的實時項目，還有一些則分享了可能影響未來設計的概念方法。無論如何，像所有設計社區一樣，Dribbble反映了該領域中的流行趨勢。那麼，讓我們來看看這個夏天一些熱門的UI設計趨勢。當然，有很多例子。

1. 網頁上漂亮的插圖

在網頁設計領域，定製的數字插圖被用作主題圖像，這是今年最大的趨勢之一。無論你何時打開頁面，你都會看到網站或登陸頁面上有一個醒目的、引人注目的插圖。在大多數情況下，它被放置在屏幕的左半部分，而右邊的部分則顯示的是文本。還有種情況是，圖像可能會對角分割頁面。一種更流行的方式是將數字藝術作品作為博客文章的標題圖片，在這篇文章中，您可以在頁面的頂部找到它。

原始圖片是為Web布局添加獨特閃光點的好方法。更重要的是，用戶對圖片的感知速度比文字更快，因此插圖提高了吸引用戶注意所提供產品和服務的資源或優勢的機會。

InVision的教育設計基因項目插圖說明：本文介紹了Google在設計方面的研究。

Mike Creative Mints的登陸頁面為孩子們展示了一個移動應用程序，它的插圖中有醒目的粗體字體和可愛的卡通形象用來傳達視覺信息。

Dmitri Kharchenko為社交服務提供的主頁概念應用了大型主題插圖來傳達情緒，並立即提供有關服務性質的信息。

在這個網頁設計中，設計師Ksenia Shokorova將自定義主題插圖用作全屏背景圖像。

2.為移動端定製插圖

在移動界面中，使用定製插圖的趨勢也在穩步增長。在各種風格中，插圖支持以講故事的方式作為導航和登錄的一部分。

Nimasha Perera的概念中，插圖支持用戶從系統獲得通知

Icons8中有趣的插圖使得app的入門教程變得生動形象。

3. 分屏

分屏幕經常出現在今年的Dribbble鏡頭中。由於不同的原因，屏幕或頁面可能會被拆分，例如：

設置引人注目的色彩對比。

分離不同的內容。

分離不同的交互區域。

展示選項的二元性。

使內容更具響應性。

UI8的網頁設計概念應用了分屏，以便直觀地呈現選項的二元性。

Giga Tamarashvili的網頁設計理念，在極簡主義界面和有限的調色板中使用了分割背景作為現代風格對比的基礎。在分割的背景上覆蓋的視頻和文本，使構圖變得統一。

4. 引人注目的字體和排版

精心設計和有吸引力的字體和排版依然沒有過時。文本因此不再單調，使其有意義且美觀。精心選擇的字體能傳達情感，優秀的排版能建立起強大的視覺層次。Dribbble告訴我們，設計師們並沒有失去對字體的熱情。

Zhenya Rynzhuk的電影中心主頁的設計主要特點是大膽醒目的字體。它使頁面呈現出類似海報的外觀，恰到好處的留白也使標題增強了可讀性。

Zhenya Rynzhuk的另一個基於排版的概念：沒有圖像，只有文本，在字體和流暢的動畫間構建出一種高級感。

5. 流行的紫色調

關於顏色選擇的趨勢，紫色調似乎佔據了很大的份額。在色彩心理學中，它被認為與奢侈品（皇室和財富），激情和神秘相關的; 它被描述為具有藍色穩定性以及紅色能量感的顏色。我不敢說這就是為什麼現在這麼多設計師轉向這種顏色的原因，或者僅僅因為它很時尚。無論如何，今年它在所有色調和漸變中都處於領先地位。然而，值得一提的是，今年年初飆升的趨勢在夏季有所放緩，這為其他顏色選擇提供了更多空間。