接上一課，我們今天繼續(xù)分享3種網(wǎng)站常見(jiàn)布局風(fēng)格。

7.標(biāo)題和圖庫(kù)

每個(gè)人都喜歡一個(gè)看起來(lái)舒服的畫(huà)廊類(lèi)型的頁(yè)面。從布局的角度來(lái)看，還有什么比這更簡(jiǎn)單的呢？你所需要的只是一個(gè)統(tǒng)一的、堅(jiān)持到底的圖像網(wǎng)格，以及帶有可選子標(biāo)題的標(biāo)題空間。這里的關(guān)鍵是讓你的標(biāo)題足夠大。

此示例使用長(zhǎng)方形來(lái)模擬真實(shí)情況下的站點(diǎn)，但是可以并且應(yīng)該對(duì)其進(jìn)行修改以適應(yīng)你所要展示的任何內(nèi)容。這里的重點(diǎn)是讓你跳出框框思考而不是覺(jué)得只能默使用正方形，也許你可以在自己的布局中使用垂直矩形甚至圓形！

示例網(wǎng)站

8.精選圖片

下面的這種布局非常常見(jiàn)，尤其是在攝影界。這里的基本想思路是通過(guò)一個(gè)大圖像顯示你的設(shè)計(jì)或攝影（任何東西），同時(shí)可能使用左側(cè)垂直導(dǎo)航。

導(dǎo)航的內(nèi)容可能左對(duì)齊是最合適的，但可以隨意嘗試使用中心對(duì)齊甚至是右對(duì)齊，以和右側(cè)的圖像進(jìn)行呼應(yīng)。

示例網(wǎng)站

9.混合布局

混合布局是本文中最復(fù)雜的布局，但對(duì)于需要包含各種相關(guān)內(nèi)容的頁(yè)面，它是我見(jiàn)過(guò)的最有效的布局之一。從圖像到文本和視頻，你可以在此布局中放入幾乎任何內(nèi)容，并且保持有序和相關(guān)。

關(guān)鍵在于上半部分和下半部分的分界。請(qǐng)注意，這種布局實(shí)際上有一個(gè)包含一系列矩形的大容器，這個(gè)容器為你的空間提供了邊界，你放置在里面的所有內(nèi)容都應(yīng)該被格式化成一個(gè)強(qiáng)大但多樣的網(wǎng)格，這與本文開(kāi)頭的高級(jí)網(wǎng)格布局不同。

示例網(wǎng)站

總結(jié)，我們通過(guò)3次課程講述了9種不同的網(wǎng)站布局方法：

（1）三框布局 （2）3D幻燈片（3）高級(jí)網(wǎng)格（4） 頭部整體式布局（5）五框布局（6）固定側(cè)邊欄（7）標(biāo)題和圖庫(kù)（8）精選圖片（9）混合布局

頁(yè)面布局是藝術(shù)和科學(xué)的完美結(jié)合，創(chuàng)造具有視覺(jué)吸引力和獨(dú)特性的東西需要設(shè)計(jì)師的眼睛！每個(gè)布局都只代表你可以塑造和調(diào)整的基本建議，小編希望你不要按原樣使用它們，而是根據(jù)項(xiàng)目的需要自行調(diào)整它們。

以上是所有的分享網(wǎng)站設(shè)計(jì)布局。圖文來(lái)自：design shack 

—

做高端品牌網(wǎng)站找天權(quán)互動(dòng)，天權(quán)互動(dòng)給您提供不一樣的品牌網(wǎng)站建設(shè)體驗(yàn)。

天權(quán)互動(dòng)上海老牌網(wǎng)站建設(shè)公司。