首页 文章资讯 Baseliner插件,网页网格生成器,设计师开发必备

Baseliner插件,网页网格生成器,设计师开发必备

发布者 : okay

720

2020-07-16

Baseliner插件是一款开源的网格在线生成器,能为任意网站实时添加自定义网格线,支持修改线条颜色、密集程度等等操作,是设计人员和开发者的必备工具。


Baseliner 插件

Baseliner

An extension for designers and developers who care about vertical rhythm.

下载


Baseliner插件开发背景


对于设计师和开发人员来说,在进行页面设计和开发的时候,美观是重中之重。


而要让网页美观,就必须让网页上的各类元素达到令人满意的布局效果,这就必须要用到网格线了。




在网页上添加网格线后,可以方便使用者更清楚地看到网站元素的排列情况,一眼看出突兀的地方,以便于作出快速调整。


Baseliner插件功能介绍


如同Baseliner插件的名字一样,这是一款网页网格线生成器,此工具可以在任何网站上添加网格层,以用作开发界面时的指导。


为了获得更好的体验,你还可以更改线条的颜色、不透明度、密集程度,从而更轻松地将网格与网站设计进行比较。




Baseliner插件是一款开源的工具,并在开源社区的支持下不断更新,因此可以放心使用。


Baseliner插件使用方法


一、安装插件


如果有条件,可以直接在谷歌Chrome商店下载安装;如果无法访问,请在扩展迷安装Baseliner插件的crx文件到你的谷歌浏览器上。


二、添加网格线


单击插件图标,当前网页就会被添加上默认的网格线了。


如果你不习惯这样的线条,那么可以在菜单中进行手动调整。比如更换它们的颜色、透明度、密集程度等等,自定义程度很高。




你也可以点击垂直线的开关、水平线的开关,来隐藏不需要的线条。




需要注意的是,网格仅应用于当前网页,你为每个URL设置的配置都保存在localStorage中,因此刷新后就能回到网站的原样了。


Baseliner 插件

Baseliner

An extension for designers and developers who care about vertical rhythm.

下载

分享

全部评论

    展开更多评论

    扩展迷QQ交流群

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功