成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

2013-05-24    分類: 網(wǎng)站建設(shè)

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!今天和大家聊的是一種關(guān)于網(wǎng)站設(shè)計(jì)中的視覺(jué)呈現(xiàn)方法,一般我們稱之為“分屏布局”,是一種常見(jiàn)的網(wǎng)站設(shè)計(jì)排版方式,將頁(yè)面分割為均等或者不均等的兩部分,這種方式的好處就是可以將文字信息和圖像元素進(jìn)行更有效的布局區(qū)分,讓信息更有條理,人們更容易閱讀,同時(shí)這樣做的目的也是為了讓畫面的視覺(jué)更吸引人,加強(qiáng)視覺(jué)記憶。這種方式主要運(yùn)用于網(wǎng)頁(yè)的首屏設(shè)計(jì),從事相關(guān)工作的設(shè)計(jì)師可以從中尋找一下設(shè)計(jì)靈感,靈活運(yùn)用到自己的工作中去。

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

上面這一組分屏布局作品就很有代表性,它的切割性很明確,將頁(yè)面分為兩個(gè)部分,一邊是文案信息,另一邊則是和文案相關(guān)的圖像元素,整個(gè)布局讓信息傳達(dá)很明確,也讓頁(yè)面顯得很有條理,對(duì)于登錄注冊(cè)的頁(yè)面也是很有效果的設(shè)計(jì)方法。

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

以上的頁(yè)面同樣使用了這種方法,保證了閱讀性和邏輯性的平衡,也確保了信息傳達(dá)的有效性和視覺(jué)美感,分屏布局是考驗(yàn)設(shè)計(jì)師對(duì)視覺(jué)和信息平衡性把握水準(zhǔn)的很好的標(biāo)桿,使用這種方式也有助于提升設(shè)計(jì)師的頁(yè)面布局水平。

這組以漫威角色為主題的頁(yè)面設(shè)計(jì),也采用分屏設(shè)計(jì),色彩更為濃烈,將人物形象和文案信息分開(kāi)布局,很容易就吸引到了受眾的視線,達(dá)到傳播效果。

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

在電商領(lǐng)域,也有很多這種分屏布局的出現(xiàn),比較集中在比較高端的品牌產(chǎn)品的banner設(shè)計(jì)上,用分屏的視覺(jué)特點(diǎn)去提升品牌的調(diào)性,這也是不錯(cuò)的選擇。

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

其實(shí)分屏布局的表現(xiàn)不僅僅局限于明確的塊面分割感,在一些比較個(gè)性的網(wǎng)站設(shè)計(jì)中,你雖然看不到明顯的分屏界限,但它依然是存在著隱藏的分屏邊界。下面這些案例可以說(shuō)明分屏布局的隱藏邊界同樣可以起到分隔畫面的作用。下面的案例中,文案組合可以看作一個(gè)整體,圖像又是另一個(gè)整體,通過(guò)文案的邊緣空隙以及合理的留白空間,我們可以看到整個(gè)頁(yè)面也是被分為了兩個(gè)部分,那個(gè)隱藏的邊界雖然看不到,但依然起到了核心的分屏作用。其實(shí)這種分割也就是我們常說(shuō)的左右布局法,只有真正理解了分屏布局的概念,才能不局限于單一的表現(xiàn)形式,讓畫面布局更靈活。

成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!

總結(jié):

分屏布局是一種排版布局的方式,它具有明確的視覺(jué)分割目的和清晰的視覺(jué)邏輯結(jié)構(gòu),雖然看似比較簡(jiǎn)單,就是分兩部分來(lái)設(shè)計(jì),但是其實(shí)并不容易,這背后的邏輯性并不是一朝一夕可以掌握的,在文案編排和排版布局進(jìn)行的過(guò)程中,要通過(guò)很多次不同的組合嘗試,才能達(dá)到令人滿意的結(jié)果,這就對(duì)設(shè)計(jì)師的整體把控能力提出了更高要求,照葫蘆畫瓢肯定是不行的,上面的眾多案例,如果僅僅是知道了它的形式,而不理解它的背后邏輯,事實(shí)上還是無(wú)法真正做出好作品,當(dāng)你只有空洞的外形時(shí),就會(huì)發(fā)現(xiàn)整體上是無(wú)法長(zhǎng)時(shí)間站住腳的。但是練習(xí)也是必要的,只有你先把握了形式的感覺(jué),才能用思考后的邏輯去合理填充,可以說(shuō)兩者相輔相成,缺一不可的。

當(dāng)前文章:成都網(wǎng)頁(yè)設(shè)計(jì)之分屏切割布局法!
文章位置:http://www.bm7419.com/news/7478.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、ChatGPT、定制開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)、全網(wǎng)營(yíng)銷推廣自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

綿陽(yáng)服務(wù)器托管