对于结构布局的一些想法

本人以前做UI美工(并非设计师),所以对PS非常了解。后来转去学前端,对于网页设计也有了自己一定的理解。

懂PS的人都知道,PS其实就是由许多许多图层组合在一起,通过混合、滤镜等效果修饰,组成一张精美的图。在PS里面,“图层”是一个很重要的概念。它存放着每一个设计者需要的元素,通过有序的排列,达到理想的布局效果。

在接触网页设计之初,也偶然听到过网页中的“层”的概念,但是对于网页当中的层还是不太理解。这导致了一开始做一张网页的速度严重缓慢,同时还伴随着各种各样蛋疼的问题,文字与图片错位,标签左边或者下边出现一大片空白,该显示文字的位置不显示,等等等等。后来有一次用firefox测试网页的时候,发现firefox的查看器还带了一个3D效果显示,打开3D效果后,就突然发现一张网页中的所有元素全部都是通过层的形式来表现,错落有致。这个简直跟PS有异曲同工之妙,初学者完全可以通过这样的方式来检查自己网页布局的错误。于是我将PS图层的概念引入到网页设计中,渐渐的,出现一大片空白的地方消失了,图片、文字、标签也开始按照自己的思路进行布局,最后,网页中的层终于井然有序的出现在我的电脑屏幕上。不得不说,通过层的方法来设计网页布局,对初学者理解层这一概念有着很关键的作用。至此,通过层这一关键因素,一张完整的网页设计总算能勉强完成了。为什么说勉强,因为布局只是设计初期的一个思路,而对于设计过程中网页的其他活动元素,就需要学习到其他更多方面的知识。布局,只是一个开始。

你可能感兴趣的:(层,网页布局)