淮南ui设计中网格系统的基础知识

发布者: u-walker 发布时间: 2019-08-14 浏览 104
  淮南ui设计中网格系统的基础知识。网格是一个看似简单,实则复杂的系统,掌握网格系统的基础知识,有助于提高整体设计水平。下面,小编就和零基础学ui的学员分享几点网格系统的基础知识。

淮南ui设计中网格系统的基础知识

  一、网格的构成

  网格自身有一套独特的对齐关系的原则,用于指导如何在一个版面中分配各个组成部分。版面中包含若干个不同的部分和构成,每个部分都有着不同的用途和功能。在实际设计工作过程中,根据如何理解材料、市场和用户需求等因素,可以将某些部分从整体结构中去掉。

  1、大体结构

  版面:版面是页面中所有构成部分的综合;

  版心:版心是页面中主要内容的所在区域;

  栏间空白:两个栏目之间的分隔区域;

  外缘留白/外页边距:外缘留白或外页边距有助于将文本框纳入整体的设计中;

  底部留白/底页边距:页面底部的留白区域。推荐阅读>>>UI动效的作用及常见类型

  2、局部结构

  空白:空白可以提供如注释和说明文字等二级信息;

  栏目:栏目是有组织的放置正文的地方,并让读者容易阅读;

  模块:模块是给网格内图像元素留出的空间,相连接的网格可以建议建立不同的行列模块;

  基线:基线是网格的基本结构,用来引导文本和其他元素在设计中的布局;

  空间区:空间区可以为文字、广告、图像或其他信息构成特定区域的模块组或栏目组;

  标志:标志能标明出现在同一位置的素材的方位,包括页数、页首标题和页脚(标头、页脚),以及图标;

  二、网状网格与点状网格

  设计师会利用网状网格或点状网格来辅助对设计元素的布局,淮南ui设计使用网格之前,必须理解它们是如何辅助设计师进行设计的,要思考牺牲对布局的多样性,换来多少设计的连贯性,而且也为实践留下了更大的空间。

  1、网状网格

  网状网格是基础网格,它由一系列的水平线和垂直线组成的,以此来引导设计元素的布局,使设计师能快速布局并变得连贯而准确,它常被运用在设计定稿之前的草图中。

  2、点状网格

  点状网格同样是一个基础网格,用来安置不同的设计元素,它们也可以用来补充页面元素的布局,例如文字和图片之间的空白等。

  淮南ui设计中网格系统的基础知识。设计师们在全面把控网格系统的过程中,需要注意的是保持设计页面的整体性与美观性的平衡。

本页网址:https://www.u-walker.com/huainan/1028.html

上一篇: 淮南ui设计师如何提高交互表现

下一篇: 交互设计留学需要做哪些准备

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部