以后地位: 首页 > 设计教程 > 网页设计教程 > 从平面栅格设计看网页中的布局设计

从平面栅格设计看网页中的布局设计

网页设计中的脏、乱、差,是咱咱咱们在设计过程中常会碰到的成就。通常"脏"是由对色彩应用不当所发生的,而色彩应用不当发生的不好效果也分为:"花、灰",花哨、灰头土脸也便是这里所说的"脏"。而"差" 基本上是因为咱咱咱们的技法上不够娴熟所发生的。比如细节上的处理不到位,某个局部的效果制作得粗糙。这可以或许或许称之为"差",分外是在处理带有2D效果的设计作品时,这种环境常会出现。但是我本日在本文中所要谈的是"乱"。

什么是乱?这里的乱不是指用色乱,也不是指内容乱,而重要是指网页布局乱。曩昔我有幸接触了平面设计,而且从中学到了很多平面设计上的一些知识与技法。此中“栅格设计”便是平面设计中用于处理布局的一种实践。到目前为止我还在研究"栅格设计"。因为着实没有什么比较好的语言可以或许或许非常简洁明了的概括这个词。这更像是必要赓续用实践去懂得的。所以很多时候咱咱咱们咱咱们都无法去讲述。但是在设计中这个栅格却是能帮助咱咱咱们实现更好作品的一个非常好用的利器。对付栅格设计我也不能说是认识深入,我这里只是根据我对付栅格设计的懂得,将之用于网页设计中,盼望能给更多的同伙咱咱们一点启示,或许能打开一些同伙的思绪。

单纯的文字是没办法让设计师咱咱们耐心的看上来的,所以还是老办法,用示图来作为讲解模子。这次咱咱咱们应用的网页是微软、IBM、ASTRO三个公司网站来讲解。盼望颠末过程分解这三个公司的网站设计,能把我所懂得的栅格设计传达进去。看示图:

从平面栅格设计看网页中的布局设计

咱咱咱们看到微软公司的网站设计中并没有什么显著的线去区隔分歧的区块,但是当咱咱咱们把当蒙上一层纱,然后用实线把每个部分都画进去这时咱咱咱们发现这个网站其实是处在一个栅格阵列中。那么这个阵列中的内容已经很显著了,而且咱咱咱们从中发现了很多区块在页面中的地位居然是那么的有条理,而且有一些并不在一路的区块,居然也有一定的规律。当然有人可能会说,都用线画进去了当然显得条理,整齐了。成就就在于这里,咱咱咱们的网站都可以或许用纵横线区分开。但是一些设计得不好的网站的纵横线可能数目非常的多,纵横线的数目过量而且都挤在不停,这就得网站的布局显得太乱。或许是过于条理而变得布局平均,没有对比,缺乏美感。其实只要用如许的办法去阐发一下自己设计的作品也许就能从中看到成就地点。

下面咱咱咱们再来看一下IBM的网站的分解图:

咱咱咱们看到IBM的栅格与MS的有很大的分歧,IBM中还出现了一些差不多大的栅格,但是这里要注意其实这些栅格是因为底部很小的几个区块所发生的,而且这凡个区块还可以或许看作是一个横向的区块。咱咱咱们从这里可以或许看到IBM的布局设计是对称的。但是这种对称却是在离在纵横线上却不容易注意到的。这是很高明的手法。

咱咱咱们再来看看ASTRO公司的网站,这个网站比起上面两个公司的网站就更娱乐化,更有趣了。

从这三个网站中咱咱咱们可以或许或许看到三种分歧作风的栅格设计,虽然有所分歧,但咱咱咱们依然可以或许或许发现三者都邑尽量的把最重要的信息放在视觉中央点上,不论是放在左边的还是右边的或是中央的,他咱咱们都取得了最大的栅格区,取得了足够的看重!咱咱咱们的视觉中央也自然盯在了上面!

分享到: 
浅析平面设计与网页设计的差异性
网页设计师和平面设计师的思维差别
友情链接:重庆商务网  中国信息科学网  中国淮安防火门网  梅花表维修网  花瓣养生新闻网  眉山东坡区妇科医院  中国九年教育网  乐高教育信息网  中国淮安防火门网  手机皮套生产厂家