WordPress 外贸独立站网站建设中总会遵循一些基本的设计原则,不论您是经验丰富的行业大牛或是刚进入 WooCommerce 独立站网页设计领域的新手,巩固容易忽略的设计原则将会极大地改善您设计工作的质量。那今天 WordPress 外贸独立站网站建设小编也就来分享关于 WordPress 外贸独立站网站建设的一些重要原则总结的第三部分。
主体及背景关系
WordPress 外贸独立站网站建设的这个原则非常强大,非常重要,您应该尽早掌握它。在您的设计上,您应该经常问自己一个简单的问题: 哪些元素在背景中,哪些在前景中?
在下图例子中,您可以看到,内容和按钮可以明显地从背景中突出出来。清晰的区分对于多用户的关注是非常重要的。这里的线条有点模糊,有趣的是,但仍然有非常清晰的轮廓。
(Cayenne website)
当我们的早期祖先忙于狩猎和采集的时候,我们通常非常重要的一点是要辨别出眼前可能的威胁或优势。将事物快速地与背景噪音区分开来似乎仍然是我们生存的一部分。想象一只老虎隐藏在丛林中相对于在地平线上的雨滴哪个更明显。从神经学上讲,这种视觉生存策略留下了深刻的印记我们不太可能改变这种简单的感知机制。对于数字多用户来说,这可能听起来很有趣,但大多数时候都已经过时了,但是知道了这一点,就可以更容易地决定如何为多用户强调重要的信息,以及如何在背景中隐藏更少的相关细节。
下图中,有一个非常突出的背景影像吸收了很多的注意力,它很有用,它以个人联络的形式传达情感。不过,采取行动的按钮被巧妙地放置,它的颜色把它带到了前台。
(Zappka website)
另一个问题可能是,我们的眼睛和大脑在同时处理大量信息时并不是特别快,这就导致我们优先考虑我们需要关注的事情。理解这一点将有助于您更有效地放置 WordPress 外贸独立站网站建设设计难题的部分。
层级关系
层次结构是关于如何分配视觉重要性的; 这是一种强调减少视觉混乱的兄弟。它是一个巨集观的指导,告诉您什么是首先关注的,以及如何跟随视觉,潜意识的面包屑,就像在浏览您的网站内容时,告诉您一个多用户可以抓住的视觉故事。将设计元素作为重要的层次,需要有效地安排。只有几部分被强烈地强调,您应该巧妙安排各部分内容,然后按照预期的方式将他们移到网站上。
就像我们之前说过的,您不希望所有的东西看起来都一样重要。如果是这样的话,您的观众将很难消化您的内容。相反,要创造出不同层次的重要性,强调您的构图的整体结构。一个一般的经验法则是: 规模越大,重要性越大。一旦一个基本的层次结构通过大小和间隔来实现,您就可以为混合新增颜色,从而帮助强调某些元素。通过逆向工作,从颜色开始,您将会使您的工作变得不必要的困难,或者至少是不那么有效。
(The Reddit index page)
上图中 Reddit 索引页面的截图也许不是精心设计的最佳设计范例,尤其是在建立清晰和强大的层级结构的意义上。我认为,Reddit 是其中一个案例:网站的成功和设计并没有紧密联络。我的意思是,它是凌乱的,但它不需要太多的东西来建立一个更清晰的视觉层次。
下图中,我喜欢 GitHub 上的探索页面如何处理排版,以建立一个微妙而清晰的层级结构。对眼睛进行扫描和跟踪是很容易的。颜色也可以用来建立视觉锚,同样适用于他们的搜索结果。
(The Explore page at GitHub)
颜色、形状、空白、大小和排列组合在一起,形成一个稳固的层次结构。一个清晰的 WordPress 外贸独立站网站建设层次结构可以快速地将好的和平庸的设计方案区分开来。