形狀和字體是兩個元素,它們可以給網站設計項目帶來很大的影響,即使它們并不總是占據最大的空間。如何設計形狀和字體,加上一點額外的東西,這個月肯定會出現(xiàn)在流行趨勢上,有大量的項目使用這個概念。
以下是本月的設計趨勢:
1.泡沫和氣泡
沒有清晰定義的形狀的松散形狀出現(xiàn)在各處。雖然大多數(shù)形狀都是圓形的,但并不總是這樣。由于缺乏更好的描述,這些“blobs”常常作為重音來吸引眼球,并突出特定的內容(最明顯的是主要的標題)。使用這些blobs的好處是每個項目看起來都不一樣,即使使用的是完全相同的概念。形狀幾乎可以是任何顏色,盡管細微的漸變特別受歡迎,因為它們是明亮的顏色選擇。形狀可以是柔軟的,流體的,或者更有意圖的和光滑的。
設計師使用blobs來構建畫布,突出元素來創(chuàng)造深度,包括在一個可能感覺靜態(tài)的地方的動畫,并結合一個設計元素,這只是有點古怪。所有這些原因導致設計的結果相同——這是用戶的一個關鍵的可視化入口點。無論你的形狀是一個泡沫——更圓、更有彈性的設計元素——或者blob——一個更不成形的、流動的元素——它可以是一種有趣的、視覺上有趣的吸引用戶的方式。這些形狀還可以作為設計中元素和頁面之間的可視“線程”。當內容或圖像沒有明顯的流時,這種技術尤其有用。
2.“漂浮”的矩形
這是另一個沒有真名的網站設計趨勢,但貌似離網的浮動矩形是正式的東西。從簡單的投資組合頁面到品牌網站設計,這種技術無處不在。也許是因為它創(chuàng)建了有趣的層,可以很好地使用視差滾動動畫,這一趨勢已經持續(xù)了一段時間了。這種風格的真正優(yōu)點是它允許每個圖像或矩形框架擁有自己的標識。這個概念類似于流行的卡片風格,它是谷歌的材料設計文檔的主要部分。這里的關鍵區(qū)別在于,設計感覺不太結構化,而且更有組織性。設計的流暢性在視覺上很有吸引力,并鼓勵交互,因為用戶會想看看接下來會發(fā)生什么,或者其他的矩形容器里會有什么。正如您從示例中看到的,這些設計中的許多都是在畫布上脫落的浮動矩形,這一技術創(chuàng)造了一些神秘,并可以提示用戶進行交互。
這一設計趨勢的最好的部分是它幾乎適用于任何類型的內容。浮動塊可以像內容規(guī)定的那樣簡單或復雜。這個概念只適用于少數(shù)幾個街區(qū)。它使用超大塊來創(chuàng)建深度或多個小塊,以吸引用戶進入不同類型的內容。關鍵在于,有機會在許多不同的方法中使用這一趨勢,創(chuàng)造出一種使用趨勢的定制設計,但卻沒有一種模式化的感覺。
3.Image-Filled排版
這個月的最后一個趨勢對所有業(yè)余印刷工來說都很有趣。設計人員選擇填充類型(或創(chuàng)建層,以復制圖像填充的外觀),并使用厚塊樣式的字母。雖然這個觀點并沒有什么特別的新意,但對這個概念的解釋卻是。下面的三個例子都使用了一些文本填充的移動圖像。在網頁左側的白色框架中,Valnet將其簽名“V”剪掉。在后臺,一個視頻循環(huán)播放。信中的圖像是背景中的視頻的一部分。這是一個很好的效果,讓設計師可以使用一個更垂直的框架,而不需要一個奇怪的視頻框架。最偉大的故事也使用了同樣的概念,但留給用戶更多的想象力。在背景中有視頻b-roll,但它實際上只在星形設計中創(chuàng)造了一種運動和色彩的感覺。它所做的是吸引用戶點擊并真正進入網站的設計和內容。
肚皮Q仍然使用放大和縮小的照片來創(chuàng)造微妙的運動。前景有一個暗的疊加和唯一完整,明亮的顏色部分的設計是在字母“Q”?!胺謱有芎唵?,并創(chuàng)造了一個很好的重點。”即使有靜止的圖像,簡單的運動也有助于吸引眼球,并為用戶創(chuàng)建一個焦點,讓他們了解他們正在瀏覽的網站的名稱和品牌,并鼓勵他們了解更多。使用動畫填充字體的技術有一種與生俱來的神秘感。這些設計幾乎要求用戶在網站上點擊,以更好地了解圖片中的內容。大多數(shù)用戶都是高度可視化的,在設計中這個小問號實際上可以鼓勵交互。一定要讓互動更容易理解和完成,這樣你就不會讓用戶感到沮喪或失落。
總結
在接下來的項目中,你能看到哪些趨勢?每一種設計方案都可以用于小型用途,例如主頁或登陸頁面設計,或者擴展到一個全面的項目可視化計劃。每一種技術都是時髦的,它們并沒有被單一的元素束縛,也不會被認為是過時的。