幾何

今天小編給大家帶來的原創文章是2月的三大基本設計流行趨勢,設計師們正以超大的元素、明亮的色彩、甚至是一點點打破規則來擁抱大膽的概念,一起來看看吧!

在冬季的幾個月里,我們更加易于使用藍色,并在設計工作中使用較深的調色板和較慢的節奏感覺來表現出來,但這不是目前項目的發展趨勢。

設計師們正以超大的元素、明亮的色彩、甚至是一點點打破規則來擁抱大膽的概念。以下是本月的設計趨勢:

 

01?獨占標題

Homepage Headline Heroes獨占標題

獨占標題的區域再次從具有大量文本,CTA和用戶選項的網站入口變為帶有大標題的簡單顯示(也許沒有太多其它元素)。

超大標題和文本元素的使用讓用戶對網站和設計的含義一目了然,但是如果用戶不進行滾動的操作,那么也不會呈現出更多的信息,用戶也就不能瀏覽更多內容。不過這可能也沒什么關系。得益于移動設備的主導地位,用戶已經習慣了滾動的操作。它甚至可能正在變為消化內容的首要選擇(甚至比點擊還多)。

滾動的方式速度很快,允許用戶在幾乎沒有延遲或任何交互的情況下瀏覽內容和信息。

下面的每個網站示例都是這樣設計的:

下圖中白色頁面一打開,有一個大標題,其中的文字信息僅僅包含他們的愿景和聲明,而沒有其它內容。你可以通過滾動來訪問項目并深入了解有關品牌的信息。

下圖中的英文POST SELF EVIDENT POEMS實際上并沒有滾動的操作,而是進入了可用性提示。它源自于一個獨占標題區域,其目的是為吸引你進入它的內容頁面。

下圖中,當用戶進行了滾動的操作后,獨占標題區域中的巨大英文標題ILLUME下方會出現其他內容。這種設計的不同之處在于它包含一些圖像,不過由于字體大小的原因,這些圖像排在文本之后。

 

02?桃色

Peachy?Tones桃色

用春天的色彩打敗冬天的憂郁!放眼望去,桃色似乎無處不在。

盡管桃色這種趨勢可能是從已經流行的其他鮮艷顏色(例如粉紅色和橙色)演變而來的,但它依然具有許多實際的應用。設計師們會使用它作為諸如Grain&Mortar和Monokai之類的主要顏色,或者用來創建像Kevin Van der Wijst的作品集里那樣的基調。

桃紅色調有很多種選擇,它可能偏粉紅色,也可能偏橙色。它可以是高飽和度的,也可以是比較黯淡的。桃紅色調的好處是,它們的力度沒有那么強,并且可以與背景色或前景色發揮同等出色的作用。將桃色用于排版印刷元素時,可能會有些麻煩,具體取決于字體樣式和對比元素。

另外,大面積的桃色往往比小面積更能反襯出其他元素。請注意,即使在下面的精選作品集中有其它突出的元素,桃色也占據了畫布的很大一部分。(你甚至可以使桃色區域占據大部分屏幕)

 

03?輪廓字體

Outline Fonts 輪廓字體

無論是小型項目,還是大型品牌,使用輪廓字體的趨勢都正在激增。事實上,輪廓字體是相當重要的。有一種流行趨勢是這樣的,如果你沒有在實際案例中看到這種趨勢,或是將其運用得很好,那么當你聽說這種趨勢時,一定不會想到要去使用它。輪廓字體就是這樣一種趨勢。

不過正如我之前說的那樣,輪廓字體的使用是一種挑戰。它們所產生的效果幾乎與超大填充字體產生的效果相反。但是神奇的是,輪廓字體確實會產生引人注目的效果,它將會把你的注意力吸引到屏幕中的文字上。

輪廓字體幾乎總是與填充的相同字體同時出現,這樣的組合創造出了陰陽效果,可以幫助用戶更加容易地投入到閱讀當中,延長他們的閱讀時間。同時,當兩者放在一起使用時,它們之間產生的對比作用還會使得填充字體產生更強烈的強調效果。

這里有個使用輪廓字體的小訣竅,那就是不要太過沉迷于輪廓字體,而要使得圖像中的字母具有足夠的對比度以保持可讀性。

Fitlab的海報設計師經常使用輪廓字體,在這張圖中,設計師多次使用輪廓字體,結合視頻素材,將這些元素放在一起,重點突出為“personal”(個人)培訓。這樣的設計確實達到了應有的效果,讓人一眼就看到了海報中突出的部分。

在下一個頁面上,Chilly Source使用輪廓字體作為品牌名稱,這樣做的好處是,盡管這個名稱之前在首頁上已經提到過3次了,但是這里再次提到的時候,由于使用的是輪廓字體,就不會讓用戶有種太多品牌名字撲面而來的感覺,但同時由于這里確實又再一次提到了品牌名稱,所以也能使得用戶對品牌再一次留下印象。

這一個頁面中Vitesse Trucking使用輪廓字體的方式又更上一層樓。這里的文字既是信息,又是視差樣式滾動設計中運動的藝術元素。輪廓字體不僅是填充字體的一個不那么引人注目的復制,同時還產生了一些層次感和覆蓋感,以使觀察者的眼神始終保持移動。這樣有趣的用法可能是大多數人想不到的。

結論

說了這么多,事實上我首先必須要承認,你可能會發現我的設計中并沒有太多桃紅色。雖然它適用于我之前說的這些項目,但它并不是我的最愛。

另一方面,我喜歡使用輪廓字體。這是一種很時髦的設計,可以為文本元素提供少見的深度。不知道你是怎么想的呢?在接下來的幾個月中,你將使用怎樣的設計趨勢呢?

 

原文地址:webdesignerdepot

譯文地址:應謀鬼計(公眾號)

作者:阿童

轉載請注明:學UI網 » 2020年2月–三大基本設計流行趨勢

登錄收藏
 
你可能喜歡的:
一文讀懂2020年最全設計趨勢一文讀懂2020年最全設計趨勢
新擬物化會是2020年的UI設計趨勢嗎?新擬物化會是2020年的UI設計趨勢嗎?
細節提升:用漸變巧妙提升產品質感!細節提升:用漸變巧妙提升產品質感!
遠程辦公會是未來設計團隊的大趨勢嗎?遠程辦公會是未來設計團隊的大趨勢嗎?
2019年海外設計趨勢回顧2019年海外設計趨勢回顧
為什么甲方不喜歡極簡主義為什么甲方不喜歡極簡主義
【海平面】預測2020年色彩流行趨勢【海平面】預測2020年色彩流行趨勢
大熱!12個2020年網頁&UI/UX設計趨勢預測!大熱!12個2020年網頁&UI/UX設計趨勢預測!
關于「微信 7.0.9 for iOS 改版」的一點思考關于「微信 7.0.9 for iOS 改版」的一點思考
2020年網頁設計最新趨勢及原因2020年網頁設計最新趨勢及原因
?
泰凌微电子上市的最新消息