一個(gè)屏幕一分為二。分屏顯示技術(shù)早已在電影界已知的,與早期的例子可以追溯到20世紀(jì)早期的無聲電影天,它仍然是一個(gè)流行的設(shè)備在當(dāng)今電影和電視。的分割畫面布局是在使用時(shí)全屏元件被分成兩個(gè)或更多個(gè)垂直部分。從電影“歪小子史考特”場景然而,這對網(wǎng)頁設(shè)計(jì)行業(yè)一個(gè)相對較新…
一個(gè)屏幕一分為二。
分屏顯示技術(shù)早已在電影界已知的,與早期的例子可以追溯到20世紀(jì)早期的無聲電影天,它仍然是一個(gè)流行的設(shè)備在當(dāng)今電影和電視。
的分割畫面布局是在使用時(shí)全屏元件被分成兩個(gè)或更多個(gè)垂直部分。從電影“歪小子史考特”場景
然而,這對網(wǎng)頁設(shè)計(jì)行業(yè)一個(gè)相對較新的技術(shù)。分屏不僅成為風(fēng)靡全世界-2016年年中,現(xiàn)在我們有越來越多的網(wǎng)站即采用這種設(shè)計(jì)模式。為什么有這種設(shè)計(jì)模式變得如此受歡迎,有幾個(gè)原因:
當(dāng)你有兩件事情,以促進(jìn)分割畫面特別好。例如,當(dāng)某個(gè)網(wǎng)站提供兩個(gè)完全相反的變化。這種方法允許設(shè)計(jì)突出這兩件事,并允許用戶在它們之間進(jìn)行快速選擇。
一個(gè)屏幕,在Dropbox的指南兩條消息
分屏設(shè)計(jì),不擴(kuò)大以及內(nèi)容的增長,因此不建議將它們應(yīng)用到內(nèi)容重布局。重要的是要保持畫面簡單,因?yàn)閺?fù)雜的分割畫面讓與信息過載的UI外觀是很重要的。這就是為什么分屏布局將是簡約的網(wǎng)站設(shè)計(jì)完美契合。
如果你正在考慮為您的網(wǎng)站分屏技術(shù),我勸你要問自己幾個(gè)問題:
最重要的是要記住,內(nèi)容為王和分屏應(yīng)該是傳遞信息給人們一個(gè)簡單的方法。
由于平板和材料設(shè)計(jì),鮮艷的色彩和戲劇性的排版是大趨勢了。鮮艷的色彩視覺刺激和戲劇性的排版增強(qiáng)了文本內(nèi)容。簡單地將二者結(jié)合起來,你會產(chǎn)生視覺上有趣的設(shè)計(jì)。Baesman已經(jīng)巧妙地做到了這一點(diǎn)。他們給了同樣重要的,而這兩個(gè)元素,在同一時(shí)間,使用戶可以快速地在它們之間進(jìn)行選擇。
鮮艷的色彩和有趣的排版對可以添加興趣
不僅僅是一個(gè)簡單的圖形趨勢多,分割屏幕分成兩個(gè)不同的部分提供了一個(gè)原始的方式通過您的網(wǎng)站,以引導(dǎo)用戶。當(dāng)你要?jiǎng)?chuàng)建的號召性更大的焦點(diǎn)這是一個(gè)很好的選擇。在下面的例子中,你可以看到負(fù)的空間中形成垂直分隔給予同等的權(quán)重,以兩種不同的選擇。
垂直分隔允許強(qiáng)調(diào)兩個(gè)不同的CTA不偏袒任何
當(dāng)畫面分割代表一個(gè)對象,它建立內(nèi)容容器之間的連接是非常重要的。一種可能的方式做到這一點(diǎn)是通過使用一種顏色。簡單地復(fù)制不同的顏色,以建立兩個(gè)屏幕之間的視覺流程。這種效果尤其好一個(gè)品牌顏色或色調(diào)有很多的對比。使用顏色有可能進(jìn)行溝通兩個(gè)部分內(nèi)容之間的更強(qiáng)的連接。
另一種可能的方法來創(chuàng)建一個(gè)強(qiáng)大的連接是分層的單個(gè)元素,如在各種屏幕上的文字副本:
文字重疊連接兩個(gè)屏幕
最后但并非最不重要,你可以使用有顏色的疊加用于此目的:
考慮屏幕的左側(cè)部分
精細(xì)的動(dòng)畫和互動(dòng)效果鼓勵(lì)用戶點(diǎn)擊??纯从糜凇霸O(shè)計(jì)契訶夫還活著下面的”網(wǎng)站。設(shè)計(jì)求你點(diǎn)擊找到你的性格。
大約需要三秒鐘的訪問者做出關(guān)于你的網(wǎng)站的決定。因此,如果你想降低跳出率,你的布局應(yīng)該總是訪客友好。分屏技術(shù),可以幫你。分屏的設(shè)計(jì)是一個(gè)有趣,實(shí)用,反應(yīng)迅速的方式來創(chuàng)建一個(gè)嚙合設(shè)計(jì)。