返回  

为网站&UI设计准备的Icon字体资源

2019/11/15 9:59:12 来源:深圳网站建设公司Clh

图标(Icon)字体是网站设计和UI设计中都无法缺少的最有用的元素之一。 今天,我们为你带来了一些现代和创意的图标集合,你可以在你的网站设计或用户界面设计中使用它们,以帮助你的设计增加一些独特的视觉特点和吸引力。


使用图标字体,你不必再依赖PNG文件库,无需使用矢量文件来调整图标的大小和进行编辑即可使其适合你的网站设计。 而且,更重要的是,你不必再针对各种屏幕尺寸来单独去优化图标。

但是,找到适合你的设计项目的正确图标字体可能是一项挑战。 我们希望使这一过程更加容易。 通过浏览我们精选的图标字体,希望可以帮助你更快更好的完成你的项目(一定要看看我们的选择图标字体的技巧,以帮助你入门)。


1.Icofont – Free Creative Icon Font

Icofont – Free Creative Icon Font

Icofont提供了具创意的图标字体,你可以免费下载和使用。 该字体包括30个不同类别的2100多个图标,例如货币,社交,品牌徽标等。 使用此工具的好处之一是,它既可以SVG格式提供,也可以字体的形式提供。


2.Font Awesome – Free Icon Font

Font Awesome – Free Icon Font

Font Awesome可能是Internet上最受欢迎的图标字体,具有7000多个图标。 超过1亿个网站都在使用它,其中包括麦当劳和耶鲁大学等品牌。 它包含许多有用的功能。


3.Ionicons – Free Minimal Icon Font

Ionicons – Free Minimal Icon Font

Ionicons是另一组具有极简风格和简单设计特征的创意图标。 该图标字体专为网站设计和移动用户界面设计而准备,并且与iOS和Android平台兼容。 它总共具有1100多个图标,根据MIT开源许可证获得许可。


4.150 eCommerce Icons with Icon Font

150 eCommerce Icons with Icon Font

这是具有现代简约图标设计的独特图标的集合,包括150个不同的图标,你可以在各种电子商务设计中使用它们。 这些图标有EPS,AI,SVG和字体版本。


5.130 Vector Line Icons & Icon Font

130 Vector Line Icons & Icon Font

该资源文件汇总包括与娱乐,多媒体,在线活动,生活方式等相关图标的混合集合。 该程序包总共包含130个图标,你可以将其用作图标字体,也可以使用其矢量EPS和AI文件根据自己的喜好进行编辑和自定义。


6.Weather Icons and Icon Font

Weather Icons and Icon Font

Weather通常用于许多不同类型的Web和UI设计中,尤其是在移动用户界面中。 使用此工具包,你可以从42个与天气相关的独特图标中进行选择。 这些图标还可以使用AI,PSD,SVG和字体格式。


7.32 Weather Icons and Font

32 Weather Icons and Font

与上面的图标字体包很相似,此包具有一组极简线条风格的图标。 它还包括32种时尚的天气图标,格式多样,包括AI,SVG,EPS和字体。 干净简洁的设计使这些图标适用于所有类型的业务和专业设计。


8.Fontisto – Free Modern Icon Font

Fontisto – Free Modern Icon Font

Fontisto是另一个很棒的免费图标字体,具有多种类别现代时尚图标。 这些图标可完全缩放,并且在Retina显示屏上看起来很棒。 它也可以完全免费用于商业项目。


9.Dripicons – Free Vector Line-Icon Font

Dripicons – Free Vector Line-Icon Font

Dripicons是一个线条图标的集合,具有平滑和极简的设计。 这些图标具有适合于网站设计和移动用户界面设计的现代布局。 它也可以免费用于商业项目。


10.Typicons – Free Simple Icon Font

Typicons – Free Simple Icon Font

Typicons带有一组轻巧和简单的图标,可在Web和本机应用程序用户界面上使用。 字体包括超过330个独特的图标设计,这些设计在多个类别中具有可伸缩的设计。


选择图标字体的5个技巧

以下是一些技巧,可帮助你为各种类型的Web和UI设计选择最佳的图标字体。

1.选择SVG或字体格式文件(SVG Icons vs Icon Fonts)

关于是选择SVG图标还是图标字体的争论颇多。 虽然这两种选择都有其自身的优点和缺点,但有些设计师更喜欢其中的一种。

值得庆幸的是,我们列表中的大多数图标字体也包括SVG图标版本。 因此,我们将让你决定哪个选项适合你的项目。


2.响应性(Make Sure it’s Responsive)

选择任何类型的图标时,图标的响应能力可能是最重要的功能。 这也是图标字体吸引人的地方,因为它们通常足够灵敏,在所有类型的屏幕尺寸和设备上看起来都一样。

仔细检查以确保图标具有响应性,特别是如果你使用的是SVG版本的图标。


3.选择合适的主题(Pick Appropriate Themes)

图标字体有各种样式和主题。 例如大纲图标,平面设计图标,简约图标以及不同主题的网站设计图标等等。 根据你正在处理的项目的类型,你可以自行选择符合主题的正确图标字体。


4.颜色以及可定制性(Colors and Customization)

图标字体的许多好处之一是,它允许你根据自己的喜好自定义图标。 大多数现代图标字体甚至都允许你从多个图标版本中进行选择,包括填充和轮廓版本。


5.免费与付费版本图标字体(Free vs Premium Icon Fonts)

当然,如果你预算有限,选择免费字体是理想的选择。 但是,如果你负担得起,建议使用高级图标字体,不仅仅是为你的Web或UI设计赋予独特的外观,而且还可以完全控制这些图标,并能够在商业项目中使用它们。


图标对于设计项目来说是一个可以增加亮点的元素,使用合适的图标可以帮助你获得更多的关注度并增加设计的风格。

想要获取更多的图标资源,欢迎阅读原文章(https://designshack.net/articles/inspiration/icon-fonts/)以获取!







----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务