網(wǎng)站視覺設(shè)計(jì)和功能設(shè)計(jì)之間始終存在平衡。我們知道，設(shè)計(jì)的許多“規(guī)則”的存在是為了使視覺效果更加實(shí)用。

　　并非所有目前流行的技術(shù)都完全正確。但是有時(shí)會(huì)違反規(guī)則，對(duì)嗎?你可以考慮這些趨勢(shì)，并確定它們是否對(duì)你有用。(沒有正確或錯(cuò)誤的答案。)

　　以下是2019年11月網(wǎng)站設(shè)計(jì)趨勢(shì)。

　　1.模糊的文本元素

　　當(dāng)涉及文本元素時(shí)，首先想到的往往是可讀性。

　　更多設(shè)計(jì)項(xiàng)目正在展示文本元素，這些文本元素在其他元素中被部分遮蓋或隱藏。盡管這些設(shè)計(jì)看起來很酷，并且在視覺上令人驚嘆，但實(shí)際上是否可行還值得商榷。

　　以下每個(gè)示例以略有不同的方式使用此趨勢(shì)。

　　Granyon Party在分層設(shè)計(jì)(背景，文本，動(dòng)畫插圖)中使用了超大尺寸的文本，其中的文字被連字并在設(shè)計(jì)元素的后面。盡管模糊的文本相當(dāng)容易閱讀，但加上連字符和單調(diào)調(diào)色板會(huì)使其變得有些棘手。

　　Lafaurie Paris在深色圖像層上使用黑色文字，兩者之間幾乎沒有反差。在可讀性方面，這使主要文本元素成為了視覺上令人驚嘆的設(shè)計(jì)的挑戰(zhàn)。

　　Ride&Crash的Paco Judo Popcorn的文字層位于半透明動(dòng)畫插圖的后面。讀起來并不難，但是確實(shí)會(huì)讓你停下來思考一下屏幕上的文字?？臻g的使用有助于吸引人的注意力，并使其更容易消化。

　　在所有這些示例中，設(shè)計(jì)必須權(quán)衡一些大問題：視覺顯示器值得犧牲可讀性嗎?訪客會(huì)了解設(shè)計(jì)并與之互動(dòng)嗎?

　　2.動(dòng)畫球體

　　圓圈一直是流行的設(shè)計(jì)元素。它們帶有大量的象征意義和含義，可以為項(xiàng)目設(shè)定正確的語調(diào)。圓也比硬性元素(例如按鈕或號(hào)召性用語)的剛性稍差。

　　更大的動(dòng)畫球體是吸引用戶進(jìn)入設(shè)計(jì)元素并吸引眼球的可靠方法。

　　這種趨勢(shì)元素可能是純裝飾或起著更多的功能作用。

　　2ndstree將右邊界下方的大球體用作輔助導(dǎo)航。中間的圓圈具有鏈接和懸停動(dòng)畫以幫助發(fā)出此動(dòng)作信號(hào)。底部的圓圈是一種運(yùn)動(dòng)的裝飾，有助于吸引眼球并鼓勵(lì)用戶向該方向移動(dòng)鼠標(biāo)，從而激活其他圓形按鈕。

　　Eslam Said使用屏幕中央的一個(gè)大球體，通過簡(jiǎn)單的移動(dòng)即可在投資組合網(wǎng)站中吸引視覺關(guān)注。簡(jiǎn)單的設(shè)計(jì)和運(yùn)動(dòng)很難讓人感受到舒緩的感覺。

　　《 Incentro世界》使用了多個(gè)球體，這些球體以較小的運(yùn)動(dòng)和精美的動(dòng)畫作為裝飾元素。此外，設(shè)計(jì)使用紅色的圓形光標(biāo)來鼓勵(lì)與設(shè)計(jì)的結(jié)合。(如果你稍微點(diǎn)擊一下該站點(diǎn)，你還會(huì)發(fā)現(xiàn)它利用了此處提到的第一種趨勢(shì)，并帶有不同層次的模糊文本。)

　　3.大的左邊距

　　作為不對(duì)稱平衡的擁護(hù)者，這可能是我個(gè)人最喜歡的趨勢(shì)。這些設(shè)計(jì)使用較大的左邊界和與視覺上更完整的右側(cè)相對(duì)的空白區(qū)域，并帶有淡出屏幕的美術(shù)元素。

　　它們通過視覺重量創(chuàng)造了精美的不平衡狀態(tài)，吸引了整個(gè)屏幕的目光。

　　但是這種風(fēng)格并不適合每個(gè)人，尤其是如果你真的更喜歡對(duì)稱時(shí)。這種風(fēng)格的挑戰(zhàn)在于元素如何在較小的移動(dòng)或垂直屏幕上堆疊。其結(jié)果通常不如臺(tái)式機(jī)出色。

　　Ervaxx使用簡(jiǎn)單的動(dòng)畫與大膽的粗體文本配對(duì)。大字體大小抵消了右側(cè)動(dòng)畫Blob的權(quán)重。

　　liftedlogic將英雄文本元素跨白色(ahem，黑色)空間插入視頻。空間的使用確實(shí)將視線吸引到整個(gè)文本中，并再次進(jìn)入圖像中。

　　Cognito在屏幕上使用平衡的權(quán)重以及文本和線條插圖。此處的空間使設(shè)計(jì)感到忙碌而無需同時(shí)處理許多元素，包括導(dǎo)航菜單，標(biāo)題，輔助文本，兩個(gè)按鈕，動(dòng)畫插圖和聊天框。

　　結(jié)論

　　可能會(huì)喜歡時(shí)尚設(shè)計(jì)的外觀，但從不使用該技術(shù)，因?yàn)槟銢]有發(fā)現(xiàn)它可以與你的內(nèi)容一起使用，或以關(guān)注可用性的方式工作。沒關(guān)系。這就是趨勢(shì)之美。他們引發(fā)了對(duì)話，并促使所有網(wǎng)站設(shè)計(jì)師進(jìn)行更大更好的思考。