每個月我們都會發布一個我們在網上看到的三大趨勢綜述。有時他們是正在經歷文藝復興的老人,有時他們是新的想法,只是在增強勢頭。
這個月我們正在仔細研究滾動上面的演示文稿。這是您看到的第一件事,也是用戶輸入您網址時的第一印象。因此,它是發現網站設計趨勢的合理位置。
1.幾乎難以閱讀的文字
由于如此關注可讀性和可訪問性,這種趨勢可能有點令人驚訝。設計師正在嘗試難以閱讀的英雄文本元素。
這不是文本元素不可讀; 你只需要停下來思考一下它們。
為什么這種技術會起作用?這些實例中的文字更像是一種藝術元素,雖然這些文字具有意義,但由于視覺成分,它們引起了我們的注意。文本旨在讓您看起來更長久。
以下每個示例都以稍微不同的方式進行此操作。
MetaVie w使用分屏設計,文本元素可在分屏上更改顏色。在左側,顏色較柔和,更透明,而更大膽,右側缺乏透明度。單詞是可讀的,但你肯定需要幾秒鐘來處理它們。
元
完美包括兩層文字。超大的前景圖層可讓您考慮屏幕中缺少的字母以填充單詞。背后有一層蒼白柔和的背景層,文字翻轉90度,讓你仔細觀察消息。
完美
Next Creative Co.將輪廓字體與動畫和漸變筆觸邊框混合。雖然這可能是這組示例中難以閱讀的元素,但它清楚地表明了這樣的設計如何迫使您放慢閱讀速度。你的大腦會很快地處理“讓它成功”,并且幾乎需要動畫的整個持續時間來理解短語中的最后一個單詞。
2.在你的臉上
與醒目的圖像相比,很難找到更直接的方式來與用戶建立聯系。使用面部來傳達情感會產生更加明顯的聯系。
面對面的設計趨勢可以通過令人驚嘆的特寫人物形象來實現。視覺效果創造了直接的焦點和影響力。在開始處理屏幕上的單詞或其他信息之前,用戶立即感覺到某事。
這種趨勢的好處在于它旨在將用戶連接到內容。
對于下面的每個示例,您可能會發現很難將視線移開。你首先看屏幕上的臉部,并且像Coulee Creative設計一樣,你甚至可以微笑一下。它激起了好奇心。您開始掃描設計的其余部分以了解它的含義。
這種趨勢對你而言。從一開始就很容易陷入如此強烈,引人注目的視覺設計中。這些示例中的每一個都有一個額外的元素,動畫可以不斷增加對面部的興趣。
Coulee Creative包括多個制作各種面孔的人,Muax有一個圖像卷軸(雖然圖中的圖像是你臉上最多的),而Roobinium使用一個小故障動畫,因為角色轉向直接看用戶。
3.左邊的所有文本
有一段時間,英雄標題的趨勢是在屏幕中間使用大文本。你仍然會在設計中看到很多。(這是永遠不會變老的概念之一。)開始獲得動力的是一種更加片面的布局,屏幕左側的所有文字都是,而圖像和圖形則在右側。把它稱為左對齊很誘人,但它不止于此。
在適當加權時,此布局會創建不同類型的對稱。屏幕左側和右側的元素需要感覺重量相等,以便眼睛穿過信息井。