拆分屏幕布局設(shè)計是指分為兩個或多個相等垂直列的全屏Web組件。然而,盡管分屏布局設(shè)計是最新流行的風(fēng)格,但仍是一個大膽的選擇,因?yàn)槿绻麤]有一個合理的邏輯,很有可能會影響客戶體驗(yàn)度。正確使用分屏布局設(shè)計可以為用戶提供美妙的觀看體驗(yàn)。
為什么要使用分屏布局設(shè)計?
分割屏幕組件在極簡主義的網(wǎng)頁設(shè)計中效果最好,因?yàn)樨?fù)空間與粗體垂直分隔相結(jié)合,在重要區(qū)域增加了最高的重點(diǎn)。除了這些優(yōu)點(diǎn)之外,分屏布局設(shè)計的益處遠(yuǎn)遠(yuǎn)超出視覺美觀;它們對于使用兩個并排可選選項來設(shè)計網(wǎng)頁特別有效。
一些明顯的例子包括:
·登錄和注冊表單
·付費(fèi)和免費(fèi)訂閱
·交替顏色的產(chǎn)品
拆分屏幕組件的很好示例
首先,讓我們看看一些了不起的例子,并討論為什么他們的做的那么好。拆分屏幕布局設(shè)計可以以多種不同的方式呈現(xiàn),因此各個站點(diǎn)之間的優(yōu)勢各不相同,這取決于網(wǎng)站要實(shí)現(xiàn)的主要目標(biāo)。
Cam Strobel
并非每個網(wǎng)站設(shè)計都需要訪問整個水平視口。使用超小的設(shè)計,如Cam Strobel的網(wǎng)站,將屏幕分成兩個垂直列意味著所有的內(nèi)容可以在折疊,完全不需要用戶滾動。
Studio meta
全寬“大標(biāo)題”設(shè)計仍然很常見 - 這是一個巨大的趨勢,然而,很少有機(jī)會使用大膽的圖像,由于缺乏文本可讀性(我們通常需要模糊的圖像顏色疊加)。 拆分屏幕布局解決了這一點(diǎn),Studio meta向我們展示這種效果。通過使圖像和內(nèi)容并排,我們可以使用更加豐富多彩,更勇敢,更深刻意義的圖像,因?yàn)槲覀儾槐匾匀魏畏绞秸诒螆D像。
Bose
分割屏幕不一定由兩個50個組件組成 - Bose使這一趨勢達(dá)到極限,該網(wǎng)站甚至沒有嘗試適應(yīng)較小的屏幕。無論這個外觀多么漂亮,響應(yīng)式設(shè)計是你必須考慮的事情,可能很難適應(yīng)分屏布局到更小的設(shè)備。除此之外,這是我最喜歡的分屏示例,因?yàn)椴季衷试SBose通過使用不同的顏色顯示獨(dú)特的個性。 結(jié)合前衛(wèi)的對角形狀,這個網(wǎng)站真的抓住了我的眼睛。
......
當(dāng)然,蒙特這類的網(wǎng)頁設(shè)計經(jīng)典案例還有很多,各行業(yè)的,各區(qū)域的,這方面的技術(shù)和經(jīng)驗(yàn)以及品牌塑造的理念,蒙特品牌設(shè)計16年來沉淀的非常好,這一點(diǎn)也是很多網(wǎng)建互聯(lián)網(wǎng)公司不可比擬的。蒙特網(wǎng)站設(shè)計公司同樣被??低暋⑷A為等諸多名企看好,并長期友好合作。在這里,把蒙特推薦給需要的你!
©2000-2022 杭州蒙特信息技術(shù)有限公司版權(quán)所有
Mountor、蒙特是Mountor Corp.的注冊商標(biāo)。