在线下单

投诉 / 建议

投诉 建议

请填写真实地址,不需要 重复填写所在地区

干货!好用online栅格化工具+免费可商用的图库

浏览次数:

发布时间:2017-2-27 20:03:33

平面设 计中使用栅格化设计是相当重要的,特别是网页和VI设计方面,在设计 前都需要来好栅格,但是选 择合适栅格和计算无疑是浪费了设计师不少的时间,然而当 遇上今天的神器「GridGuide」在线工具,以后再也不怕Web网格布局问题了。

打网站后,用户可 以自由设置最大宽度、列数以 及留白边界即可生成栅格方案了。

这里说明下留白边界(Outer Gutter Ratio)是以倍率为单位,分别为0,0.5,1.0,1.5,2.0的倍率。

uisdc-website-201610311

选择最佳栅格方案

GridGuide 可以很方便计算多1种栅格 多种方案的布置。比如我 设置了最大宽度:1240,列数:12,此时工具会自动生成5种最佳 栅格方案给我们选择。

uisdc-website-201610317

下图是以手机宽度375 PX来设置,列数是5列,留白边框是1.5倍

uisdc-website-201610316

有了这个工具,我们在制作 WEB、响应式、H5网页、VI 等平面 设计相关的栅格都会更容易,推荐大家收藏。

值得使用的三个理由

1、使用简单,不需要 设计师去算来算去
2、一次性 推荐多种最佳栅格布局,设计师 可自由选择最合适的方案
3、支持下载 PNG格式的栅格图像

本文要 再来介绍一个最近新发现的免费图库「Picography」,相较于其他图库来说,它并没 有与众不同的部分,不过本 身采用大图预览,在浏览 上感觉相当舒适,网站内 图片不依照分类或卷标排列,现在收 录的数量也不多。

网站提 供免费高画质解析相片让使用者下载,无须注册登入,图片可以做任何用途(CCO 授权),无论个 人或商业项目都能自由取用,还能投 稿自己拍摄的相片让其他人下载。

开启 Picography 后,可以看 到网站收录的免费相片,这些相 片拍摄上都相当到位,且有部 分套用滤镜效果,看起来更有质感!

uisdc-website-201610312

点选缩 图后会开启原始图片,占满整个网页背景,喜欢的 话点选右下角的「Download」就能免费下载、获取原图。

uisdc-website-201610313

前面已经提到过,Picography 收录的 图片素材皆能使用于个人或商业用途,版权上没有任何限制,不过禁 止以任何方式再次贩卖给第三方,这应该 是使用图库最基本的认知。

uisdc-website-201610314

如果你 本身也有拍摄相片,自己后制修图的习惯,那么也可以透过 Picography 将作品 无偿分享至全世界,开放让 其他人免费下载使用,细节部 分可以点选右上角 Submit 把相片传送给 Picography 在线图库。

上一篇:没有了

下一篇:2017公众号 快速涨粉方法汇总

<
友情链接:    鑻规灉褰╃エapp   鎭╂澃妫嬬墝濞变箰   鏄熷煄褰╃エ