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

三水模板网站建设:网格系统在网站建设中的综合应用(3)

商略建站发表于 : 2019-07-11 17:09:17  来源:  分类:建站知识

  • 摘要:强调强调 平衡和简单的布局通常比过于复杂的布局更为舒适。另一方面,你必须小心,不要一直使用标准化的技术来让你的布局看起来无聊。例如,为了强调,你可以脱离网格或
强调强调
  
   平衡和简单的布局通常比过于复杂的布局更为舒适。另一方面,你必须小心,不要一直使用标准化的技术来让你的布局看起来无聊。例如,为了强调,你可以脱离网格或通过合并多个列来突出显示一些设计元素。这就创建了可视的viewpo在您的主要设计元素中有兴趣和更好的层次结构。
   三水模板网站建设
   离开网格并创建焦点可以通过突出显示关键部分来显著改进您的设计,或者使其看起来非常愚蠢。墙纸很好地突破了四列并突出了他们希望您看到的视频区域。
  
   但是要小心,打破网格的节奏通常会导致布局看起来很糟糕或过于强调,因此它不会真正强调。
  
   (ETSY网站)
  
   (壁纸网站)
  
   控制界限
  
   网站建设中的一个常见问题是在设计中何时使用网格系统,答案是:永远!使用网格系统总是一个好的决定,因为它们有助于平衡、层次、整洁和一致性。
  
   总有这样的想法,即网格系统限制了你的工作。但这是一件好事,因为网格系统实际上可以提高你的创造力,以建设性的方式指导你的决策。这种限制是你工作的一个很好的起点。因此,当你有一个限制性的框架,比如你的客户给你的广告的大小时,你有一个起点来构建你的设计。网格的大小允许你注意到这些约束。
  
   在下面的示例中,从《华尔街日报》网站界面,您可以看到一个标记为绿色广告的区域,其中网格系统的限制性影响导致设计决策和维度构建内容生成。
   三水模板网站建设
   (华尔街日报网站)
  
   思维导图
  
   如果你设计了一个成功的网页,你的网格系统也将帮助你建立一个独特的网页心理模型,这也意味着你的网页结构不应该完全不同。一个具有共同功能的主页应该是你计划的一部分。它也应该是你计划的一部分,以保持风格,布局,规格和主页的一致性时,调整到每一页。
  
   让我们看几页,看看Etsy是如何成功解决这个问题的。只有这一次,我们才关注他们的网格系统如何支持不同的内容需求,以及如何将它们从一个页面组合到另一个页面并定制成统一的规范。在我看来,他们很好地保持了一定的一致性,这就创造了一个统一的印象,统一的页面,因此,他们可以引导用户通过内容,用户知道期望什么。他们的心理地图是健全的,没有任何惊喜,并将损害用户的体验,当他们浏览整个网站。
   三水模板网站建设
   Etsy的设计师为网站的所有页面创建了一个共同的风格和色调。页面看起来优雅、简洁、统一,因为它们知道如何灵活地使用网格系统进行设计工作。
  
   (ETSY网站)
  
   (ETSY网站)
  
   (ETSY网三水模板网站建设 站)
  
   结论
  
   一般来说,网格系统设计在网站建设中的灵活运用是使内容主题突出的关键,没有什么比一致的网格线更能有效地将各种形式的内容联系在一起,为版面设计创造一条强大的指导线,用户可以跟随它的方向,引导用户的眼睛和行动,就像无形的vi一样。Sual锚定。这通常会导致更强的关系,将您的设计工作联系在一起并产生内聚力。保持简单和高效!您的设计工作将更易于维护和创建。
  
  
本文由商略网络整理编辑:三水模板网站建设:网格系统在网站建设中的综合应用(3)
地址为:https://www.3lue.cn/news/jianzhanzhishi/4043.html