苏州ui设计师如何灵活使用网格系统

发布者: 系统管理员 发布时间: 2019-11-12 浏览 106
  苏州ui设计师如何灵活使用网格系统?很多ui培训学校的新手设计师对于网格系统的运用都只是停留在其划分方法上,没有根据产品性质去调整网格系统的逻辑设计。那么,新手设计师们该如何灵活使用网格系统呢?

苏州ui设计师如何灵活使用网格系统

  想要灵活的使用网格系统,不能仅仅只是停留在多变的应用层面,而是需要了解网格的基本变化逻辑和划分中产生的规律。在网格的划分层面通常会以不同类型和方法对版面空间进行相应的划分,不同网格类型之间依然存在一定的关系,形成相互作用的使用法则,最为直观的表现就是以画布为基准呈现出垂直式的划分,但不管画布大小如何亦或者使用何种方法划分,在平面空间内都需要遵循两个基本的轴向,即垂直轴和水平轴。

  一、垂直轴

  垂直轴作为版面空间中基本的轴线之一,是视线从上至下的基本阅读规律,对于苏州ui设计者来说,在对版面空间进行划分时不管使用什么样的划分方法和网格类型,通常大多数都是以垂直轴从上至下划分版面空间,但在处理视觉元素时则会按照从左至右的方式排列信息元素,并以网格划分的垂直线作为视觉元素的起点或者终点,使信息能够按照设定好的网格框架排列。

  通过调整版面的结构布局,使信息贴合垂直网格划分的结构,遵循并强调突出以划分方式形成的视线,使版面以更加直观的视觉表现呈现出信息和主干结构,而手法和效果则是为了满足结构布局进行的适当调整。当以垂直轴划分时,版面中的视觉元素则是以左右的方式移动位置来确定或者调整整体的布局结构,而网格对于整体的布局结构和视觉元素来说则是起到辅助性的作用,同时也是为视觉元素的对齐提供依据,所形成的视觉感受则是以左右区分层级和层次感。

  二、水平轴

  水平轴与垂直轴同是作为空间中基本的轴线,在空间中是用于确定视觉元素位置高低的参考,营造上下层级的重要隐藏轴线,也是与垂直轴一起确定视觉元素具体位置的依据。想要灵活的使用网格系统编排好版面的视觉元素,并不是取决于网格的划分类型,而是在于网格的逻辑和规律使用,水平轴是在除了以中心轴与人眼观看事物的水平线以外的轴线,是需要通过视觉元素的起始点和结束点以及网格的辅助权衡版面视觉平衡的重要依据。

  苏州ui设计师如何灵活使用网格系统?所以,设计师们想要灵活使用网格系统,首先要掌握它的逻辑与规律,但网格系统在我们的设计中只是辅助作用,也不能过分依赖。

本页网址:https://www.u-walker.com/suzhou/1627.html

上一篇: 苏州ui设计师如何提升交互等待体验

下一篇: 苏州ui设计新手工作好找吗

相关推荐

预约报名

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






400-073-5855
返回顶部