每個(gè)月我們都會(huì)發(fā)布一個(gè)我們?cè)诰W(wǎng)上看到的三大趨勢(shì)綜述。有時(shí)他們是正在經(jīng)歷文藝復(fù)興的老人，有時(shí)他們是新的想法，只是在增強(qiáng)勢(shì)頭。

這個(gè)月我們正在仔細(xì)研究滾動(dòng)上面的演示文稿。這是您看到的第一件事，也是用戶輸入您網(wǎng)址時(shí)的第一印象。因此，它是發(fā)現(xiàn)網(wǎng)站設(shè)計(jì)趨勢(shì)的合理位置。

1.幾乎難以閱讀的文字

由于如此關(guān)注可讀性和可訪問(wèn)性，這種趨勢(shì)可能有點(diǎn)令人驚訝。設(shè)計(jì)師正在嘗試難以閱讀的英雄文本元素。

這不是文本元素不可讀; 你只需要停下來(lái)思考一下它們。

為什么這種技術(shù)會(huì)起作用？這些實(shí)例中的文字更像是一種藝術(shù)元素，雖然這些文字具有意義，但由于視覺(jué)成分，它們引起了我們的注意。文本旨在讓您看起來(lái)更長(zhǎng)久。

以下每個(gè)示例都以稍微不同的方式進(jìn)行此操作。

MetaVie w使用分屏設(shè)計(jì)，文本元素可在分屏上更改顏色。在左側(cè)，顏色較柔和，更透明，而更大膽，右側(cè)缺乏透明度。單詞是可讀的，但你肯定需要幾秒鐘來(lái)處理它們。

元

完美包括兩層文字。超大的前景圖層可讓您考慮屏幕中缺少的字母以填充單詞。背后有一層蒼白柔和的背景層，文字翻轉(zhuǎn)90度，讓你仔細(xì)觀察消息。

完美

Next Creative Co.將輪廓字體與動(dòng)畫和漸變筆觸邊框混合。雖然這可能是這組示例中難以閱讀的元素，但它清楚地表明了這樣的設(shè)計(jì)如何迫使您放慢閱讀速度。你的大腦會(huì)很快地處理“讓它成功”，并且?guī)缀跣枰獎(jiǎng)赢嫷恼麄€(gè)持續(xù)時(shí)間來(lái)理解短語(yǔ)中的最后一個(gè)單詞。

2.在你的臉上

與醒目的圖像相比，很難找到更直接的方式來(lái)與用戶建立聯(lián)系。使用面部來(lái)傳達(dá)情感會(huì)產(chǎn)生更加明顯的聯(lián)系。

面對(duì)面的設(shè)計(jì)趨勢(shì)可以通過(guò)令人驚嘆的特寫人物形象來(lái)實(shí)現(xiàn)。視覺(jué)效果創(chuàng)造了直接的焦點(diǎn)和影響力。在開(kāi)始處理屏幕上的單詞或其他信息之前，用戶立即感覺(jué)到某事。

這種趨勢(shì)的好處在于它旨在將用戶連接到內(nèi)容。

對(duì)于下面的每個(gè)示例，您可能會(huì)發(fā)現(xiàn)很難將視線移開(kāi)。你首先看屏幕上的臉部，并且像Coulee Creative設(shè)計(jì)一樣，你甚至可以微笑一下。它激起了好奇心。您開(kāi)始掃描設(shè)計(jì)的其余部分以了解它的含義。

這種趨勢(shì)對(duì)你而言。從一開(kāi)始就很容易陷入如此強(qiáng)烈，引人注目的視覺(jué)設(shè)計(jì)中。這些示例中的每一個(gè)都有一個(gè)額外的元素，動(dòng)畫可以不斷增加對(duì)面部的興趣。

Coulee Creative包括多個(gè)制作各種面孔的人，Muax有一個(gè)圖像卷軸（雖然圖中的圖像是你臉上最多的），而Roobinium使用一個(gè)小故障動(dòng)畫，因?yàn)榻巧D(zhuǎn)向直接看用戶。

3.左邊的所有文本

有一段時(shí)間，英雄標(biāo)題的趨勢(shì)是在屏幕中間使用大文本。你仍然會(huì)在設(shè)計(jì)中看到很多。（這是永遠(yuǎn)不會(huì)變老的概念之一。）開(kāi)始獲得動(dòng)力的是一種更加片面的布局，屏幕左側(cè)的所有文字都是，而圖像和圖形則在右側(cè)。把它稱為左對(duì)齊很誘人，但它不止于此。

在適當(dāng)加權(quán)時(shí)，此布局會(huì)創(chuàng)建不同類型的對(duì)稱。屏幕左側(cè)和右側(cè)的元素需要感覺(jué)重量相等，以便眼睛穿過(guò)信息井。