2021年9月網(wǎng)站定制設(shè)計(jì)三大基本設(shè)計(jì)趨勢

時(shí)間：2023-10-01 00:30:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-01 00:30:02 來源：網(wǎng)站運(yùn)營

2021年9月網(wǎng)站定制設(shè)計(jì)三大基本設(shè)計(jì)趨勢：您是否對設(shè)計(jì)項(xiàng)目感到厭煩？感覺你一直在重復(fù)設(shè)計(jì)相同的東西？




這一系列趨勢——從有趣的角度到你不會(huì)期望它們冷卻3D概念的插圖——肯定會(huì)幫助你更多地思考開箱即用。這可能是治愈一些設(shè)計(jì)無聊的正確靈感。




這是本月設(shè)計(jì)的趨勢。




01

-

注意力的角度





使用角度是一種有趣的技術(shù)，因?yàn)槟旧峡梢詫⒕W(wǎng)站訪問者指向您希望他們在屏幕上看到的內(nèi)容。




角度可以是激進(jìn)的，并且具有明顯的視覺目標(biāo)。沒有那么多直接的意圖，他們也可以有一種更輕松的感覺。這種趨勢看起來有很多不同的方式，使其成為設(shè)計(jì)師的多功能選擇。




這里的三個(gè)示例中的每一個(gè)都采用不同的角度方法。




Bake Inc.使用圖像和空白的各種角度將視線從視覺元素吸引到屏幕底部的品牌名稱。如果您點(diǎn)擊進(jìn)入該設(shè)計(jì)，您會(huì)看到不僅僅是一個(gè)角度圖像設(shè)計(jì)，而是一組不斷變化的圖像和角度，它們可以完美地協(xié)同工作。












Instabase使用一組動(dòng)畫幾何形狀作為屏幕上的主要視覺元素。請注意形狀組左下角的三角形的方向拉力。它有助于引導(dǎo)用戶到屏幕另一側(cè)的“請求演示”號召性用語。















Readymag 的自定義光標(biāo)是這些激進(jìn)的角度之一。巨大的光標(biāo)是設(shè)計(jì)的內(nèi)容，但由于對象的大小和形狀，用戶也會(huì)被引導(dǎo)到“光標(biāo)”這個(gè)詞。這增加了對設(shè)計(jì)內(nèi)容的額外強(qiáng)調(diào)。通過組合和超大元素和巨大的角度，你會(huì)忍不住快速了解設(shè)計(jì)的內(nèi)容。









02

-

意想不到的插圖




這可能是我們在一段時(shí)間內(nèi)看到的最有趣的網(wǎng)站設(shè)計(jì)趨勢——項(xiàng)目和公司正在一些最意想不到的地方使用插圖。




當(dāng)您不期望的行業(yè)使用這種類型的圖像時(shí)，就會(huì)出現(xiàn)設(shè)計(jì)驚喜。一個(gè)簡單的插圖將設(shè)計(jì)提升到另一個(gè)層次，或者插圖與其他元素混合以描繪異想天開的整體場景。這些是您可以通過這三個(gè)示例中的每一個(gè)找到的內(nèi)容。




Krivitzky是一家商業(yè)律師事務(wù)所的網(wǎng)站。這根本不是您期望插圖（包括龍）的網(wǎng)站類型。雖然設(shè)計(jì)互動(dòng)起來很有趣，但很難說它是否有效。如果您需要代表，這會(huì)吸引您嗎？就合法網(wǎng)站而言，這是一個(gè)徹底的破壞者，并迫使您注意。那可能是件好事。










Studio Mesmer是那些幾乎完美的簡單低調(diào)的設(shè)計(jì)之一。鮮明的黑色背景使簡單的插圖更加引人注目。眼睛還有一個(gè)不錯(cuò)的懸停動(dòng)畫效果，可以增加驚喜。










Kenn & Kitt將插圖與真實(shí)圖像混合在一起，描繪出更加異想天開的場景。網(wǎng)站設(shè)計(jì)的插圖元素的好處在于，它有助于將網(wǎng)站與產(chǎn)品包裝聯(lián)系起來，產(chǎn)品包裝使用插圖，同時(shí)用狗的照片感覺“真實(shí)”。這是照片和插圖的明亮和陽光組合，感覺異想天開，但具有適合產(chǎn)品類別的氛圍。









03

-

3D 深度




三維網(wǎng)站設(shè)計(jì)趨勢不斷潮起潮落。現(xiàn)在，它與全屏 3D 元素一起流動(dòng)以達(dá)到最大深度，讓您感覺幾乎可以潛入屏幕。




雖然這些設(shè)計(jì)中的大多數(shù)使用插圖和動(dòng)畫來創(chuàng)建 3D 場景，但您不必遵守此示例。目標(biāo)是創(chuàng)造一些看起來和感覺身臨其境的東西，以便用戶想要參與體驗(yàn)。




媒人有一種 80 年代的游戲玩家氛圍，您可以在屏幕上感覺到自己正在走下隧道。額外的懸停動(dòng)畫會(huì)移動(dòng)屏幕，更能幫助您進(jìn)入游戲。










Hafele Discoveries使用具有前后運(yùn)動(dòng)的廣角風(fēng)格動(dòng)畫。設(shè)計(jì)的魚眼風(fēng)格增加了深度元素，前景框進(jìn)一步放大了文本和號召性用語元素。設(shè)計(jì)理念引人注目，但如果在屏幕上放置時(shí)間過長，動(dòng)作可能會(huì)有點(diǎn)令人眼花繚亂。










FiveT Hydrogen采用更“傳統(tǒng)”的方法進(jìn)行三維網(wǎng)站設(shè)計(jì)，其中包含包含深度元素的插圖/動(dòng)畫。這在帶有陰影和圖層以及各種元素（真實(shí)和插圖）的設(shè)計(jì)的滾動(dòng)動(dòng)作中被放大，讓您感覺自己是屏幕上正在發(fā)生的事情的一部分。這是一種關(guān)于清潔氫的沉浸式學(xué)習(xí)體驗(yàn)，幾乎迫使用戶不斷滾動(dòng)。3D 效果將其提升到另一個(gè)層次。










小結(jié)

-




并非每個(gè)設(shè)計(jì)趨勢都適合每個(gè)項(xiàng)目。仔細(xì)看看您要完成的工作，并將其與設(shè)計(jì)概念相匹配。




如果您想嘗試這些趨勢中的一個(gè)，但它們有點(diǎn)太過分了，請先嘗試設(shè)計(jì)的一小部分區(qū)域或登錄頁面。這是測試想法和轉(zhuǎn)化率以查看設(shè)計(jì)技術(shù)是否適合您的受眾的好地方。