如何通过网格做UI设计_惠州计算机UI设计培训学校

网格在我的理解就像一个胶水一样，把内容和设计结合起来，内容有很多种形式，各不相同，但是通过网格系统我们能将这些隐形的内容连接在一起，网格是设计中很重要的一部分。

网格是一种对齐工具，它由一些横向和纵向的线组成，主要用到对齐图形，文字以及图片，主要建立这些内容的秩序和规则，最终保证设计一致性的一个基础框架。这些线也只有设计师看的见，其实网格的运用在生活中很常见。

早在文艺复兴时期，那时候绘画对网格发展有了很大影响，艺术家们为了创造一个完美的几何图形，从而产生这种对称的画布布局。

瑞士设计的影响，在第一次世界大战期间，保持中立的瑞士成为欧洲各地艺术家聚会的地方，由于印刷出版必须满足多国家的语言，设计师需要一套网格系统来统一实现这个目标，网格系统也是发端于瑞士的客观排版设计(Objective Typography and Design)运动的一部分，这就是《平面设计中的网格系统》。该书自问世以来畅销至今，实属情理之中。

只要不嫌麻烦，任何研究网格的人都会发现，在网格系统的帮助下，能更快地解决设计中的问题，并让设计更具功能性、逻辑性和视觉美感。

网格的几种类型

1.手稿型网格

手稿型网格：也是最简单的网格类型，常用在书籍上面比较多，它本质就是一个大型矩形框，内容占据了大多数空间。

适合场景：传统书籍杂志，手稿网格适合于都是文字的设计，但是也不局限于文字，图片也可以当内容，在互联网设计中，新闻类产品，偏内容阅读比较适合手稿型网格。

2.多列网格

多列网格：顾名思义，多列网格有几列，大家可以这么记住它，你创造的列越多，网格就越灵活，多列网格对于很多复杂的，不同的内容布局非常有用，使用多列网格，可以为不同内容创建趋势。适用场景：绝大数产品，网页，平面设计，这个多列网格也是现在运用比较广泛的，很多产品都运用到。

3.模块化网格

模块化网格：就是网格垂直和纵向拆分成多个模块的网格，形成井字形模块，每一个小模块形成一个单元格，当我们需要面对比较复杂布局，模块化网格为页面提供了灵活的内容格式。适用场景：报纸，杂志，电商设计，表单之类的场景。

4.基线网格

基线网格：是设计中垂直间距的基础结构，它主要用于保证页面水平对齐的层次结构。适用场景：文本对齐时候，图片展现类似网站。

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训