
1對1定制服務(wù),PC端+手機端+小程序多端應(yīng)用
2021年2月,網(wǎng)站設(shè)計的最新趨勢
2021年06月20日瀏覽:
過完年的2月,我們來看看2月份網(wǎng)頁設(shè)計中的視覺趨勢。雖然一些趨勢更多地植根于用戶體驗或酷JavaScript,但其他趨勢純粹是美學。從顏色到形狀再到攝影風格,我們來看看這個月的流行趨勢。
黑色和白色
黑色和白色的設(shè)計模式是永恒和經(jīng)典的,他們有一種復(fù)雜的感覺,可以用于各種各樣的行業(yè)。黑白圖案可以延伸到網(wǎng)站設(shè)計中的其他元素——導(dǎo)航、排版、視頻等等。
黑白網(wǎng)站設(shè)計的妙處在于,它不像印刷版,在過去很長一段時間里(直到今天在某種程度上),黑白一直是報紙、書籍和雜志的共同標準,它因為缺乏色彩而引人注目。豐富的黑色和白色在屏幕上也考慮到視覺的深度。
下面的每個例子都使用了這種顏色,或者缺乏這種顏色,來幫助人們關(guān)注和關(guān)注網(wǎng)站上的信息。在這些例子中,黑色和白色也為用戶創(chuàng)造了一定的情感感受。
在規(guī)劃黑白設(shè)計時,你可以完全不使用其他顏色,也可以選擇一種突出的顏色,比如美國紀錄片,來幫助你的眼睛聚焦在焦點上,或者在屏幕上召喚行動。這里沒有對錯之分,在黑白設(shè)計模式中使用顏色(或不使用顏色)的決定取決于您希望用戶完成的設(shè)計以及他們應(yīng)該從中獲得的經(jīng)驗。
如果你仔細閱讀下面的每一個例子,你就會發(fā)現(xiàn)它們是如何使用不同的技術(shù)來創(chuàng)造互動的:
Igor Starodub:視頻
Eum Ray:毛躁的動畫
美國紀錄片:顏色口音
圓圈
用圓圈來設(shè)計并不新鮮,“完美”的形狀讓人賞心悅目,甚至是百度材料設(shè)計標準的一部分,你肯定注意到了所有那些圓形按鈕。
當談到在網(wǎng)站設(shè)計項目中使用圓圈時,考慮這個形狀的意義是很重要的。它可以為您的設(shè)計添加額外的內(nèi)容層。
康德在照片中使用圓圈,比起UI元素,它在你的臉上沒那么顯眼,但和諧和活力的光環(huán)就在那里。
百度的年度游戲使用品牌圈來吸引用戶點擊游戲問題的答案,游戲中的圓圈模仿了材質(zhì)設(shè)計界面中圓圈的顏色和大小,并再次強調(diào)了在百度的世界中,圓圈是用來互動的。
Marijn W. Bankers使用一個圓形標志和一個巨大的圓圈來表示執(zhí)行的工作類型,這兩個圓都暗示著運動,標志圓是因為它是開著的,而較大的圓是因為彩色條以輪子的形式運動。
“不露面”的照片
引人入勝的設(shè)計元素之一是在圖像中包含人臉,它可以幫助用戶連接。
那么為什么那么多的項目使用“不露面”照片呢?下面的每個例子都有人物的圖像,但是沒有人臉。
這種風格的網(wǎng)站設(shè)計和照片選擇有一個真正的目的:它允許用戶在顯示的場景中描繪自己。你可能是那個剪頭發(fā)的人,也可能是幾個在餐桌上開心吃飯的朋友之一?;蛘吣憧赡苤皇潜贿@一系列沒有眼神交流的圖片所吸引。
當屏幕上出現(xiàn)人臉時,用戶的眼睛會自然地停下來,幾乎讓眼睛滿足于圖像的主題(尤其是當圖像和人臉很大的時候)。如果沒有這個暫停(盡可能快地),用戶將繼續(xù)掃描整個設(shè)計。他們可能會看到一些他們在其他情況下看不到的東西,它可以給圖像添加一個不同的焦點。
雖然這種不帶臉的照片風格并不適用于所有情況,但它是有效的。將這個概念用于不需要強烈情感牽引的更一般的想法。
如果你正在計劃一個沒有面孔的設(shè)計,和攝影師進行對話,這樣照片就會在腦海中形成。僅僅剪掉一個腦袋不會產(chǎn)生同樣迷人的效果,反而會非常不和諧。
匿名照片的另一個用途?如果你必須使用普通圖片,這是一個有效的技巧。它可以隱藏太普通的模型,這樣你的設(shè)計看起來就不會一成不變。
結(jié)論
視覺趨勢的好處是你可以將它們整合到其他的趨勢元素中,或者彼此結(jié)合。例如,黑白攝影,已經(jīng)在所有的設(shè)計學科中使用了幾十年;另外,你可以把它和一些很酷的用戶體驗效果結(jié)合起來,讓這個項目真正脫穎而出。