的使用不仅帮助他们从其他商业网站中脱颖而

MIM2020

在这种情况下，您可以围绕主要元素（例如徽标或其他独立图像）排列次要页面元素。看看维基百科主页如何围绕其详细徽标安排其语言菜单，同时仍将注意力吸引到其主要 搜索栏上。 用有组织的网格突出显示多个选项 推荐用于： 电子商务产品目录 大型内容库，例如文章、博客或工作样本 如果您只宣传一件事，聚光灯布局效果很好，但如果您想一次宣传很多东西怎么办？为此，使用有组织的网格效果最好：您可以一次显示多个内容，让访问者浏览他们正在寻找的内容。 网格通常使用称为 卡片 的设计元素，它就像包含所有必要信息的独立盒子。通常，卡片包含有趣的图像、标题，有时还包含简短的文字描述。 此外，卡片和有组织的网格布局非常适合响应式设计，为移动设备提供了巨大的优势。

卡片具有出色的灵活性，因此无论设备如何，它们都可以轻松重新排列以适应任何屏幕尺寸，这与需要为每个新屏幕设置调整大小的固定尺寸布局相反。 网站布局类型示例：第九大道 网页设计由 网站布局示例类型： 通过极乐 网站布局类型示例： 通过 对于电子商务，如 设计的 中东手机号码清单 第九大道，卡片也经常包含销售价格。在线美容店 甚至包括产品评级，以进一步帮助购物者决定购买什么。 网格的缺点是它们的外观可能有点乏味，尤其是当有很多卡片需要滚动浏览时。您可以通过一点创意使您的网格布局更加生动。 例如，糖果 放弃了线条，因此他们的每张卡片都与背景融为一体，营造出更宽松、更自由的感觉。一些品牌甚至可以使用不对称布局（如下所述）交叉网格，以获得更前卫和更动感的外观。



您无需成为电子商务网站即可使用网格布局。看看下面由 设计的 网站。该网站将他们的标准业务页面（如 使命 和 服务 ）组织成一个易于阅读的网格，包括每个页面的强大图像。这种布局出，还强调了他们的商业主题稳定和组织精神健康。 网站布局类型示例： 由 设计的网页 使用 形模式让阅读更轻松 推荐用于： 商业网站 旨在解释或介绍新想法的页面 模式得名于昔日网页设计中的眼动追踪研究。通过监控人们在网站上看的位置，他们发现大多数人连续从左到右看，然后向下移动并从左到右开始新的一行。 想象时，他们的眼睛似乎在追踪字母 ，一遍又一遍地从顶行到底行。它模仿我们的眼球运动阅读，我们从左到右阅读，当我们完成一行时，我们向下移动到下一行，再次从左边开始。 网页设计师发现他们可以通过相应地设计网页布局来利用这种自然的眼睛模式。信息从左到右显示在一行中，然后当用户向下看以开始新的一行时，行与行之间会有一个小的 停顿 。它作为一种将信息分解成小的、易于消化的比特的有机方法，效果很好。