优秀设计资源 » WEB UI栅格化系统

WEB UI栅格化系统

发表于: 优秀设计资源. 评论
赞助商链接

什么是栅格化系统,想必有经验的设计师都应该听说或者已经在使用了,特别是有经验的网页设计或 UI 设计师,都会有自己的一套栅格化技术。然而对于新手?按什么样的栅格标准来设计好呢?今天设计达人就为大家分享 WEB/UI 标准栅格系统库,用它来设计可让你的界面更标准、合理化哦!(下载地址见文章底部)

WEB UI栅格化系统

这套栅格的设计是按照目前流行的网页、平板、iOS手机以及 Android 界面进行标准化设计,所以适用性是很广的。

多个源文件格式

作者绘制了5套设计软件的格式,包含 PS, Sketch, Adobe XD, AI, Figma这几款源文件,超级方便。

Bootstrap 4 栅格

包含最新的 Bootstarp 栅格系统,做 BS 的网页设计真的方便很多了哦!

Android UI 栅格系统

一共有3种设备6种栅格设计,适合不同需求。

iOS UI 栅格系统

iOS 的栅格比较多,一共8个设备,16个栅格系统。包含 iPhone, iPad, Watch 等不同型号设备。

栅格系统怎么选?

小编认为网页设计使用12列的栅格最为合适,而 APP UI 设计则使用6列的作为标准,这样无论是 PC 还是手机,在做自适应时也能非常好的扩展。

打包下载

素材名称:WEB-UI-栅格系统库-v4
素材格式:PSD, AI, SKETCH, FIGMA, XD
素材版权:免费个人及商业用途
素材来源:grid.kkuistore
下载地址:在设计达人公众号(ID:shejidaren888)私信「0264」即可获得。

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。