网站上设计和使用图标的提示

网站上设计和使用图标的提示

本文提出了主要的网站图标趋势以及设计好的图标的提示，以及在网站上使用它们的原则。

每个人都喜欢图标的事实是不可否认的。但是，它们可以创建或破坏接口–这完全取决于它们的设计和使用方式。了解他们在网站上的关键角色只会使准备过程更加清晰。

为什么网站需要图标？

一般来讲，图标的发明是为了简化一切：界面可用性，概念感知和设计过程。用户无需阅读大量的网站内容，而只需简单地浏览带有附加优雅图标的文本框即可。或者，他们也可以借助知名度高的微型图标浏览网站。实际上，现代网站设计趋势离不开图标，但是图标也有自己的趋势。而且，如果您要寻找一个有吸引力且引人入胜的网站，那么迟早您将不得不承认这种趋势很重要（即使其中一些趋势对您来说很奇怪）。

这是2018年以来的几大趋势，预计2020年仍将占主导地位

平面图标  –它们有时看起来是如此简单，以至于您开始怀疑为什么每个人都喜欢它们。但是，当今现实表明，简单性是创造力的最大来源。设计平面图标的原理很简单–您仅从对象中提取最重要的元素，没有不必要的细节，没有复杂的图形，最后没有渐变。对于社区（设计师和客户）来说，让渐变逐渐消失是很困难的，但最终还是发生了。平面设计的另一件事是它使用自己的平面颜色。稀薄的图标  -这是一个相当年轻的趋势，不断引起人们的关注和钦佩。一切始于苹果公司，当时他们在图标方面做得很好。因此，当您看到它们称为Apple风格的图标时，请不要感到震惊。实物图标  –实际上与平面图标并没有什么不同，因为它们使用相同的简洁简约方法。但是，材料设计允许层的更多三维排列。换句话说，由于图形和颜色选择的复杂性，图标看起来更加逼真。

即使您创建外观现代且时尚的图标，也仍然可以将其弄乱。结果–可用性差，样式不兼容，内容不一致。在为网站创建图标时，实际上还有更多因素需要考虑：

将网站设计与图标风格相结合如果您将带有扁平图标或实物图标的旧式网站元素（例如带有渐变的按钮，过多的文本）用于网站，则只会破坏您的网站界面。确保所有元素具有相同的样式，并使用正确的颜色组合。很多时候，企业只是决定在其中添加一些图标，然后稍微重新排列文本。但这只会破坏您的重新设计项目。 确保图标清楚地表示文本中的想法当您使用图标以提高内容可读性时，将始终在其旁边使用文本。理想情况下，文本和图标都应由一个人完成，该人将借助图标清楚地显示书面思想。或者，广告撰稿人和设计师之间应该紧密合作，以确保思想重叠。 设计具有相同样式的每组图标假设，当您有5个描述产品的5种不同功能的内容框时，使用相同样式至关重要–相同细度的图标（完整的图标或轮廓，平面的或轮廓的）物质风格。然而，对于网站上的另一组图标使用不同的样式仍然是可以接受的（并且通常是可取的），比如说描述开发过程。

对于UI＆UX网站设计者而言，另一个决定性的因素是导航图标旁边的文本的使用。考虑到响应式设计和更简洁的界面，用小图标替换文本按钮已变得很流行。为了简化界面，请不要担心文本，尤其是旁边的图标可能会引起歧义或混淆。

但是，即使您决定使用不带文字的图标，也要尝试测试它们的可识别性-询问一些人是否理解了它们的含义而没有任何上下文和提示。此外，还要考虑到地区的特殊性-一个图标和相同的图标在两个不同的国家中可能具有不同的含义。

在您的网站上设计和使用图标的最大技巧是确保它们清楚地传达信息。图标主题仍然有很多方面需要深入研究。随时提出任何不确定的问题，并加入我们的评论。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。