每年都會有一些新的
網站網頁佈局創意產生,而使一些較老的佈局方案淘汰。毫無疑問,網頁佈局是要響應各種終端設備。實際上,這種趨勢早在2010年就在國外開始蔓延,我們可以預見的是,它在未來仍將是網頁佈局的核心方案。
當然,這並不意味着網頁佈局必須朝着同一個標準化結構進行設計,相反,可能會有更多、更靈活的佈局方式產生。今年來我們至少確定了網頁佈局發展的四個趨勢,你可以從這些佈局中找到最好的靈感,作爲你網頁設計的起點。
1. 橫向分割屏幕的網頁佈局
橫向分割屏幕是指在
網站網頁設計時,將屏幕分爲左右兩個部分,這兩個部分的寬高通常是相同的,且保持垂直橫向排列。這麼做的主要原因有兩點:
(1) 同時顯示兩個重要的特徵。這種情況經常發生在
企業網站推廣產品或服務時,有兩個同樣重要的賣點或特性需要展示在頁面上。例如,出版系統,即有利於出版商,又有利於讀者。通過這種網頁佈局方式,設計師不需要區分主要或次要元素,而訪客會自覺關注什麼對自己更重要。
(2) 表達一個二元性的想法。將屏幕一分爲二,在設計上可以創建兩個互不影響的空間,可以專注於不同的主題,甚至兩個不同的產品。有時這種
網站網頁佈局方式還可以突出顯示兩個互爲相反的特徵。
2. 自由盒子的網頁佈局 ( Container-Free )
事實上,這是一種極簡主義的網頁佈局方式,它的佈局理念是儘可能地消除圖形結構,取而代之的是更加自由和開放的風格。它常常使用簡單的線性結構,甚至只採用個性字體的文字進行佈局。
當然,極簡主義的網頁佈局並不是完全不能使用圖像,例如我們也可以添加一張大背景圖,來達到視覺衝擊的效果。
3. 塊狀網格的網頁佈局
我們必須在這裏指出,網格結構的佈局方式非常容易創建
響應式網站。這種網頁佈局中的每個“塊”將包含一個特定的內容,它可能是一個標題、一個圖像或一行文本。
每個“塊”的尺寸是統一的,且可以靈活改變寬高以適應各種大小的屏幕。這使得“網格佈局”成爲一種非常通用的網頁佈局模式,它可以有效地用於PC網站或移動應用程序。
4. 單一屏幕的網頁佈局
這種設計趨勢我們在過去已經看到過很多了,即網站是基於一個大的背景圖像進行設計的,並且總能適應各種終端屏幕。通常,這類網站非常簡單,他們傾向於簡約的設計感覺。
然而,這種趨勢的一個重要特徵是——沒有網頁滾動條。換句話說,這些網站總是採取單一屏幕,也就是一屏以內的網頁佈局方式。
因爲可用空間是有限的,這要求設計師必須有一個清晰的內容佈局方案,而且要特別注意屏幕高度的相關信息。大多數情況下,圖像會成爲主導設計,利用其展示產品或喚起訪客的情感。