米蘭設計
上期介紹了2021年21個網頁趨勢第一趴,今天我們接著放送第二彈!
關鍵詞
越來越多的設計師通過各種各樣的形式向觀者敘述故事。這就是滾動敘事的源頭-視覺敘事可以增強故事的色彩並將觀者吸引到其故事中。
限制滾動練習的最佳應用:
越來越多的設計師開始接受黑暗模式的美感,黑色提供了完美的黑暗背景,使設計元素從屏幕上更加明顯。
▲圖:Obys Agency頁面
在下面的示例中,Obys Agency設計了對時裝設計師Peter Lindbergh的致敬,將精美的背景與美麗的襯線字體配對。
不久以前,網站呈現的只是文本和一些圖像或圖形。而現在卡通插圖比如以健康的人類形象表現在網頁設計上時受到了強烈的歡迎。
▲圖:Blush網頁
Blush是查找自定義角色插圖的絕佳平臺,例如藝術家Vijay Verma的作品。
網格很簡單,但是如何將其集成到設計中卻具有很大的挑戰性。幾何網格正以一種簡潔大膽的外觀吸引著人們的注意力,成為一種合理布局的元素。
▲圖:Hudson Gavin Martin網頁
Hudson GavinMartin的設計將網格用於導航欄。這些大的顏色方塊在有趣的同時也可以很好地吸引觀者的注意力。
▲圖:Skin Labs網頁
我們可以在化妝品公司Skin Labs的這種幾何網格布局中又快又好地發現商品。
遊標可能是網頁設計中最容易被忽視的方面之一,我們大多數人都對普通的滑鼠箭頭習以為常。 但當設計人員將這個微不足道的部分變成一個很酷的東西時,這確實是一項質的飛躍。
▲圖:Büro網頁
查看Büro變形的圓形光標,它會根據懸停的地方來改變滑鼠的樣式。
我們很高興看到滾動條成為網頁設計中不可或缺的一部分。無論是水平滾動還是垂直滾動,它們都可以讓網站動起來,這是呈現信息的好方法。
▲圖:Ofcina網頁
Ofcina網站的滾動卡使用了醒目的顏色陣列。
稀疏的白色使設計更簡潔,也讓任何具有顏色的元素更加引人注目。
▲圖:Latinxs Who Design網頁
Latinxs Who Design的網頁具有大量白色空間,懸停效果的設計可將每個設計師的黑白圖像轉換為全彩色。這樣的做法讓即使是最小的平面設計之類的東西,仍然可以通過微交互,動畫和其他動態效果獲得引人入勝的體驗。
▲圖:User Experience Database網頁
User Experience Database網頁也採用了去色設計,讓信息能更輕易的被觀者捕捉與閱讀。
將音頻作為設計的組成部分,可以消除視覺障礙者的訪問性障礙,並能成為那些喜歡在網站上收聽大量文本的人們的心頭好。
▲圖:The New York Times網頁
紐約時報在他們的一些精選文章上提供伴隨音頻這一方面做得非常出色。
從印刷品中的版面汲取靈感,讓雜誌樣式的布局和傳統圖形設計的相關元素給人一種列印在紙上的視覺與觸覺的體驗。
▲圖:foundamour網頁
上面是來自Foundamour網頁的示例。它從印刷中汲取靈感,讓人們開始將該網站的內容與出版社產生聯繫。
通過使用CMS創建可重複的布局和相關集合,可以輕鬆進行更新或編輯,以達到快速創建相似的網頁的效果。因此無論是小規模使用還是大規模使用,它們對於任何組織創建和管理其設計都是有用的。
▲圖:Style guide from Saasly網頁
沒有代碼並不意味著完全消除代碼。其實程式設計師和開發人員將永遠是重要的。沒有任何代碼的意思是向那些本來可以與這一領域不相關的人開放這些專業知識領域,讓任何對這方面有想法的人都能學習並運用。
如果沒有代碼,那設計師就可以成為前端開發人員,小企業主可以進入電子商務領域。不管您是誰,沒有任何代碼可以使您的生活變得更加豐富。它消除了非設計人員,設計人員和開發人員之間的分界線。
設計趨勢|2021年21個網頁設計趨勢一覽(1)
2021年室內設計趨勢一覽