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