如何找到并轻松添加图标到您的网站,提升设计价值
我们之前说过,现在再说一遍:要构建一个漂亮的网站,您不必是熟练的编码人员或专业的图形设计师。网上有许多工具和资源可以帮助您创建一个网站,让您的朋友、家人和客户认为您聘请了专业人士。这里有一个资源可以帮助您的网站从优秀走向卓越:图标。图标可以为您的整体设计增添巨大的价值。因此,在这篇文章中,我将向您展示如何查找图标并将其轻松添加到您的网站。
为什么网站图标对您的设计很重要?
一个词:沟通。图标通过吸引访问者对最重要内容的注意力来帮助传达网站的主要信息。它们就像路牌一样,引导游客前往他们需要去的地方。
简单的电话图标使客户可以更快、更轻松地找到您的电话号码。地图图标可以帮助人们快速找到您的商店位置。购物车图标将使客户更快地结账和购买。
图标也对您的网站有益,因为:
●易于识别。如果新访问者来到您的网站,图标将允许他们快速浏览和吸收内容。
●它们看起来棒极了!视觉效果可以增强网站的整体设计,这已不是什么秘密。图标使您的页面看起来更好,并有助于提高可读性。
●他们普遍理解。创建多语言网站很容易,但图标也提供了一种很好的方式,使用无论语言如何都可以理解的图像来传达网站的主要信息。
如果没有图标,网站的这一部分看起来会有点文字过多。
在上面的示例中,您可以看到一些简单的图标,它们增强了整个网站的视觉信息。
如何选择合适的网站图标?
首先,选择网站图标时不要太有创意。如果您正在寻找代表“搜索”的图标,请使用放大镜图标。如果您正在寻找一个图标来将人们直接带回您的主页,请使用房屋图标。坚持使用经过验证且真实的常用图标,而不是创建自己的图标。
并非网站内容的每部分都必须与独特的图标相匹配。选择最能表达其所代表内容的图像。如果图标的文本有任何歧义,那么附上文本也是一个很好的做法。关于图标,要记住的最重要的一点是它们是为了补充您的内容,而不是取代它。
选择图标时要考虑的另一件事是关联。遗憾的是,对于一些年轻的听众来说,打字机、录音机或磁带可能已经过时了。
如果您不确定您的图标能否准确代表您的内容,请运行可用性测试。这会告诉您是否有人在正确的路标上理解您。
该网站成功地使用图标来补充文本。它还使网站的一部分(通常是文字较多)更具视觉吸引力。
正确使用图标的技巧
使用图标时需要记住四个关键因素:
● 大小:您将使用来配置图标的大小,同时确保图标不会小到难以看见,但也不会大到令人难以承受。
●位置:使用文本列来排列图标是一种有组织且强大的方式。根据您的网站布局,您可能会发现图标在文本左侧、文本上方和文本下方看起来效果最佳。无论您决定如何,请将所有图标放在与文本相同的位置。
将所有图标放置在与文本相关的位置。在上面的示例中,不一致的位置使其更难以阅读。
● 颜色:尽量坚持使用一种颜色,以保持强烈而大胆的外观。一个好的起点是在徽标或其他品牌中使用颜色。另外,请记住,颜色可以是一个非常强大的工具,可以增强号召性用语。请遵循本讨论颜色心理学的指南,为您的图标选择最佳颜色。
● 一致性:选择具有相似外观和感觉的图标。了解混合图标样式如何影响美观的设计。
https://e3f49eaa46b57.cdn.sohucs.com/2022/10/9/13/48/MTAwMTM1XzE2NjUyOTQ1MDM5NDU=.jpg
最好使用风格和颜色一致的图标。
哪里可以找到免费的网站图标
有大量的图标库,其中许多可让您免费或通过归属使用设计良好的图标。我在下面列出了一些我最喜欢的。
注意:其中许多站点允许您下载许多不同文件版本的图标。为了获得最佳效果并保持网站的快速加载时间,我们建议使用 PNG。
有近 3,000 个图标可供选择。
有近 3000 个图标可供您的网站选择。
这有什么好呢?
● 免费。
● 您可以自定义图标的大小和颜色。
● 您可以按类别搜索图标。
这有什么不好呢?
● 您无法保存自定义尺寸和颜色。如果您创建可调整大小和颜色的图标,请务必记下用于应用于未来图标的大小和颜色代码。
免费图标有一个巨大的市场。
免费图标有一个巨大的市场。
它有什么好呢?
● 您可以搜索图标类别。
● 在网站上,您可以在“我的偶像”中保存图标。这有助于在选择过程中轻松返回找到您喜欢或已在网站上使用的图标。
● 您可以下载城市比例图标。
这有什么不好呢?
● 它是免费的,但有一个警告:您必须注明作者。如果您想让您的网站免费,则必须购买包月套餐。
● 所有图标均为黑色。要更改颜色,您必须使用或其他设计程序自行修改图标。
是查找和自定义图标的另一个重要来源。
是一个很棒的资源,可让您自定义图标的大小和颜色。
它有什么好呢?
● 免费。
https://www.wkzy.net/wp-content/uploads/2023/08/1693278805364_2-1.jpg
● 您可以自定义图标的大小和颜色。
● 您可以创建双色图标来自定义背景和图标颜色。
● 您可以搜索图标或按类别浏览。
这有什么不好呢?
● 就像,您无法保存自定义尺寸和颜色。
请注意,您可以通过查找其“十六进制代码”来准确复制颜色 - 这是一个标识颜色并确保您获得良好匹配的数值。要查找十六进制编码,请使用插件或滴管。这些工具可以匹配任何网站的颜色,包括您自己的网站。
其他资源
寻找更独特的东西?尝试搜索“免费矢量,如网站图标”,或者,许多艺术家共享免费图标集。 (“矢量”意味着您获得高质量格式的图标,可以轻松放大或缩小。这是网页设计的标准。)
如果您想要一个适合您品牌的图标,您可以打开自定义图标,在这里您可以获得您正在寻找的确切图标。
如何向您的 Jimdo 网站添加图标
添加图标类似于向 Jimdo 网站添加照片:使用照片元素。将照片元素添加到您想要的图标中,然后上传图标 png 文件。您可以调整下面的设置图标的大小和位置。如果您希望该图标链接到另一个页面或站点外,请单击链接图标并选择“内部链接”和“外部链接”。
您可以使用图片元素轻松地将图标添加到您的 Jimdo 网站。
添加社交媒体图标
Jimdo 有两个社交媒体元素。
1. 分享:您可以让人们使用分享按钮元素在他们的社交媒体帐户上分享您的内容。请访问我们的帮助中心了解更多有关操作方法的信息。
2. 您可以通过直接链接到您自己的社交媒体来鼓励人们关注您。为此,您可以使用内置的 、 和 + 元素。或者,您可以找到自己的社交媒体图标并将其上传到上面所示的照片元素中。将每个图标的链接设置到相应的帐户(即将 图标链接到您的 帐户)。
或者,您可以通过关注按钮(例如 POWr.io 或 POWr.io)将可安装的小部件添加到您的网站
结论:使用图标来提高网站的可读性和设计
SEO 专家尼尔帕特尔建议,为了留住网站访问者,最重要的因素之一是可读性。图标是一种简单而有效的方法,可以使您的网站更具可读性。请记住选择一个能够清晰传达和补充文本的图标,并遵循四个主要因素:大小、颜色、位置和一致性。
本文标题:如何查找和使用免费网站图标_成都网站建设_创新互联
当前链接:
网站建设及网络推广公司-创新互联网是一家注重品牌和效果的网站制作和网络营销seo公司;服务项目包括网站建设等。
广告
页:
[1]