当前位置:首页 > 杭州商城建设开发

网站设计如何使用网格帮助组织页面上的元素

2020-02-19

为什么杂志和书籍总是布局相同?即使采用替代设计,布局也会协调一致,否则读者的脑袋会爆炸……或者他们将停止阅读并跳至下一页。出版,广告,网页设计,插图以及将元素联系在一起的任何其他事物的成功设计取决于阅读器中的绘图,并引导他们的视线遍及整个页面。

有人认为这没什么大不了,设计页面自然而然是因为我们从文化中学到了成长的经验,并从童年开始就着眼于设计,但很少有人(如果有的话)了解其工作原理。在大多数社会中,我们从左到右阅读。听起来还简单吗?只是从左边开始,一切都会落到位吗?基本上,但挑战在于使读者以正确的顺序或至少希望您看到的顺序查看元素,这是布局设计中的挑战性技巧。

规则
我从来都不遵守规则,但是老师和伟大的艺术家对此主题都有一些令人难忘的名言。“在违反规则之前,您必须了解规则”和“要创建自己的世界,您必须首先了解现实世界”。

如果您研究破坏规则者,您会发现他们都有从现实世界中学习的基础,基础以及从那里发展的基础。这些规则是对布局,类型,色彩元素,插图和摄影的基本理解,以及眼睛如何看待它们,而大脑在组合在一起时会对其进行解密。

大多数教师尝试在布局中赋予的内容称为“ Z”模式。这是重要信息的战略布局的阅读模式(西方文化)。从左上角开始,一直向右移动,然后再向下再回到左侧,从上到下。标准而简单。

我不得不为我在网上发现的1950年“版面设计规则”所包含的以下内容而笑。然而,这些原理是合理的,并且它们仍然在讲述设计基础。

当您要框住信息并引起注意时(例如,目录,日历,特别说明),请使用边框。

允许文本列的边缘和图稿产生边框的错觉。

通过使用带阴影的边框来提请注意框或图像。

通过对比大小(比例),颜色和页面位置,将读者的注意力吸引到重要元素上。确保元素具有支持内容的功能。

使用大而粗的显示类型和/或图形来创建焦点。使用具有视觉重量,强度或颜色的元素进行聚焦。

使用网格帮助组织页面上的元素。确保网格是灵活的,但是网格部分不能太小。将页面分为四或五列以获得最大的灵活性。

使用多列来组织文本,将视觉效果组织成较小(更易于阅读)的信息块。

将文本分为两列或三列,以在标准页面上获得最佳效果。

将单列,较宽的列和较小的列用于抽取引号和其他类型的支持内容。

好的,这些都是简单的规则,并且仍然可以延续到现在和将来的需求中,但是随着我们的消费文化的发展,以及当今许多设计中的杰出规则破坏者,规则不断发展。设计的一项演进是“网格系统”。杭州网站建设

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号