有時網站設計的趨勢是強大的,并擊中你的臉;其他的則比較微妙,需要重新審視。這個月,你將會得到每個的一點點。
在我們的系列中,第一個趨勢是強烈和微妙的,趨勢2大多是微妙的,除非你對排版有敏銳的眼光,而趨勢3是全力以赴。
1. 強烈的英雄形象與微妙的文字
在這一趨勢中,強烈的和微妙的元素的對比和陰和陽的影響導致了一個奇妙的視覺效果。這些網站設計具有強大的英雄形象(或視頻)與微妙的排版吸引眼球,創(chuàng)造立即的陰謀。
強烈的圖像吸引你和文本元素的關鍵放在一個位置,移動的眼睛通過圖像在屏幕周圍。
這些例子中的每一個都以不同的方式使用了這種趨勢,但每一個都很吸引人,讓你想要跳入場景。大多數來自設計的“可讀”信息來自圖像或視覺表示。文本作為次要的信息元素。
這是一個相當大的轉變,從許多超大字體和英雄的治療主導網站設計在過去幾年。簡單是難以置信的。
Makena Golf Club會用一個視頻短片記錄下你想去的地方。底部角落的文本元素不會改變,當您查看圖像時,它始終與您在一起。
TEDx TughlaqRd使用醒目的黑白圖像來繪制眼睛,用較小的文本元素來解釋您所看到的內容。你甚至可以回過頭去看圖片,在看完文字后認出那個標志性的“x”。
《幸運星》或許是這一趨勢最簡單的例子,但它給了你所需要的一切。滑塊顯示有或沒有光污染的城市景觀。小文本元素用作標識符。
2. 現(xiàn)代襯線
現(xiàn)代襯線字體可以通過在每個字母中使用不同的粗細筆畫來識別。印刷體風格已經在印刷作品中流行了幾十年,比如報紙和書籍,但現(xiàn)在作為一種可愛的網站類型選擇出現(xiàn)了。
2020年6月,閱讀3個基本設計趨勢
現(xiàn)代襯線最早出現(xiàn)于18世紀末,盡管許多襯線的粗細筆畫存在極大差異,但情況并非總是如此。當用于網站項目時,這種對比通常不太明顯。
這種排版趨勢現(xiàn)在可能正在出現(xiàn),因為屏幕分辨率足夠高,可以支持它。像素化、背光和小尺寸會使現(xiàn)代的連續(xù)劇在屏幕上閱讀有些困難。但更多的擔憂已經消失。
如果你不確定從哪里開始使用襯線字體,Typewolf有一個很好的流行選項集合,可以在哪里找到它們。十大趨勢列表定期更新。
現(xiàn)代的serifs可以為項目注入很多個性元素,幾乎是它們自己的藝術元素。請注意下面的每個示例如何使用排版作為屏幕上的主導元素。
Altermind具有強大的現(xiàn)代serif中心的品牌和識別與微妙但有趣的背景。黑色背景上的白色文本是經典的,并鼓勵可讀性。
Widr Pay將現(xiàn)代襯線與超時尚的明亮背景結合在一起,形成了超級現(xiàn)代(可能還有一點復古)的風格。這種對比引起了對堆疊文本元素的注意。
托馬斯·博斯克在一幅圖像上使用了文字疊加——誠然,在可讀性方面有些挑戰(zhàn)——來吸引用戶進入他的作品集。動畫懸停技巧值得一試。(他的臉拉到了正文的前面。)
3.野獸派藝術的影響
野獸派是那些網站設計的趨勢之一,它似乎出現(xiàn)了,然后又消失了。這些設計可能是苛刻和令人生畏的。你只需要合適的內容就可以了。
下面的例子表明,使用野獸派的影響可以是一個可行的中間立場,或幫助創(chuàng)建一個不那么花哨的美學,是一個更友好的用戶。
這里的影響包括四四方方的,鮮明的字體風格以及單一的字體;可見像素和銳利邊緣;黑暗的配色方案;而且?guī)缀跏枪收蟿赢嫛?/p>
不管你是不是野獸派的粉絲,你都可以欣賞這些作品中的元素。
WeThem。美國使用了一個80年代游戲化和電影主題的視頻。所有的東西都是銳利和低分辨率的,除了主導航欄之外,沒有真正的類型元素,直到信用屏幕結束。這個例子展示的是這種風格可以傳達的情感/世代的聯(lián)系。
重新發(fā)布很有趣,因為屏幕上的字體并不是真正的野獸派,但信息的顯示和組織卻是。這是一種巧妙的方式來使用野獸派的概念,而不是用這個設計主題壓倒用戶。
設計藝術節(jié)是最殘酷的例子,但有現(xiàn)代主義的暗示,脆,圓圓的中心動畫。它不是完全的野獸派,但很接近。滾動條下面的信息使用的是monospace字體,但以黑白為主的美學是干凈和清晰的,遠沒有主頁上的英雄區(qū)域那么突兀。
結論
在研究網站設計趨勢時,最有趣的事情之一就是看有多少元素是重疊的。注意,現(xiàn)代襯線與強大的英雄/微妙的文字趨勢。請注意,現(xiàn)代serif趨勢中的一些文本元素并不像我們最近看到的那樣超大和粗體。
這樣的設計趨勢很好,因為它們是通用的和可用的。雖然我們現(xiàn)在還沒有看到很多徹底的改變,但這些調整是鼓舞人心和有趣的。
上一篇:提高電子商務網站設計的技巧
下一篇:是時候重新設計你的投資組合了嗎?