Godzilla. 2016-12-08
網(wǎng)站建設
優(yōu)秀網(wǎng)頁設計如何使用分屏布局？
拆分屏幕布局是分為兩個（或更多）相等垂直列的全屏Web組件。然而，盡管分屏布局是時尚，這是一個大膽的風格決定，如果沒有一個合理的邏輯，可以傷害用戶體驗。當正確執(zhí)行它可以為用戶提供美妙的觀看體驗。優(yōu)秀網(wǎng)頁設計如何使用分屏布局？
為什么要使用分屏布局？
分割屏幕組件在極簡主義的網(wǎng)頁設計中效果最好，因為負空間與粗體垂直分隔相結合，在重要區(qū)域增加了最高的重點。除了這些優(yōu)點之外，分屏布局的益處遠遠超出視覺美觀; 它們對于使用兩個并排可選選項來著陸網(wǎng)頁特別有效。
一些明顯的例子包括：
·登錄和注冊表單
·付費和免費訂閱
·交替顏色的產(chǎn)品
拆分屏幕組件的很好示例
首先，讓我們看看一些了不起的例子，并討論為什么他們的工作這么好的用例。 拆分屏幕布局可以以許多不同的方式使用，因此各個站點之間的優(yōu)勢各不相同，這取決于網(wǎng)站要實現(xiàn)的目標。
Cam Strobel
并非每個網(wǎng)站設計都需要訪問整個水平視口。 使用超小的設計，如Cam Strobel的網(wǎng)站，將屏幕分成兩個垂直列意味著所有的內(nèi)容可以在折疊，完全不需要用戶滾動。
Studio meta
全寬“大標題”設計仍然很常見 - 這是一個巨大的趨勢，然而，很少有機會使用大膽的圖像，由于缺乏文本可讀性（我們通常需要模糊的圖像顏色疊加）。 拆分屏幕布局解決了這一點，Studio meta向我們展示這種效果。通過使圖像和內(nèi)容并排，我們可以使用更加豐富多彩，更勇敢，更深刻的意義的圖像，因為我們不必以任何方式遮蔽圖像。
Bose
分割屏幕不必由兩個50個組件組成 - Bose使這一趨勢達到極限，該網(wǎng)站甚至沒有嘗試適應較小的屏幕。 無論這個外觀多么漂亮，響應式設計是你必須考慮的事情，可能很難適應分屏布局到更小的設備。除此之外，這是我最喜歡的分屏示例，因為布局允許Bose通過使用不同的顏色顯示具有獨特個性。 結合前衛(wèi)的對角形狀，這個網(wǎng)站真的抓住了我的眼睛。
設計分屏布局時需要注意的事項
如果您正在考慮為您的網(wǎng)站使用分屏組件，那么在設計時應當牢記這三個提示。
·移動友好
拆分屏幕組件確實有一個優(yōu)點：它們不太適合移動設備。很難讓他們做出響應并適應更小的屏幕，你幾乎肯定不得不縮小到更溫和的東西，可能需要比平常更多的代碼，所以請確保你采取移動優(yōu)先的方法。
·沒有好的原因，不分割屏幕
你應該首先考慮你的網(wǎng)站是否需要一個分屏組件。當然，它是'趨勢'，它看起來很酷，但單是沒有足夠的理由還是不要輕易嘗試它。
·是否值得額外的工作使組件響應？
你的用戶有足夠的趨勢意識來欣賞布局，還是會混淆它們？是否有足夠的負空間使布局工作？你是否有可能將你的用戶的注意力分成兩半，更單一的焦點會是一個更好的結果嗎？如果任何這些答案是否定的，那么你應該投票反對這個想法。
利用負空間
桌面網(wǎng)站水平顯示，但是當使用分屏布局時，每個組件在主視口中成為一種垂直視口。因此，有更多的機會來探索顯示內(nèi)容的新方法。 這絕對是一個有創(chuàng)意的機會，所以堅持你的創(chuàng)意上限！摩恩網(wǎng)絡，專業(yè)網(wǎng)站建設、網(wǎng)站優(yōu)化、logo設計、品牌設計、印刷、APP/微信開發(fā)等產(chǎn)品服務，新上線企業(yè)VI設計套餐和網(wǎng)站營銷推廣系統(tǒng)（強），歡迎新老顧客前來咨詢！
結論
分割屏幕布局是有吸引力的，正如我們從示例中看到的，趨勢的好處取決于網(wǎng)站的設置實現(xiàn); 它們可以用于為每個列定義不同的標識，或者它們可以用于更簡單的原因：將最小網(wǎng)站中的所有內(nèi)容保留在不需要視口的整個寬度的最小網(wǎng)站上。如果你以前沒有嘗試設計分屏布局，什么誘使你現(xiàn)在嘗試？ 它是視覺美學，還是試驗新方法來顯示內(nèi)容的機會？歡迎評論！
文章標簽：
分屏布局
文章評論：