网页(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è)设计灵动布局之相对自由式