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