优德体育中文app網站設計中非對稱分屏的精美設

作者:优德体育中文app   |   时间:2020-09-21 06:34   |   浏览:146   


有些趨勢會永遠伴隨我們,變成經典的解決方案。有些人消逝

得無影無蹤。你可能認為所有的網站設計趨勢都可以分為這兩類,但這并不完全正確。另有
另一類趨勢,它們的生活有起起落落和平靜的時期。這種趨勢一直在出現和消逝
,其中一個網站設計趨勢就是分屏的使用。

分屏幾年前在網絡上掀起了一陣風暴,這在當時非常流行。甚至另有

一些基于這種方法的WordPress主題。這是一件大事。然而,慢慢地,它的巨大的受歡迎程度消逝
了,我們開始忘記這個有趣的主頁面區域的布局解決方案。

另一對采用相同技術的例子是EffectLab和人工智能-Cytora。它們都利用了較大的左側裂縫。原因很簡樸

。左邊是用戶開始探索屏幕的地方。這是我們自然的閱讀行為模式。所以,這是一個主要
的東西應該放置的地方,比如標志、口號等等。效應實驗室的團隊正是這樣做的。

在Cytora的案例中,團隊采用了分屏技術,使故事報告

的體驗更加刺激。因為
主題是人工智能,這對一些人來講
可能有點使人
生畏和討厭。所以,這個團隊做了正確的事情。因為
采用了分割式布局,他們成功地利用動畫來吸引用戶的興趣,不會讓訪問者感到不知所措。相反,它們作為愉快的陪伴材料。

HomeSociete用干凈的表面和大量新鮮的氛圍

與在線觀眾見面。第一個塊包含歡迎圖片和垂直導航,而第二個塊包含所有內容,以«About»部分開始,以«Contacts»結束。這兩個區域之間的過渡是非常無縫的:你輕輕地從一個部分流動到另一個部分。

FelixLesouef使最大限度地從最小的方法,不僅在內容方面,而且設計。他的投資組合看起來并不謙遜。看起來精致而優雅。雖然可以分別

三列,但只有兩個塊。第一個塊包括分為兩部分的導航。它總是靜止的。第二個塊顯示內容,這取決于所選擇的選項。整潔干凈。

下面的示例演示了如何使用空缺

或重疊來讓事情變得更有趣,考慮15雀。它與前面示例中的兩個塊相同。然而,該團隊在右側區域添加了一些生動的空缺
,并讓標題與之重疊。以這樣的方式,屏幕似乎是分開的,但在這里仍然兩個部分形成一個大的畫面。簡樸
和優雅。

和前面的例子很像,支持Fru的團隊。它還使用空格來扭轉拆分屏幕的解決方案。像往常一樣,這里有兩個街區。注意,它們的寬度和高度是相同的。然而,因為

圖像大小的差異以及大量的空缺
,左邊的塊看起來比右邊的塊小。因此,后者具有更顯著的視覺權重,更能吸引我們的眼球。

GQ日本和機車呈現了一個小趨勢的滑塊,利用不對稱分割屏幕的概念。從本質上講,該解決方案是基于傳統的垂直分割布局,即左側比右側大。這樣,左側就扮演了一個伴生的角色。你可以在這個區域放置導航,標志,標題等。

右邊是用來承載內容的。這還不是全部;另有

另一個街區位于兩邊的交叉口。就《GQ》雜志而言,它顯示的是一幅圖片,而機車用它來播放視頻。這個街區連接了所有的東西,同時也成為了一個引人注目的地方。聰明的和有趣的。



Go To Top 回顶部