經(jīng)典網(wǎng)站設計布局的7大類(lèi)型
&emspヽ(′▽?zhuān)?ノ; 網(wǎng)站,經(jīng)典是網(wǎng)站由一個(gè)個(gè)網(wǎng)頁(yè)構成的,在這里我們可以了解到豐富的設計
知識和獨特的想法,你??是布局否為ヾ(′▽?zhuān)??其深深著(zhù)(zhe)迷呢?在一個(gè)網(wǎng)頁(yè)設計??中,除了色彩搭配、類(lèi)型標題處理等,經(jīng)典還有一個(gè)要點(diǎn)——網(wǎng)頁(yè)布局,網(wǎng)站下面新網(wǎng)的設計小編就來(lái)為大家分別論述經(jīng)典網(wǎng)站設計布局的7大類(lèi)型。 ˉ\_(ツ)_/ˉ 一、布局
“國”字型 ヽ(′▽?zhuān)?ノ也可以稱(chēng)為“同”字型,類(lèi)型是經(jīng)典一些大型網(wǎng)站所喜歡(′?`)的類(lèi)型,即最上面ヽ(′?`)ノ是網(wǎng)站網(wǎng)站的標題以及橫幅廣告條,接下來(lái)(?????)就是設計網(wǎng)站的主要內容,左右分列一些兩小條內容,布局中間是類(lèi)型主要部分(fen),與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權聲明等。這種結構是我們在網(wǎng)上見(jiàn)到的差不多最多的一種結構類(lèi)型。 二、??拐角型 這種結構與上一種其實(shí)只是形式上的區別,其(′?ω?`)實(shí)是很相近的,上面是標題及廣告橫幅,接下來(lái)的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網(wǎng)站的輔助信息。在這種類(lèi)型中,一種很常??見(jiàn)的類(lèi)型是最上面是(shi)標題??及廣告,左側是導航鏈接。 三、標題正文型 這種類(lèi)型即最上面是標題或類(lèi)(lei)似的(′_`)一些(′?_?`)東西,下面是正文,比如一些文章頁(yè)面或注冊頁(yè)面等就是這種類(lèi)。 四、左右框??架型 這是一種左右為分ヾ(?■_■)ノ別兩頁(yè)的框架結構,一般左面是導航鏈接,有時(shí)最上面會(huì )有一個(gè)小的標題或標致,右面是正文。我們見(jiàn)到的大部分的大型論壇都是這種結構的(de),有一些企業(yè)網(wǎng)站也喜歡采用。這種類(lèi)型結構非常清晰,一目了(le)然。 五、上下框架型 與上面類(lèi)似,區別僅僅在于是一種上下分為兩頁(yè)的框架。 六、綜合框??架型 &emsp??;上頁(yè)兩種結構的結合,相對復雜的一種框架結構,較??為常見(jiàn)的是類(lèi)似于“拐角型”結構的,只是采用了框架(╯°□°)╯結構。 七、封面型
這種類(lèi)型基本上是出???現在一些網(wǎng)站的首頁(yè),大部分為一些精美的平面設計(′?ω?`)結合一些小的動(dòng)畫(huà),放上幾個(gè)簡(jiǎn)單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在首頁(yè)的圖片上做鏈接而沒(méi)有任何提示。這種(╬?益?)類(lèi)型??大部分出現在企業(yè)網(wǎng)站和個(gè)人主頁(yè),如果說(shuō)處理的好,會(huì )給人帶來(lái)賞心悅目的感覺(jué)。
在絕大多數網(wǎng)站中,圖像、背景和文本是主要的元素,它們要么嵌套在一起,要么彼此分離,但是設計師們正在嘗試突破元素之間的界限。 不同類(lèi)型的視覺(jué)元素闖入他們的自然位置和其他元素的(╯°□°)╯︵ ┻━┻空間,堆疊,錯放,交錯,看起來(lái)還是非常有趣的。小伙伴們要想獲得更多經(jīng)典網(wǎng)站設計知識的內容,請關(guān)注新網(wǎng)!