您所在的位置:首页 / 知识分享

UI栅格化系统-WEB

2018.12.09

2692

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 还是手机,在做自适应时也能非常好的扩展。

相关新闻

substr_replace如何替换多个字符串不同位置不同长度的子串

2019.01.23

2686

我们在做微信公众号开发,或者微信小程序开发时,经常要处理一些字符串,那么像字符串替换之类,今天简单说一下substr_replace的使用方式。

微信小程序全局状态

2021.01.13

341

在微信小程序中,可以利用 App.js 的 globalData 作为中间桥梁,在 Page, Component 之间,包括页面与页面,页面与组件,组件与组件之间传递需要传递的信息。

如何在琐碎的 UX 设计中,做出显性价值?

2018.09.15

1472

如何做各种琐碎的“小需求”设计工作中,做出属于自己的“大价值”呢?懂得是为了快速成长,这是每个有追求的设计师需沉思的事物。