优艾设计网

用Photoshop制作960网格的网页模板

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
网格设计呢,通常显得很整齐规范,有时看上去也比较专业。但网格设计相对来说也是比较复杂的,往往需要精准的测量和栏目划分。960 Grid System/960网格系统,这是一套可以让你快速创建网格设计的工具,之所以叫960,

我们再给这些图片加上一个像素天蓝色边框,在网页切割时候我们可以直接写CSS就可以了。

用Photoshop制作960网格的网页模板

用Photoshop制作960网格的网页模板

加上其他文字,我们自己做960 Grid System就完成了!

用Photoshop制作960网格的网页模板

本实例其实制作起来非常简单,主要是根据960 Grid System的布局,把握好每一个元素的定位

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消