咨詢電話:186 7916 6165 咨詢電話:186 7916 6165 (微信同號)    在線QQ:181796286
DESIGN SHARING ·
設計分享
關注開優網絡 關注前沿
2020年最新郵件模板的一些思路
什么是圖標字體?

為網站&UI設計準備的Icon字體資源

發表日期:2020-10-27    文章編輯:南昌開優網絡    瀏覽次數:322    標簽:網頁設計

圖標(Icon)字體是網站設計和UI設計中都無法缺少的最有用的元素之一。 今天,我們為你帶來了一些現代和創意的圖標集合,你可以在你的網站設計或用戶界面設計中使用它們,以幫助你的設計增加一些獨特的視覺特點和吸引力。

使用圖標字體,你不必再依賴PNG文件庫,無需使用矢量文件來調整圖標的大小和進行編輯即可使其適合你的網站設計。 而且,更重要的是,你不必再針對各種屏幕尺寸來單獨去優化圖標。

但是,找到適合你的設計項目的正確圖標字體可能是一項挑戰。 我們希望使這一過程更加容易。 通過瀏覽我們精選的圖標字體,希望可以幫助你更快更好的完成你的項目(一定要看看我們的選擇圖標字體的技巧,以幫助你入門)。

1.Icofont – Free Creative Icon Font



Icofont提供了具創意的圖標字體,你可以免費下載和使用。 該字體包括30個不同類別的2100多個圖標,例如貨幣,社交,品牌徽標等。 使用此工具的好處之一是,它既可以SVG格式提供,也可以字體的形式提供。

2.Font Awesome – Free Icon Font



Font Awesome可能是Internet上最受歡迎的圖標字體,具有7000多個圖標。 超過1億個網站都在使用它,其中包括麥當勞和耶魯大學等品牌。 它包含許多有用的功能。

3.Ionicons – Free Minimal Icon Font



Ionicons是另一組具有極簡風格和簡單設計特征的創意圖標。 該圖標字體專為網站設計和移動用戶界面設計而準備,并且與iOS和Android平臺兼容。 它總共具有1100多個圖標,根據MIT開源許可證獲得許可。

4.150 eCommerce Icons with Icon Font



這是具有現代簡約圖標設計的獨特圖標的集合,包括150個不同的圖標,你可以在各種電子商務設計中使用它們。 這些圖標有EPS,AI,SVG和字體版本。

5.130 Vector Line Icons & Icon Font



該資源文件匯總包括與娛樂,多媒體,在線活動,生活方式等相關圖標的混合集合。 該程序包總共包含130個圖標,你可以將其用作圖標字體,也可以使用其矢量EPS和AI文件根據自己的喜好進行編輯和自定義。

6.Weather Icons and Icon Font



Weather通常用于許多不同類型的Web和UI設計中,尤其是在移動用戶界面中。 使用此工具包,你可以從42個與天氣相關的獨特圖標中進行選擇。 這些圖標還可以使用AI,PSD,SVG和字體格式。

7.32 Weather Icons and Font



與上面的圖標字體包很相似,此包具有一組極簡線條風格的圖標。 它還包括32種時尚的天氣圖標,格式多樣,包括AI,SVG,EPS和字體。 干凈簡潔的設計使這些圖標適用于所有類型的業務和專業設計。

8.Fontisto – Free Modern Icon Font



Fontisto是另一個很棒的免費圖標字體,具有多種類別現代時尚圖標。 這些圖標可完全縮放,并且在Retina顯示屏上看起來很棒。 它也可以完全免費用于商業項目。

9.Dripicons – Free Vector Line-Icon Font



Dripicons是一個線條圖標的集合,具有平滑和極簡的設計。 這些圖標具有適合于網站設計和移動用戶界面設計的現代布局。 它也可以免費用于商業項目。

10.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設計賦予獨特的外觀,而且還可以完全控制這些圖標,并能夠在商業項目中使用它們。

圖標對于設計項目來說是一個可以增加亮點的元素,使用合適的圖標可以幫助你獲得更多的關注度并增加設計的風格。
(-^O^-)MG搞笑斑马_破解版下载 青海快 3今日开奖图 江苏11选5游戏规则 体彩11选五开奖结果 十一选五甘肃预测号 981游戏官网手机版下载 哈灵麻将网站下站 广东十一选五稳杀号 体彩河南泳坛夺金走势 麻将游戏哪个好玩 破解软件广东快乐10分 辽福35选7走势图历史开奖号 微乐广西麻将 02年湖人vs国王系列赛 甘肃快三预测号码今天 金牛棋牌平台 星悦云南麻将卡二条下载