一個屏幕分為兩個。這就是網(wǎng)頁設(shè)計中的拆分屏幕。

分屏技術(shù)長久以來在電影業(yè)中已知，早期的例子可追溯到二十世紀(jì)初的沉默電影之日，而今天仍然是電影和電視的流行裝置。

當(dāng)全屏元素分為兩個或更多個垂直部分時，分屏格局正在使用中。電影“Scott Pilgrim vs the World”的場景

然而，這是一個相對較新的網(wǎng)頁設(shè)計行業(yè)。經(jīng)過重慶網(wǎng)頁設(shè)計公司及重慶網(wǎng)站建設(shè)公司發(fā)現(xiàn)此方法僅在2016年中期開始流行，現(xiàn)在我們有越來越多的使用這種設(shè)計模式的網(wǎng)站。這個設(shè)計模式變得如此受歡迎的原因有幾個：

它具有很好的審美品質(zhì)。正確執(zhí)行時，可以為用戶提供精彩的觀看體驗。

這是響應(yīng)式框架的不錯選擇。分屏設(shè)計可適用于各種屏幕，甚至是小屏幕。當(dāng)涉及較小的屏幕（如移動顯示器）時，面板可以堆疊起來。

它有助于指導(dǎo)導(dǎo)航。使用簡單的設(shè)計技術(shù)，您可以將用戶的注意力吸引到屏幕的特定部分或鼓勵用戶點擊。

拆分屏幕最好的時候

當(dāng)您有兩件事要推廣時，分屏特別好。例如，當(dāng)一個網(wǎng)站提供兩個完全相反的變體。這種方法允許設(shè)計人員突出顯示這兩件事情，并允許用戶在它們之間快速選擇。

當(dāng)你應(yīng)該避免分屏

分割屏幕設(shè)計隨著內(nèi)容的增長而不能很好地擴展，因此不建議將它們應(yīng)用于內(nèi)容繁重的布局。保持屏幕非常重要，因為復(fù)雜的分屏使UI看起來超載了信息。這就是為什么分屏布局將非常適合極簡網(wǎng)站設(shè)計。

如何判斷分屏是否適合您

如果您正在考慮為您的網(wǎng)站分屏技術(shù)，我建議您問自己幾個問題：

    適合您的內(nèi)容嗎？

    會有足夠的負面空間使布局發(fā)揮作用嗎？

    你的用戶會喜歡這個布局還是會混淆它們？

    將用戶的注意力分成兩半可以嗎？

最重要的是要記住，內(nèi)容是國王和分屏，應(yīng)該是一種簡單的方式來傳遞你的信息給人。

分屏設(shè)計技術(shù)

配對鮮艷的色彩和戲劇性的排版

由于平面和材料設(shè)計，鮮艷的色彩和戲劇性的排版是現(xiàn)在的大趨勢。鮮艷的色彩在視覺上刺激，戲劇性的排版增強了文字內(nèi)容。簡單地結(jié)合兩者，您將創(chuàng)建一個視覺有趣的設(shè)計。貝斯曼已經(jīng)這樣做了。他們同樣重視兩個元素，同時允許用戶快速選擇它們。

將用戶注意力放在CTA按鈕上

不僅僅是一個簡單的圖形趨勢，將屏幕分成兩個不同的部分，提供了引導(dǎo)用戶通過您的網(wǎng)站的原始方式。當(dāng)您想為呼吁行動創(chuàng)建更大的焦點時，這是一個很好的選擇。在下面的例子中，您可以看到負空間如何創(chuàng)建一個垂直分隔，給出兩個不同選項的相等權(quán)重。

在“屏幕”之間創(chuàng)建視覺流

當(dāng)分屏顯示單個對象時，建立內(nèi)容容器之間的連接很重要。一種可能的方法是使用顏色。簡單地復(fù)制不同的顏色以在兩個屏幕之間建立視覺流。這與品牌顏色或色調(diào)與對比度非常的出色。使用顏色，可以在兩段內(nèi)容之間傳達更強的連接。

創(chuàng)建強連接的另一種可能方法是分層單個元素，例如跨屏幕的文本復(fù)制：

重疊文本連接兩個屏幕

最后但并非最不重要的是，您可以使用彩色疊層來達到此目的：

考慮屏幕的左邊部分

使用動畫來鼓勵用戶行動

精美的動畫和互動效果鼓勵用戶點擊?？纯聪旅嬗糜凇?契訶夫活著 ” 的設(shè)計。設(shè)計讓您點擊查找您的角色。

總結(jié)

重慶網(wǎng)站開發(fā)認(rèn)為訪問者需要大約三秒鐘來決定您的網(wǎng)站。因此，如果您想減少跳出率，您的布局應(yīng)始終是訪客友好的。重慶做網(wǎng)站及重慶網(wǎng)站制作公司認(rèn)為分屏技術(shù)可以幫助您。分割屏幕設(shè)計是創(chuàng)造有吸引力的設(shè)計的有趣、功能和響應(yīng)的方式。