網頁(yè)設計靈動布局之相對自由式

      我們人類千人千面，但怎麽長(cháng)都不會偏離骨骼。因此，保持了内在的堅固恒久性，外表就一出戲，相對自由式的進行視覺想象編結。布局排版說來很(hěn)容易，無非就是整理(lǐ)好網頁(yè)的元素清單，然後一一放上版面即可(kě)。其實就因為(wèi)自由搭配的方式千差萬别，我們總為(wèi)知名(míng)解決方案心懸一線(xiàn)，其實後的結果又(yòu)馬馬虎虎。

　　優秀的排版是構圖、圖片、配色、字體(tǐ)等各方協調的共同結果，設計其實是沒有(yǒu)規則可(kě)循，審美從來都不在約束内發生。要想讓整個版式内容豐富又(yòu)充滿呼吸的空間，需要我們整個的思考方式都流動起來。

　　沒有(yǒu)邊界

　　一段文(wén)字和一張圖片，甚至一個圖标……在你進行布局的時候，由于你的素材并不是立刻手到擒來，你的布局總是喜歡用(yòng)一個個矩形來代表一段文(wén)字或一張圖片，這本沒有(yǒu)錯，但這個做法也會讓你陷入“框架陷阱”。

　　就像這樣一個布局，隻是畫出了一個大緻的框架圖，也許你隻是想說這隻是框架，因為(wèi)設計規劃前期很(hěn)多(duō)素材還并不完善。

　　然而，很(hěn)有(yǒu)可(kě)能(néng)你就會因此而将頁(yè)面設計成這樣

　　當然，你會說這樣其實并沒有(yǒu)什麽不好，因為(wèi)幾乎我們所有(yǒu)看到的扁平化網頁(yè)都是這個樣式，但可(kě)以肯定的是，這個網頁(yè)并沒有(yǒu)多(duō)少呼吸的空間，整個網頁(yè)都被信息所填滿，如果稍微改變一下布局的元素大小(xiǎo)和位置，其實就會展示出不一樣的版面效果（下圖），而很(hěn)顯而易見後者的排版是更為(wèi)靈活的。

　　邊界所造成的局限就是你的思維，你将會習慣在這個框架内去思考解決方案，如果你想要躲過這個陷阱，就是學(xué)會越過框架去思考。就算你做好了框架，也要認識到這不過是一個前期的不确定方向的試探，你完全可(kě)以改變框架的構造。

　　很(hěn)多(duō)設計師自诩為(wèi)美術民(mín)工(gōng)，而覺得自己離藝術家這個範疇越來越遠(yuǎn)，其本質(zhì)的差别就是，工(gōng)匠隻是重複一項勞動，在創造之前它就已經知道了目标。比如設計網頁(yè)前，已經知道終網頁(yè)做成什麽樣，那麽你的工(gōng)作(zuò)就僅僅是按部就班完成每個元素的對齊工(gōng)作(zuò)。而藝術家則是在事前并不知道結果，往往是一步一試探去尋找更加有(yǒu)效的解決方案，藝術創作(zuò)類似于一種冒險。設計師其實是取乎其中(zhōng)，也就是兩個身份兼有(yǒu)的理(lǐ)想結合。

　　創造焦點

　　這麽說也許有(yǒu)點誇張，但任何一件好的平面作(zuò)品，一定是有(yǒu)焦點的。就像我們談到過，十字準星型的視覺結構習慣将焦點置于中(zhōng)心位置，要制造一個焦點的辦(bàn)法有(yǒu)很(hěn)多(duō)，簡言之，就是制造沖突。想象你在一個人群稀疏的大廳，突然有(yǒu)兩個人高聲争論什麽，這時引起了幾個人圍觀，這個情景就在原本安(ān)靜的人流中(zhōng)制造了一個關注焦點。同樣，在視覺領域也是如此，利用(yòng)對比沖突應該是一種有(yǒu)效的制造焦點的方式。

/jianzhanzhishi/6970.html 網頁(yè)設計靈動布局之相對自由式