圖形和字型是增加**視覺體驗的重要元素,即使它們並不會佔據很大空間,影響依然非常明顯。如果你仔細觀察這個月的網頁設計趨勢,會注意到設計師在處理字型排版和圖程式設計客棧形元素的時候非常仔細,充分利用這些元素的概念來營造更為優秀的設計。
1、斑點和氣泡元素不少設計師開始利用諸如斑點和小氣泡這樣的裝飾性元素,分散在網頁的各個角落。這些裝飾性的元素大多以小圓點的形式呈現,它們的形態多種多樣,但是總體上有著吸引視線kgolesrmm、豐富視覺的功能。即使是基於相同的設計概念,不同的氣泡和斑點,讓每個設計專案都有著不同的性格。
這些元素可以是任何色彩,而微妙的漸變和高飽和度的色調是目前設計師的最愛。斑點和氣泡本身在形態上也有著柔和流暢的特點,讓整個氛圍顯得圓潤順滑。
設計師借助氣泡在整個畫布上進行構圖,通過襯托來營造深度,借助動效營造動靜對比,所有的這些設計可以以不高的成本創造出時髦有趣的設計感。而所有的這些大都是為了乙個目的:創造出使用者偏好的視覺入口。
總的來說,斑點和氣泡是一種吸引使用者注意力的有效設計元素。如果你用的好,它們不僅可以作為裝飾而存在,還可以作為視覺引導,控制整個頁面的動線,給使用者以視覺上的自然指引,創造出富有流動性的頁面布局。
andy
wedze
sretks
2、「懸浮的」矩形元素這是網頁設計當中,另外一種流行廣泛但是尚未有正式定名的一種設計趨勢。帶有「懸浮」效果的矩形元素它開始出現在各式各樣的網頁當中,從產品展示型的**到各種品牌的**頁面,幾乎無處不在。
也許是因為懸浮的矩形元素讓圖層以一種有趣的方式呈現出來,這種設計技巧和視差滾動、動畫可以很好地結合到一起。現在這種設計趨勢已經表現的非常明顯了。
通過帶有懸浮效果的圖層,各種元素可以獨立地按照自己的方式執行。這個概念和material design 中「紙」的意象很接近。不過,懸浮的矩形在概念上沒有material design 中那麼結構化,設計師可以發揮的空間也更大。
充滿流動性的設計,在視覺上是非常吸引人的,這樣的設計更容易鼓勵使用者互動,因為在這樣的設計當中,使用者會隨著設計的引導而好奇接下來會有什麼。從目前的實戰案例中可以看到,許多設計中都有懸浮的矩形元素,它們在整個布局中作為資訊的載體,可以開啟和關閉,充滿了神秘感,也承載著關鍵性的互動。
懸浮的矩形元素的優勢字啊與,它幾乎可以任何元素匹配起來,可以很簡程式設計客棧單也可以很複雜,可以簡單的幾個區塊搭配起來,也可以是由很多矩形來構成資訊流。
這一設計趨勢的優勢在於靈活自由,以及強大的可定製性。不過從獨特性上來說,相對於其他的要弱一些。
badsam
hugo-vann
copper-heart
3、和**填充文字最後的這個設計趨勢也不算太新鮮的東西,之前就有不少設計師這樣玩過,不過現在作為一種流行趨勢開始大規模地普及:將填充到相對較粗的文字字型當中。
雖然這個想法不算新穎,但是在視覺上有著強大的張力。在下面的三個案例當中,都充分地運用了這一技巧。
valnet在它的首頁左側,有乙個巨大加粗的字母v,在背景中嵌入動態的**,字母所形成的新的框架,讓**的體驗更加獨特有趣。
greatest stories retold 這個網頁中採用了相同的概念,字母背後有**在**,這種形式留給使用者更多想象力。**中的資訊其實傳遞出來的並不多,更多的是色彩和明顯的運動感,它們真正的功能是誘使使用者點選並檢視更多的網頁內容。
belly q 這個網頁則使用了的縮放來創造更為微妙的動效。前景是www.cppcns.com乙個黑色的覆蓋層,而使用者能夠透過中間鏤空的字母q看到背景的**。分層效果並不複雜,但是這種方法非常有效地創造出了視覺焦點。
網頁設計中將被淘汰的8個趨勢
時代一直在變,乙個又乙個的創新讓我們感到驚訝萬分。網頁設計的趨勢如同流星,光芒耀眼,但來得快 去得也快。雖然跟風很不好,顯得毫無設計主見,但很多設計潮流確實值得追隨。就像當下響應式設計 扁平化設計 以及滾動視差等。可是呢,還有很多極為 糟粕 的設計趨勢,本文一一枚舉,請君對號入座。1.除了 線時代的...
如何實現UI設計的可讀性呢?推薦這3個方式
在網際網路時代,使用者體驗一直是老生常談的問題,想要提公升使用者體驗自然離不開ui設計師。其實使用者體驗的好壞和ui設計作品的可讀性也有很大的關係。那麼,如何實現ui設計的可讀性呢?很多剛剛入行的新手並不清楚。下面,我就給大家簡單講一下這個問題。ui介面的可讀性一般受三方面因素影響較大,分別是 頁面...
8個在網頁設計中即將被淘汰的趨勢
時代一直在變,乙個又乙個的創新讓我們感到驚訝萬分。網頁設計的趨勢如同流星,光芒耀眼,但來得快 去得也快。雖然跟風很不好,顯得毫無設計主見,但很多設計潮流確實值得追隨。就像當下響應式設計 扁平化設計 以及滾動視差等。可是呢,還有很多極為 糟粕 的設計趨勢,本文一一枚舉,請君對號入座。1.除了 線時代的...