企業網站首頁設計常見的(de)6種布局方式
很多新手設計師設計的(de)網頁一(yī / yì /yí)直走不(bù)出(chū)大(dà)框架套小框架的(de)整體頁面布局方式。好的(de)首頁布局能瞬間抓住訪客的(de)眼球,能夠讓客戶在(zài)第一(yī / yì /yí)眼認可你的(de)網站。好的(de)頁面布局能夠清晰的(de)展示你的(de)欄目、信息以(yǐ)及各種頁面入口。頁面布局要(yào / yāo)兼顧企業想表達的(de)内容和(hé / huò)企業所擁有的(de)資源、素材,也(yě)要(yào / yāo)類比行業的(de)特征、受衆群體的(de)偏好。
這(zhè)裏對常用的(de)頁面布局方式進行分析和(hé / huò)介紹,方便新手設計師參考,以(yǐ)跳出(chū)單一(yī / yì /yí)狹窄的(de)設計思路。很多人(rén)經常會問如何布局這(zhè)樣的(de)頁面。實際上(shàng),網頁的(de)布局并不(bù)像想象的(de)那麽困難。隻要(yào / yāo)能做到(dào)兩件事,基本就(jiù)不(bù)會慌張。首先要(yào / yāo)對給中常見的(de)頁面布局方法都了(le/liǎo)解,其次是(shì)根據文案内容和(hé / huò)設計要(yào / yāo)素的(de)特點進行多次不(bù)同方式的(de)擺放常識。以(yǐ)下是(shì)企業站首頁中經常用到(dào)的(de)六種布局方法。
一(yī / yì /yí)、大(dà)套小的(de)布局
這(zhè)是(shì)企業站首頁最常見的(de)布局方式。這(zhè)個(gè)布局方式不(bù)是(shì)不(bù)好,隻是(shì)我們不(bù)能一(yī / yì /yí)直都使用同一(yī / yì /yí)種布局方式來(lái)布局網站吧。當然,使用這(zhè)種布局方式也(yě)能設計出(chū)漂亮的(de)網頁,但如果要(yào / yāo)做一(yī / yì /yí)個(gè)大(dà)氣的(de)網頁,一(yī / yì /yí)般不(bù)會用到(dào)這(zhè)種布局方式,因爲(wéi / wèi)這(zhè)種布局方式阻礙了(le/liǎo)視野的(de)展開,而(ér)大(dà)氣往往要(yào / yāo)求視野開闊。
二,通欄式布局
和(hé / huò)大(dà)套小的(de)布局方式比起來(lái),因爲(wéi / wèi)這(zhè)種方式沒有方框的(de)限制,所以(yǐ)讓人(rén)感覺更加大(dà)氣開闊。此外,主要(yào / yāo)視覺部分可以(yǐ)根據實際情況靈活處理,可以(yǐ)朝頂部位置進行向上(shàng)拓展,也(yě)可以(yǐ)朝内容區域進行向下拓展。這(zhè)種布局也(yě)是(shì)常見的(de)布局方式之(zhī)一(yī / yì /yí)。
三,導航在(zài)主要(yào / yāo)視覺下方的(de)布局
使用這(zhè)種布局的(de)網頁也(yě)偶爾可以(yǐ)看到(dào),banner下放導航的(de)優勢在(zài)于(yú)它可以(yǐ)彌補banner中設計素材的(de)缺點,使設計看起來(lái)自然完整。布局受多種因素影響,不(bù)僅需要(yào / yāo)考慮内容信息占用的(de)空間,還需要(yào / yāo)結合手裏所有的(de)素材進行綜合考慮。
四,左中右布局
這(zhè)種布局不(bù)常見,所有讓人(rén)看上(shàng)去有新鮮感。如果您厭倦了(le/liǎo)水平分割設計,那麽嘗試這(zhè)種布局也(yě)許是(shì)一(yī / yì /yí)個(gè)不(bù)錯的(de)選擇。
五,環繞式布局
此布局看起來(lái)更靈活,橫幅區域相對較小,因此您可以(yǐ)在(zài)頁面上(shàng)放置更多信息。
六,穿插布局
在(zài)企業站中更難以(yǐ)看到(dào)這(zhè)種布局。它使用不(bù)多,橫幅區域比較大(dà),可以(yǐ)作爲(wéi / wèi)布局選擇。
以(yǐ)上(shàng)六種布局隻是(shì)一(yī / yì /yí)些常見的(de)企業級網站頁面布局,布局的(de)方式千變萬化。事實上(shàng),布局就(jiù)像一(yī / yì /yí)個(gè)積木。隻要(yào / yāo)您按照左側和(hé / huò)頂部是(shì)重要(yào / yāo)信息,右側和(hé / huò)底部是(shì)次要(yào / yāo)信息進行布局都可以(yǐ)。沒有哪一(yī / yì /yí)種布局是(shì)适合所有頁面的(de),更好的(de)是(shì),隻能說(shuō)某個(gè)布局更适合這(zhè)個(gè)頁面而(ér)已。
迅優傳媒有專門的(de)策劃部門,有專業的(de)UI設計師,能夠幫助您梳理網站的(de)布局風格,不(bù)僅對首頁進行布局設計,甚至連分頁、詳情頁、彈出(chū)頁面等都幫您進行精心的(de)設計。
- 上(shàng)一(yī / yì /yí)篇:主流的(de)網站設計風格有哪些?
- 下一(yī / yì /yí)篇:一(yī / yì /yí)個(gè)優秀的(de)網站首頁是(shì)如何設計的(de)?