來源:派臣科技|時(shí)間:2021-01-09|瀏覽:次
在新的一年里,不要錯(cuò)過這些網(wǎng)站設(shè)計(jì)趨勢(shì)。這個(gè)月的所有趨勢(shì)都是視覺化的——不像前幾個(gè)月那么多的用戶界面元素,但是所有的都是驚人的和可用的。
以下是本月的設(shè)計(jì)趨勢(shì)。
1. 白光3D場(chǎng)景
三維場(chǎng)景不僅僅是這個(gè)月的一個(gè)趨勢(shì),而且可能是你一年中看到的最大的網(wǎng)站設(shè)計(jì)趨勢(shì)之一。
它們提供了一種很好的方式來展示產(chǎn)品圖像,設(shè)計(jì)一些帶有插圖或動(dòng)畫的視覺效果,并為用戶提供可用性和可理解性提示。
這是一種多才多藝的技術(shù),可以與真實(shí)或創(chuàng)建的圖像工作,也“COVID-friendly”,這是設(shè)計(jì)師在過去幾個(gè)月里不得不考慮很多問題。(在設(shè)計(jì)中恰當(dāng)?shù)膱D像是一個(gè)真正需要關(guān)注的問題,就像試圖設(shè)計(jì)沒有能力制作傳統(tǒng)照片的項(xiàng)目一樣。)
所有這些項(xiàng)目——以及許多其他項(xiàng)目——的巧妙之處在于,它們的設(shè)計(jì)都以白色或淺色背景為基礎(chǔ)。燈光效果創(chuàng)造了一種更容易的視覺情緒,干凈,強(qiáng)調(diào)形象。
這個(gè)網(wǎng)站設(shè)計(jì)趨勢(shì)解決了很多問題,而且看起來很不錯(cuò)。
谷歌的云設(shè)計(jì)在白色背景上使用了3D動(dòng)畫,并添加了大量深度元素。演示對(duì)象的主調(diào)色板將它們組合在一起,引導(dǎo)人們?yōu)g覽每個(gè)標(biāo)注標(biāo)簽。
屏幕上的紅色文字水晶純適合完美的白色對(duì)白色的3D圖像的設(shè)計(jì)。紅色口音會(huì)把你帶到屏幕上的不同位置,并且給人一種干凈的感覺。
Hofmann & Hofmann使用相同的概念,但方法略有不同。背景仍然是明亮的,有一種真實(shí)感和3D對(duì)象,但它沒有那么呆板和白色。這種感覺比單純的白色更溫暖和誘人。
2. 這么多的大寫字母
如果你沒有偉大的藝術(shù)作品或圖像,用版式自己制作。
這個(gè)趨勢(shì)看起來可能會(huì)對(duì)你吼叫,但它仍然在大多數(shù)情況下是有效的——好吧,只要你不連續(xù)的出現(xiàn)太多的網(wǎng)站設(shè)計(jì)!
這一趨勢(shì)的有趣之處在于,許多設(shè)計(jì)都采用了大寫字體和襯線字體。這些風(fēng)格已經(jīng)有點(diǎn)卷土重來了,但這種用法很有趣,原因有很多。
使用全部大寫時(shí),最難的部分是保持可讀性。這就是為什么在常規(guī)字體、斜體和粗體中會(huì)看到一些差異,以及多種字體的使用。目標(biāo)是創(chuàng)造一個(gè)良好的閱讀流與驚人的視覺存在。
當(dāng)你的屏幕上有“簡(jiǎn)單”的單詞時(shí),這種趨勢(shì)最有效。太多的長(zhǎng)或復(fù)雜的字母組合很快就會(huì)變得很有挑戰(zhàn)性。
確保在這些項(xiàng)目中尋找復(fù)活節(jié)彩蛋:
Emotion Agency在每個(gè)單詞旁邊都有“揮舞”的小插圖(游戲邦注:同時(shí)也是導(dǎo)航),當(dāng)你將鼠標(biāo)懸停在單詞上方時(shí)。
Mill3 Studio有一些動(dòng)畫,從文本在加載和滾動(dòng)時(shí)飛進(jìn)飛出,到表情符號(hào)的微妙動(dòng)作。
比扎羅有一個(gè)有趣的小貓視頻,上面有一個(gè)小警告,不要在上面徘徊,但你絕對(duì)應(yīng)該在上面徘徊。
3.空的地方
這篇綜述的最后一個(gè)趨勢(shì)是對(duì)當(dāng)前時(shí)代的一個(gè)鮮明提醒。每個(gè)網(wǎng)站設(shè)計(jì)的特點(diǎn)是空的地方或位置。
這種風(fēng)格的圖像在大流行之前就已經(jīng)被避免了,因?yàn)槁糜尉包c(diǎn)希望游客感覺自己是一個(gè)熱鬧環(huán)境的一部分。不是今天。如果你去旅行,你可能會(huì)覺得更安全,或者想要一個(gè)更隱蔽的環(huán)境。
這些地方的所有圖像和視頻都證明了這一點(diǎn)。
設(shè)計(jì)師們用新的鮮明的圖像來做這些設(shè)計(jì),或者在視頻剪輯中插入一些空白的幀,或者在顯示更多人的時(shí)間的圖像中插入一些空白的幀。即使是包含人的場(chǎng)景,也只顯示出很少的人,更多的是關(guān)注于單獨(dú)的活動(dòng)。
Paragon Oak通過在夜晚展示一個(gè)美麗的燈光位置來做到這一點(diǎn)。請(qǐng)注意,使用夜間照片可以消除人們?cè)谀睦锘蛩麄冊(cè)谧鍪裁吹葐栴}。(這是一個(gè)聰明的選擇,當(dāng)顯示一個(gè)空的地方的圖像。)
維也納的巴黎之旅展示了水上的船只和美麗的背景。當(dāng)你認(rèn)為水上的船只上有人的時(shí)候;你看不到他們,感覺每個(gè)人都被隔離在自己的“豆莢”里,這是一個(gè)適合大流行旅行的選擇。
Maryculter的房子展示了各種各樣沒有人的圖片——度假村位于美麗的場(chǎng)地上;空蕩蕩的,但卻一塵不染的房間,還有幾個(gè)人獨(dú)自站在地上的畫面。再一次,這個(gè)地方的空曠自然讓我們覺得更適合我們所居住的時(shí)代。
結(jié)論
在過去的一年里,我們?cè)谠O(shè)計(jì)趨勢(shì)中看到的一件事是與流行病相關(guān)的。圖像的構(gòu)成,元素在屏幕上的排列方式,影響著我們生活的方方面面。
雖然“空屋”圖像和視頻的趨勢(shì)現(xiàn)在很大,但在大流行后可能會(huì)消退。盡管,它可能在相當(dāng)長(zhǎng)的一段時(shí)間內(nèi)仍有意義。隨著時(shí)間的推移,這一趨勢(shì)將會(huì)發(fā)生什么,這將是一件很有趣的事情——它會(huì)持續(xù)下去還是逐漸消失?