在大多數(shù)企業(yè)網(wǎng)站的排版設(shè)計中,類似九宮格的布局最為常見,這種布局可以作為同一個欄目下的多個作品、項目、新聞、業(yè)務(wù)、解決方案等等的入口。由于九宮格或類似變形的布局在網(wǎng)頁屏幕分割中容易分布且產(chǎn)生科學(xué)的對齊關(guān)系,所以為設(shè)計師們廣泛采用。
01.
第一個案例就是一個典型的九宮格布局。但設(shè)計師把第一個格子和第四個格子融合在一起,突破常規(guī)的版式,容易吸睛。
02.
這個網(wǎng)頁設(shè)計作品的九宮格分布中,利用虛實關(guān)系來布局。利用圖片和文字錯開來排版,產(chǎn)生留白。
03.
04. 這個網(wǎng)頁作品也是對九宮格的布局進(jìn)行橫向變形排版。
05.
帶有網(wǎng)頁紋理的布局是和藝術(shù)氛圍的。
06.
九宮格的布局采用純色塊布局時,塊感很強烈,需要運用好色彩搭配技巧。
07.
08.
09.
10.
九宮格采用圓形來布局排版,視覺上會得到意想不到的效果。
11.
12.
13.
最后這個作品是變化最大的,除了部分格子強化變大外,還抽取掉部分格子,讓版式透氣一些,留白多一些,聚焦一些。
九宮格,一款數(shù)字游戲,起源于河圖洛書,與洛書是中國古代流傳下來的兩幅神秘圖案,歷來被認(rèn)為是河洛文化的濫觴,中華文明的源頭,被譽為"宇宙魔方"。沒想到運用到企業(yè)網(wǎng)站設(shè)計中會產(chǎn)生強烈的對齊關(guān)系,讓模塊的內(nèi)容和功能更為清晰化,是設(shè)計師們推崇的頁面布局方式之一。同時也希望今天分享的這十三個經(jīng)典的運用了九宮格概念來排版的網(wǎng)站設(shè)計作品能給大家?guī)盱`感和啟發(fā)。