商略网络,专注中小企业网站建设,为您的网站量身定制!
您当前的位置:首页 > 动态 > 建站知识

顺德网站设计:网格系统在网站建设中的综合应用(一)

商略建站发表于 : 2019-07-12 12:19:05  来源:  分类:建站知识

  • 摘要:如果你从未尝试过在你的设计中使用网格系统,这篇文章非常适合你阅读。在这篇文章中,你将了解网格系统的基本术语和理论,你将通过真实的网站案例了解网格系统在网站建设中如何用
如果你从未尝试过在你的设计中使用网格系统,这篇文章非常适合你阅读。在这篇文章中,你将了解网格系统的基本术语和理论,你将通过真实的网站案例了解网格系统在网站建设中如何用于网站设计领域。在这篇文章中,你将了解到e《人才与艺术多站点建设》的编辑将处理网格系统的许多相关内容,包括:
  
   什么是网格系顺德网站设计统
  
   网格系统术语
  
   三组分法
  
   12柱网格系统
  
   重点
  
   控制界限
  
   思维导图
  
   首先,什么是网格系统
  
   网格系统可以创建网页的基本框架,并为您的网站构建和设计提供框架。它们由不可见的分区线组成,您的设计元素可以放置在图片的框架中。这样,元素可以在整个网格系统中链接,并合理地支持您的创建。
  
   网格可以帮助你在没有太多努力的情况下实现有效的整洁和一致性。随意设置网格系统可能不是很有效。如果正确、科学地使用网格,你的设计就会显得深思熟虑、有序、整洁和合理。下图中的BBC网站充分利用了网格系统来设计整洁和一致性。现有接口。
  
   (BBC网站采用网格系统设计)
  
   在许多优秀的设计作品中都有很好的对齐方式,但很少被用户注意到,越少越好。如果你太聪明,你可能会分散用户对搜索特定内容和快速消化的主要目标的注意力。简单和高效的界面应该是你设计的重点,而不是炫耀你的设计技巧顺德网站设计有多漂亮。缺乏一致性是非常明显的,会留下草率的印象。这可能导致缺乏信任。在您的设计中,除非缺少对齐的接口是出于某种创造性的原因。
  
   网格系统术语
  
   细胞
  
   单元格是每个网格系统的基本组成部分。多个单元格构成整个网格系统。在BBC网站的示例中,您可以看到一个12列的网格系统。图中的紫色条纹代表一个单元格。
  
   (英国广播公司网站上的单元格)
  
   细胞间隙
  
   下图中的窄黄色条纹代表了分隔每个单元格的单元格间距,它是一个很小的边缘,为网格系统提供了一定的呼吸空间。
  
   (英国广播公司网站上的单元格空白)
  
   垂直行
  
   多个单元格和单元格间距一起形成一个垂直列,这是一个有效和系统地放置内容的容器。在垂直列等限制条件下,可以释顺德网站设计放工作,通过这些限制,您可以更容易和有效地决定在何处放置内容。
  
   在下面的示例中,您可以看到三个不同的垂直列一起工作。每一列都是针对特定形式的内容而强调的。正如您所看到的,您有许多选择来混合不同形式的内容和设计元素。您还可以观察到,这些垂直结构形成了一个坚实的结构,从而创建一致性和一致性。通过对齐。设置几行绑定列没有什么不好的代价,是吗
  
   (英国广播公司网站的纵栏)
  
   区域
  
   包含内容的垂直列构成了水平分隔页面的区域。在您的页面上争取相同的高度是一个好主意。实际上,这并不总是容易实现的。如果您的区域和设计一样高,那就很好了。如果没有,试试看。
  
  
本文由商略网络整理编辑:顺德网站设计:网格系统在网站建设中的综合应用(一)
地址为:https://www.3lue.cn/news/jianzhanzhishi/4067.html