当前位置:首页>设计文章>神器>酷站两连发!网页排版对齐神器Graaf+专属免费图库

酷站两连发!网页排版对齐神器Graaf+专属免费图库

酷站两连发!网页排版对齐神器Graaf+专属免费图库

当设计师把网页设计稿交给前端开发人员写代码后,页面往往与原稿有些偏着。前端人员写完页面后,还需要截图叠加到设计稿上,去看看偏差比率,这是很麻烦的事情。为了解决这个问题,建议设计师和前端人员看看今天分享的 Graaf 栅格样式工具。

Graaf

Graaf 可以直接在页面上显示栅格线,而且可以自定义栅格结构,大大减少前端或设计师检测页面的烦恼。

酷站两连发!网页排版对齐神器Graaf+专属免费图库

产品特色:

1. 直接在WEB页面上显示栅格,方便前端人员实时调整(赞赞赞)
2. 栅格样式支持多个流行布局,如:Bootstrap, BBC News, Dribbble, Github, Medium…
3. 支持定制栅格样式(赞赞赞)

直接在页面上显示栅格线

只需要引入CSS 文件就能直接在页面上显示栅格线,这些既方便查看页面错位,又可以实时刷新调整,再也不用一个个截图到设计稿了。

酷站两连发!网页排版对齐神器Graaf+专属免费图库

自带多个栅格样式

目前自带了有10多个流行的栅格样式,只需要替换对应样式表名称就行,如下图,如果你需要 Bootstrap 的栅格,就点击 bootstrap.css 就能看到样式表链接,然后直接嵌入网页即可。

酷站两连发!网页排版对齐神器Graaf+专属免费图库

自定义栅格样式(赞)

如果没有你需要的栅格系统,那么可以简单修改 CSS 链接就可以自定义栅格线了,比如这个链接:

https://grids.graaf.space/793/10/16.css

793/10/16分别是宽度、列数、间隔,你只需要修改对应数值就会即时生效,比如设置为宽度:1200px,列数:3列,间距:30 px,那么链接就这样改动:

https://grids.graaf.space/1200/3/30.css

酷站两连发!网页排版对齐神器Graaf+专属免费图库

Taiwan Scenery Gallery

(搭梯子访问)

而且今天重点介绍 Taiwan Scenery Gallery 这个图库资源,特色在于图库里的所有图像均来自中国台湾,所以设计师们如果想找免费的中国台湾照片,这是一个很好的资源。

据 FLiPER 报道这是由 2 个广告系中国台湾本土女生创办,她们时常思考身在中国台湾,有没有可能为中国台湾做点什么,为中国台湾留下美的记录?

酷站两连发!网页排版对齐神器Graaf+专属免费图库

水稻 | 摄影:裴

最后她们想到了分享免费图像的行动,因为喜欢照相的中国台湾人很多,而需要照片的人也很多,特别是设计师们,这个行动不仅可以帮到需要图片的人,同时也在向世界传播着中国台湾的美。

酷站两连发!网页排版对齐神器Graaf+专属免费图库

池上乡,台东县 | 摄影:Eting

这个照片资源全部均为中国台湾人提供,但…报道前还有100多张,而现在小编看了下,只有44张,也许被购买版权了吧。免费分享的同时,摄影师也能获得额外收入,这也是不错的。

酷站两连发!网页排版对齐神器Graaf+专属免费图库

台南海安路(已删)

酷站两连发!网页排版对齐神器Graaf+专属免费图库

桃源谷 | 摄影:Eting

酷站两连发!网页排版对齐神器Graaf+专属免费图库

澎湖西嶼(已删)

酷站两连发!网页排版对齐神器Graaf+专属免费图库

澎湖湖西

酷站两连发!网页排版对齐神器Graaf+专属免费图库

新竹柿饼 | 摄影:范育銓

虽然目前只是很少的相片,但我们报道后,也会有不少人的参与进来,未来她会继续成长,敬请关注。

「优设最新神器推荐」

  1. 《这款图标神器,让你体验用完即走的畅快感》
  2. 《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  3. 《超好用的PS字体管理插件FONTAGS(附安装方法)》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

1、CNBE.CC所有文章,如无特殊说明或标注,均为本站作者原创发布。
2、任何个人或组织,在未征得作者同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
3、如若此作者内容侵犯了原著者的合法权益,可联系客服提交工单进行处理。
4、CNBE.CC内用户所发表的所有内容及言论仅代表其本人,并不反映任何CNBE.CC之意见及观点。
!
你也想出现在这里? 立即联系
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索