網頁設計對于網站訪問客戶來說,是一種視覺上的感受。每年的網頁設計布局方式都會有創新,產生新的布局方式,但那些常見的、經典的布局方式永遠不會過時。
網頁設計常見的5種布局方式:
1.大框套小框的布局
這種布局是常見的布局方式,但是不是說這種布局方式一無是處。當然按照這種布局也是可以做出很漂亮的設計。可是會在方框限制的視線的擴展,如果客戶要求做出高尚大氣的感覺,行內人員一般不會使用這種布局,通俗來說,大氣意味著開闊視野。
2.通欄布局
這種布局方式讓視線不再受到方框的限制,比起上面的布局方式,自然多了些大氣、開闊的味道來。另外,主視覺部分還可以靈活處理,既可以向上拓展到logo和導航的頂部位置,也可以向下拓展到內容區域,這種布局方式也是非常常見的布局方式。
3.導航在主視覺下方的布局
這種雖然不多,但也時不時能看到,導航放在banner下面的好處是可以彌補banner中設計素材截斷的缺點,讓設計看上去完整、自然。所以說布局的方式受到多方面因素的影響,不僅考慮到信息內容所占據的空間,還包括你手頭現有的素材。
4.左中右布局
這種布局方式不常見到,但卻是非常富有新鮮感的布局方式,如果你已經做膩歪了水平分割的設計,嘗試一下這種布局也未嘗不是一種好的選擇。
5.環繞式布局
這種布局方式看上去更加靈活,banner區域相對較小,就可以在頁面放置更多的信息內容。
6.穿插式布局
這種布局在企業站中較難看到,用的不多,banner區域相對較大,可以作為一種布局的選擇。
網頁布局的基本形式主要有上述幾種類型,至于何種布局*,需要具體問題具體分析,要從頁面結構、內容和表現形式等綜合考慮,同時也需要制作者具有較高的設計水平。
怎樣用好它們?
我不覺得使用方塊元素是什么難事。尤其是網頁,自從誕生之初就開始使用方塊形狀來設計界面。但是你若想更有效地使用它,請遵循以下幾個步驟。制定希望達成的目標根據你所要達成的目標,頁面和區塊會有很大的不同。一旦你確定了,方塊元素就能幫助你完成目標。你是用它來組織內容?還是想為頁面增添一點樂趣?看看Paper and Paint。他們使用方塊元素保持頁面井井有條,并且突出了頁面特有的流動性。隨著鼠標向下滾動,每個方塊中的不同內容都在進行著視覺差滾動——這是個非常酷的效果——每個方塊都向你講述獨特的故事,匯聚成整個頁面。這些方塊元素的作用,就是保持各部分對齊,形成一種整潔的時尚,同時也為各個頁面營造不同的故事氛圍。 |
 |
|