关于插图的提示在网页设计

这里,基因克劳福德提供有关如何使用插图来增加您的网站的提示,而不会让导航混淆...

专注于插图

插图可以为您的网页设计增添个性,温暖和个性。但是,如果做得不好,就有可能混淆互动和沟通的水域。

确保交互元素和说明性内容之间存在明显区别非常重要。这将确保网站不仅美观,而且用户也可以轻松浏览并采取任何操作,例如注册简报。

风格各异

可以通过几种不同的方式来区分交互和插图之间的区别。但是,通常情况下,按钮,导航元素和号召性用语与页面其他部分的插图风格不同,以帮助他们脱颖而出。

例如,如果插图纹理粗糙且粗糙,则用户与之交互的所有内容都应具有锐利的边缘和阴影。如果插图是直线或单色,那么将其与导航区分开的一个好方法是使所有其他元素颜色鲜艳。

清理方式

关键在于,使这些元素在视觉上与插图截然不同,有助于通过使斑点成为他们想要做的或他们想要去的地方来减少混淆。这将允许用户惊叹于您网站上的美丽艺术,同时仍然让他们在路上。

五个例子来看看......

大本营

项目管理应用程序Basecamp的网站充分利用符号插图来讲述应用程序是什么以及您使用它做什么的故事。

Xperia社交实验

索尼Xperiments网站上的这个例子表明,说明性和互动性元素混合得过于紧密。虽然插图精美,但可能导致一些令人困惑的交互点。

Mailchimp

电子邮件营销应用程序Mailchimp是一个很好的例子,它使用丰富的说明性和图像图像,并在它和交互元素之间有一个非常清晰的区别。

Indubitablee

Indubitablee的网页设计师产品组合是插图和平衡互动元素的完美结合。他们甚至使用颜色来帮助巩固视觉上的差异。

伊恩詹姆斯考克斯

Ian James Cox的投资组合网站使用说明性元素和传统导航来创建一种有趣的方式来浏览网站的内容。

这就是现在!你觉得这有用吗?请在下面的评论框中告诉我们您的想法。

此功能最初发布于.net杂志问题224。



翻译字数超限