WordPress 外贸独立站网站建设中总会遵循一些基本的设计原则,不论您是经验丰富的行业大牛或是刚进入 WooCommerce 独立站网页设计领域的新手,巩固容易忽略的设计原则将会极大地改善您设计工作的质量。那今天小编也就来分享关于 WordPress 外贸独立站网站建设的一些重要原则总结的第四部分。
一致性
如果您遵循目前所讨论的原则,但缺乏一致性,您将会削弱在应用其他设计原则时所取得的进步。一致性有助于建立一个设计、站点或外观的心智模型。类似的东西应该在视觉上相似。而且记住这一点,一旦您开始编码您的设计,让您的设计变得更简练 (不要重复您自己),您就会更加直截了当。
(Dropbox 团队的另一个令人赏心悦目的设计)
上图的示例显示了不同级别上的一致性。插图的样式和尺寸是一致的。按钮看起来是一样的。所有三列的视觉重量都是均匀的。每一列都有相同的内部结构。总的来说,这是简单、精心考虑和有效的。
一致性设置了预期,无论接下来发生的是什么,都会出现相似的情况,从而减少认知处理。避免使用大量不同类型的字型和字型是保持一致性最重要的途径之一。在一个环境中,多用户习惯于以特定的样式或字型阅读,因此不应该打扰读者。
您最近有没有看到过使用大量不同按钮的网站,而不是少数几个可以创造更好的一致性的网站? 我敢打赌,您肯定不会喜欢的。下面的按钮属于一个单一站点的界面清单。正如下面所观察到的,您能在错误的方向上走多远,这是令人惊讶的。
当 WordPress 外贸独立站网站建设类似的元素具有相同的美学特征时,系统的可用性就会大大提高。为什么要让多用户学习不同的视觉语言来浏览网页呢?这没有任何意义!
(布拉德. 弗罗斯特关于原子设计的优秀著作的一张截图)
相似性
您猜对了,一致性源于这个格式塔原则,它表明相似的东西创造了一种统一的形式,您可以在您的设计中使用。具有相似特征的元素似乎彼此之间的联络更密切,而不是不同的事物。相似的元素暗示著一种关系,在它们周围其他元素形成强烈的对比。
您可以通过使用普通的方法来实现元素之间的相似性: 颜色、大小、形状、纹理、方向、面积、尺寸。
所有这些都可以表明关系。颜色和形状是强调这些关系的很有力的例子。尽管相似性是一种强大的武器,但它仍然是一种加强等级的工具,而不是一种简单的创造它的工具。
这是 Dribbble 上的多用户列表,显示了设计师和他们的工作。这是一个极好的例子,说明相似可以支持不同设计元素的列表来建立关系,从而显得更加统一。通过缩图的水平接近和每个重复行的相似性,可以在页面上显示移动。
(Dribbble 上的多用户列表)
就功能而言,WordPress 外贸独立站网站建设类似的外观元素应该为多用户完成类似的任务。当多用户不再需要为相似的界面元素重新学习不同的行为时,就会消除挫败感。相似性有助于管理期望,而期望本身是您的军火库中的一个非常强大的工具。