现如今,网络运用不断发展和普及,无论普通大众还是知名人物,我想你已经感受到这一波奔涌的科技浪潮。你不得不停下来认知当下,怎样才能运用好这一变革和机遇。帮企翼小编给大家分享“关于网格系统在网站建设中的全方位运用(三)”;虽然质量一般,但可以一读。如需了解更多干货请看本站推荐区内容。
关于网格系统在网站建设中的全方位运用(三)
强调重点
均衡和简单的规划通常比过于复杂的规划更温馨。另一方面,你必需要提防,不要不断运用规范的手法而使你的版面看起来十分单调无聊。例如,为了强调,您可以通过兼并多个列来脱离网格或突出某些设计元素。这可以创立可视化的兴趣视角,并在您的主要设计元素中建立更好的条理架构。
从网格系统中跳出来创立重点,可以通过突出关键部分来极大地改进你的设计,或让它看起来真的十分傻。Wallpaper网站在打破四栏的时候做得十分好,并偏重强调了他们想让你看的视频区域。
但是你要提防,打破你的网格的节律往往会使得一个看起来十分坏或过火强调太多部分的规划,这样就不会起到真正的强调用途。
(Etsy网站)
(Wallpaper网站)
控制界线
网站建设中一个常出现的问题是何时在设计中运用网格系统?谜底是:永远!运用网格系统老是一个好的决断,由于它们有助于均衡、条理架构、划一性和统一性。
总有这样一种观念,即网格系统限制了你的任务。但这是一件好事,由于网格系统实践上可以增进你的缔造力,并以建设性的方式引导你的决断。这样的限制对你的任务来说是一个十分好的起点。所以当你有一个限制框架,比方你的客户给你的广告的尺寸,你就有一个起点来围绕它建立你的设计。网格的大小可以让你重视到这些限制要素。
在下图的例子中,从华尔街日报网站界面,你可以看到一个标识为绿色广告的区域,网格系统所发生的限制实效使得设计决策与维度构建的内容在这一区域生成。
(The Wall Street Journal网站)
心智地图
假如你设计的网页十分成功了,你的网格系统还将协助你建立一个你的网站页面独特的心智模型。这也意味着你的页面的架构不应该完全区别,一个有共同特性的主页面应该是你的计划的一部分,改进到每一个页面时维持风格、规划、规范和主页面统一也应该是你的计划的一部分。
让我们再来通过几个页面看看Etsy是如何成功搞定这个问题的。只要这一次,让我们关注它们的网格系统如何支持区别的内容需要,以及如何将它们从页面到页面进行组兼并定制联合规范。在我看来,他们在维持某种统一性方面做得十分好,这种统一性缔造了一个联合的印象,把页面划一地联合起来。因而,他们能通过内容引导客户,客户晓得该等待什么。他们的心智地图是健全的,没有任何不测,会毁坏客户在访问整个网站时的客户体验。
Etsy的美工为网站的一切页面缔造了一个共同的风风格性,页面看起来十分优雅、简约、联合,由于他们晓得如何灵敏运用网格系统进行设计任务。
(Etsy网站)
(Etsy网站,www.bangqiyi.com)
(Etsy网站)
结语
总的来说,网站建设中系统灵敏运用网格系统设计网站的内容是使内容主题锋芒毕露的关键。没有什么比统一的网格线更有效地将各类方式的内容严密联络在一同了。创立一套强大的引导线进行规划设计,客户可以跟随它的角度,引导客户的眼睛和举措,就像无形的视觉锚。这通常会使得更结实的关系,将你的设计任务连结在一同并发生凝聚力。维持简约高效!你的设计任务将更容易维护和创立。