習慣了一欄式的設計,將螢幕一分為二的設計常常會讓多使用者感到更加新鮮。網頁中並排的兩欄呈現不同的資訊,是分屏式設計的典型特徵,兩邊的資訊可以包含相同型別的元素,可以呈現不同屬性的媒體內容,比如一邊是圖片,一邊是文字。
分屏式設計的解決了您需要同時呈現兩個不同內容的需求,這種 UI 介面突出了這兩項內容的對等地位,讓多使用者自行瀏覽,或者作出選擇。
您會發現,分屏式設計不僅僅是一種逐步流行的頁面設計趨勢,而且非常實際地解決了需要呈現同等重要內容、讓多使用者選擇的設計需求。這種呈現方式看起來原始,但是確實有著明顯的優勢:
·引起多使用者對於特定區域的注意力
·創造對比
·非常規式的佈局
此外,分屏式設計和響應式框架能夠很好的結合起來,這種型別的佈局特別適合在桌面端大螢幕和平板電腦上使用,同時還能夠在小螢幕上以上下堆疊式的方式呈現出來。
分屏式設計的理想選項
當您將螢幕劃分為兩塊的時候,兩個區域內的內容的重要性是同等的,這也意味著您可以在這個介面中傳達雙重重要的概念。處於兩個對等區塊的元素就像陰陽魚一樣,從視覺到功能上,同等重要,互為補充。
活力四射的配色和趣味十足的排版
得益於扁平化設計和 Material Design 在設計領域的大範圍普及,色彩和排版成為了目前設計的主要驅動力。鮮豔的色彩帶來視覺刺激,而有趣的排版則讓文字更有意思,兩者的結合能帶來頗為值得一看的設計。
結語
分屏式的頁面設計非常有趣,功能也足夠強大,不過您的內容是否適合用來這麼展示? 所以,在如此設計之前,建議先問自己幾個問:
·分屏式設計是否和您的網站內容相匹配? 是否有足夠的佈局來進行分屏式設計?
·您的多使用者是否會喜歡這樣的佈局?
·將多使用者的注意力一分為二是否合適?
不論如何,內容為王,而形式服從於內容,謹慎選擇。