优艾设计网

photoshop制作960 Grid System的网页模板

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:学photoshop
先看最终效果图    网格设计呢,通常显得很整齐规范,有时看上去也比较专业。但网格设计相对来说也是比较复杂的,往往需要精准的测量和栏目划分。960 Grid System/960网格系统,这是一套可以让你快速创建网格设计
删除中间的黑色图层。

photoshop制作960 Grid System的网页模板

删除黑色图层  接下来把中间的十等份全部删除吧。当然,你可以隐藏中间的十等份,下面的操作可以参考这十等份来调节位置。

photoshop制作960 Grid System的网页模板

隐藏中间的部分  添加一条竖立的虚线,在网页制作的时候,这条虚线可以使用dashed border来制作,这里只是用ps来做效果而已。

photoshop制作960 Grid System的网页模板

制作虚线  完成文字和导航,导航的位置这里可以参考之前“十等份布局”的大约位置来布局。

photoshop制作960 Grid System的网页模板

文字和导航

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

精彩评论

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