
1對1定制服務,PC端+手機端+小程序多端應用
2019年3大網(wǎng)站設計趨勢
2019年07月31日瀏覽:
這種類型的網(wǎng)站設計趨勢很有趣,因為設計師要么喜歡它們,要么討厭它們??纯茨闶欠駮玫竭@些概念,以下是本月設計趨勢。
夸張的空白
這些網(wǎng)站的特點是大量的空白和強烈的最小主題很少的顏色或設計裝飾,如果你像我一樣,你就不能停止看他們。
一個視覺信息如此之少的設計是如何工作的呢?
這里的網(wǎng)站設計技巧是顛覆性的,如果你看到這些設計中的一個,它們幾乎與你訪問的任何其他網(wǎng)站都有很大的不同。這讓你停下來,看一看,想想你看到了什么。只要內(nèi)容正確,就會非常有效。
雖然這里的每一款設計都使用了大量夸張的空白,而且?guī)缀鯖]有顏色,但它們看起來并不完全一樣,而是使用互補的效果來傳達信息。
VS+公司使用了一個微妙的動畫,文本塊出現(xiàn)在超大的“POST”和“MGMT”行旁邊。文本提供了額外的內(nèi)容和有關網(wǎng)站的信息,并使用黑色,使其易于閱讀。
Lundqvist & Dallyn問了一個引起用戶興趣的問題,在主屏幕上的圖像和整個滾動功能懸停動畫,鼓勵點擊。
Jillian Hobbs使用留白來幫助用戶磨練與之交互的單詞(在本例中是項目名稱)。對于一個設計組合來說,這是一個有風險的概念,但它確實鼓勵用戶點擊具有相同視覺模式、但以圖像和顏色為特色的頁面。
銳利的邊緣和線條
雖然野獸派從未完全成為一種廣泛的設計趨勢,但它正在影響著設計師。尖銳的邊緣和線條是我們看到它顯現(xiàn)的一種方式。
最近,項目有一個更柔和的感覺梯度著色,真實的圖像或插圖,和更柔和的形狀。下面的項目有更多的硬邊,粗線和方形,這些形狀可以搭配不同的元素來建立一種感覺。結果是設計趨勢變得更硬、更強、更苛刻。它幾乎要求你看它。
未來倫敦學院使用大膽的黃色和黑色,創(chuàng)造出最野獸派的感覺的集合。即使是排版也有優(yōu)勢。
《紫石剪刀》在其主頁上有一個指向硬線的動畫扭動,給用戶帶來一種不安的感覺。為什么所有的東西都在這樣抽搐和移動?它幾乎強迫你滾動,網(wǎng)站上所有的視頻剪輯都使用了同樣的效果,感覺很像我們在TikTok社交網(wǎng)絡上看到的效果。
Unshift主要關注形狀和動畫,幾乎沒有顏色來吸引用戶。這個移動的立方體很有趣,足以引起人們的興趣。
Screen-Centered Headlines
英雄標題根本不是什么新潮流,但是你注意到主頁上大字體的位置發(fā)生了變化嗎?
它是垂直和水平居中的。
當你思考這個問題時,這個位置是有意義的。眼睛會直接到屏幕的中間,然后向其他元素擴散。但你喜歡這種超對稱的感覺嗎?
這種設計技術的另一個好處是針對移動版本的網(wǎng)站,它只適合作為桌面的移動屏幕。相反,如果文本被強定位為向左或向右,則當您從水平方向切換到垂直屏幕方向時,常常需要移動文本。
這是那些受技術以及我們?nèi)绾卧诰€使用和與設備交互影響很大的趨勢之一。
對于這樣的趨勢,唯一需要注意的是,盡管完美的對稱是和諧的,在視覺上很有吸引力,但它可能并不適用于所有的背景或圖像。如果每個人都這么做,它也會開始顯得有些無聊。
最后,考慮單詞和消息的長度,如果字符太多,這種樣式會讓人感到沉重和難以承受,并且適合短文本塊,如下面的每個示例所示。
結論
說到夸張的網(wǎng)站設計理念,你更喜歡什么顏色、空間還是排版?雖然您可以看到這些網(wǎng)站設計趨勢對彼此的一些影響,但使它們起作用的原因是將重點放在一個強大的設計元素上。
喜歡或討厭這些想法,上面的每個項目都有一個設計風格,鼓勵用戶重新考慮并考慮參與設計。