我們在瀏覽一些網(wǎng)站時發(fā)現(xiàn),很多網(wǎng)站的信息展示是使用分屏去展示的,例如一邊是圖片,一邊是文字,這就叫做分屏式設(shè)計。這種設(shè)計往往比平時常見的一欄式設(shè)計更加吸引用戶的眼球,展現(xiàn)出奇妙的視覺效果。下面文匯軟件小編就結(jié)合我們的一些實際案例,給大家分一些分屏式網(wǎng)站設(shè)計的優(yōu)勢。
1、吸引用戶對特定區(qū)域的注意力
在網(wǎng)頁中并排的兩欄展示不同的信息,兩欄中的信息可以是相同類型的,也可以是不同類型的內(nèi)容,這樣可以給用戶選擇權(quán),吸引用戶對特定區(qū)域的注意力。例如我們文匯軟件在做麒麟小鎮(zhèn)這個項目時,小鎮(zhèn)簡介這個版塊的設(shè)計就采用了分屏式的設(shè)計,左邊是小鎮(zhèn)的文字介紹,右邊是小鎮(zhèn)的圖片展示,左右兩邊的內(nèi)容對比,給用戶帶來了新穎的視覺效果,不僅可以帶來良好的用戶體驗,最重要的是加深了用戶對小鎮(zhèn)介紹的印象。
2、創(chuàng)建界面關(guān)聯(lián)
雖然分屏設(shè)計可以呈現(xiàn)不同的內(nèi)容,但是左右兩屏之間的內(nèi)容卻可以創(chuàng)建關(guān)聯(lián)。例如我們在做亞太機器人這個項目時,課程展示就用到了分屏式設(shè)計,因為是四個不同的課程,做在一個版塊內(nèi),通過不同的色彩構(gòu)建兩屏界面之間的聯(lián)系,產(chǎn)生視覺沖擊,左邊的色彩采用的是企業(yè)標(biāo)志的顏色,不僅可以創(chuàng)建界面關(guān)聯(lián),還可以加深用戶對于品牌的印象。
還可以讓一個區(qū)域橫框兩個屏幕之間,也可以創(chuàng)建界面關(guān)聯(lián),像下圖一樣,右側(cè)屏幕的電腦延伸到左側(cè)屏幕的一些位置,也是創(chuàng)建界面關(guān)聯(lián)的一種方式。