新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 网页新万博教程 > 从平面栅格新万博看网页中的布局新万博

网页新万博中的脏徘、乱爸纫、差错,是我们在新万博过程中常会遇到的问题懂藏疾。通常"脏"是由对色彩使用不当所产生的背韭编,而色彩使用不当产生的不好效果也分为嫉:"花价、灰"扮肉亥,花哨虫谱抵、灰头土脸也就是这里所说的"脏"文涩。而"差" 基本上是由于我们的技法上不够娴熟所产生的凌。比如细节上的处理不到位晴雷鞘,某个局部的效果制作得粗糙邦我。这可以称之为"差"馈喘,特别是在处理带有2D效果的新万博作品时容,这种情况常会出现肆缓奇。但是我今天在本文中所要谈的是"乱"俱。

什么是乱?这里的乱不是指用色乱旱购,也不是指内容乱坪,而主要是指网页布局乱梁秒急。以前我有幸接触了平面新万博浅痪,并且从中学到了很多平面新万博上的一些知识与技法钡。其中“栅格新万博”就是平面新万博中用于处理布局的一种理论潭。到目前为止我还在研究"栅格新万博"丘腊。因为着实没有什么比较好的语言可以非常简洁明了的概括这个词当。这更像是需要不断用实践去理解的慕。所以很多时候我们们都无法去讲述芯淬徐。但是在新万博中这个栅格却是能帮助我们完成更好作品的一个非乘胰烂好用的利器边塑浅。对于栅格新万博我也不能说是认识深刻谴,我这里只是依据我对于栅格新万博的理解歉铃汞,将之用于网页新万博中态,希望能给更多的朋友们一点启示饯艘叫,或许能打开一些朋友的思路刚扭阿。

单纯的文字是没办法让新万博师们耐心的看下去的锈,所以还是老办法测禽枷,用示图来作为讲解模型背手。这次我们使用的网页是微软拔彭亭、IBM肺磷翠、ASTRO三个公司网站来讲解申。希望通过分解这三个公司的网站新万博逻,能把我所理解的栅格新万博传达出来羞。看示图猛:

从平面栅格新万博看网页中的布局新万博

我们看到微软公司的网站新万博中并没有什么明显的线去区隔不同的区块怕炯,但是当我们把当蒙上一层纱共系,然后用实线把每个部分都画出来这时我们发现这个网站其实是处在一个栅格阵列中察婆茄。那么这个阵列中的内容已经很明显了辛,并且我们从中发现了很多区块在页面中的位置居然是那么的有条理局,并且有一些并不在一起的区块解,居然也有一定的规律艾摄。当然有人可能会说箱埠,都用线画出来了当然显得条理侵稳,整齐了谱患。问题就在于这里祟畦其,我们的网站都可以用纵横线区分开堤惊可。但是一些新万博得不好的网站的纵横线可能数量非常的多围宽讲,纵横线的数量过多并且都挤在一直谰厕,这就说明网站的布局显得太乱垢脚。或者是过于条理而变得布局平均危,没有对比陡确嗽,缺乏美感博酞。其实只要用这样的方法去分析一下自己新万博的作品也许就能从中看到问题所在擅。

下面我们再来看一下IBM的网站的分解图偶官:

我们看到IBM的栅格与MS4. 【参考答案】 A左个叫出人意料的有很大的不同眯割热,IBM中还出现了一些差不多大的栅格记,但是这里要注意其实这些栅格是由于底部很小的几个区块所产生的茫竣,并且这凡个区块还可以看作是一个横向的区块泰蛇肪。我们从这里可以看到IBM的布局新万博是对称的绒。但是这种对称却是在离在纵横线上却不容易注意到的糯缸。这是很高明的手法妹。

我们再来看看ASTRO公司的网站党弹靡,这个网站比起上面两个公司的网站就更娱乐化酱,更有趣了洪沉。

从这三个网站中我们可以看到三种不同风格的栅格新万博鲤,虽然有所不同廖,但我们依然可以发现三者都会我什么时候折磨过你?也许死亡是快乐的。尽可能的把最重要的信息放在视觉中心点上撑,不论是放在左边的还是右边的或是中间的粒,他们都得到了最大的栅格区姐,得到了足够的重视!我们的视觉中心也自然盯在了上面!

分享到: 
浅析平面新万博与网页新万博的差异性
网页新万博师和平面新万博师的思维差别

热门推荐