WEB UI栅格化系统
Sponsor
什么是栅格化系统，想必有经验的设计师都应该听说或者已经在使用了，特别是有经验的网页设计或 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」即可获得。
赞助商链接
与 栅格化 相关的文章
推荐书籍
-
艺术的故事艺术与审美入门之书 -
DON'T MAKE ME THINK设计师必看 -
《移动应用UI设计模式》手机APP设计 -
《设计心理学 全四册》高阶技能！ -
JavaScript权威指南(第5版)只能说牛X -
《见微知著》Web用户体验入门书籍
Archives
- 2023 年 4 月
- 2022 年 10 月
- 2022 年 9 月
- 2021 年 7 月
- 2021 年 6 月
- 2020 年 6 月
- 2020 年 5 月
- 2020 年 4 月
- 2020 年 3 月
- 2020 年 2 月
- 2020 年 1 月
- 2019 年 12 月
- 2019 年 11 月
- 2019 年 10 月
- 2019 年 9 月
- 2019 年 8 月
- 2019 年 7 月
- 2019 年 6 月
- 2019 年 5 月
- 2019 年 4 月
- 2019 年 3 月
- 2019 年 2 月
- 2019 年 1 月
- 2018 年 12 月
- 2018 年 11 月
- 2018 年 10 月
- 2018 年 9 月
- 2018 年 8 月
- 2018 年 7 月
- 2018 年 6 月
- 2018 年 5 月
- 2018 年 4 月
- 2018 年 3 月
- 2018 年 2 月
- 2018 年 1 月
- 2017 年 12 月
- 2017 年 11 月
- 2017 年 10 月
- 2017 年 9 月
- 2017 年 8 月
- 2017 年 7 月
- 2017 年 6 月
- 2017 年 5 月
- 2017 年 4 月
- 2017 年 3 月
- 2017 年 2 月
- 2017 年 1 月
- 2016 年 12 月
- 2016 年 11 月
- 2016 年 10 月
- 2016 年 9 月
- 2016 年 8 月
- 2016 年 7 月
- 2016 年 6 月
- 2016 年 5 月
- 2016 年 4 月
- 2016 年 3 月
- 2016 年 2 月
- 2016 年 1 月
- 2015 年 12 月
- 2015 年 11 月
- 2015 年 10 月
- 2015 年 9 月
- 2015 年 8 月
- 2015 年 7 月
- 2015 年 6 月
- 2015 年 5 月
- 2015 年 4 月
- 2015 年 3 月
- 2015 年 2 月
- 2015 年 1 月
- 2014 年 12 月
- 2014 年 11 月
- 2014 年 10 月
- 2014 年 9 月
- 2014 年 8 月
- 2014 年 7 月
- 2014 年 6 月
- 2014 年 5 月
- 2014 年 4 月
- 2014 年 3 月
- 2014 年 2 月
- 2014 年 1 月
- 2013 年 12 月
- 2013 年 11 月
- 2013 年 10 月
- 2013 年 9 月
- 2013 年 8 月
- 2013 年 7 月
- 2013 年 6 月
- 2013 年 5 月
- 2013 年 4 月
- 2013 年 3 月
- 2013 年 2 月
- 2013 年 1 月
- 2012 年 12 月
- 2012 年 11 月
- 2012 年 10 月
- 2012 年 9 月
- 2012 年 8 月
- 2012 年 7 月
- 2012 年 6 月
- 2012 年 5 月
- 2012 年 4 月
- 2012 年 3 月
- 2012 年 2 月
- 2012 年 1 月
- 2011 年 12 月
- 2011 年 11 月
- 2011 年 10 月
- 2011 年 9 月
- 2011 年 8 月
- 2011 年 7 月
- 2011 年 6 月
- 2011 年 5 月
- 2011 年 4 月
- 2011 年 3 月
- 2011 年 2 月
- 2011 年 1 月
- 2010 年 12 月
- 2010 年 11 月
赞助商
