![社交- 32+社交媒体网络办公业务图标集](http://s.tmimgcdn.com/scr/400x250/259700/socialy-32-social-media-network-office-business-icon-set_259769-original.jpg)
![社交- 32+社交媒体网络办公业务图标集](http://s.tmimgcdn.com/scr/400x250/259700/socialy-32-social-media-network-office-business-icon-set_259769-original.jpg)
![Worky - 80+商务办公室媒体网络矢量图标集](http://s.tmimgcdn.com/scr/400x250/268900/worky-80-business-office-media-network-vector-icon-set_268911-original.jpg)
Worky - 80+商务办公室媒体网络矢量图标集 by Vecuro
![万圣节怪异的图标集](http://s.tmimgcdn.com/scr/400x250/285300/spooky-icon-set-for-halloween_285303-original.jpg)
万圣节怪异的图标集 by denikian
![客户服务图标集50轮廓图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/352800/customer-service-icon-set-50-outline-icons-svg-and-ai-files_352806-original.png)
客户服务图标集50轮廓图标- SVG和AI文件 by Sorembadesignz
![农场设置50个平面图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/353200/farm-set-50-flat-icons-svg-and-ai-files_353203-original.png)
农场设置50个平面图标- SVG和AI文件 by Sorembadesignz
![假新闻概念图标可编辑笔画](http://s.tmimgcdn.com/scr/400x250/267700/fake-news-concept-icon-editable-stroke_267783-original.jpg)
假新闻概念图标可编辑笔画 by bsd-studio
![客户服务图标集50线颜色图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/352800/customer-service-icon-set-50-line-color-icons-svg-and-ai-files_352805-original.png)
客户服务图标集50线颜色图标- SVG和AI文件 by Sorembadesignz
![客户服务图标集50字形图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/352800/customer-service-icon-set-50-glyph-icons-svg-and-ai-files_352804-original.png)
客户服务图标集50字形图标- SVG和AI文件 by Sorembadesignz
![农场设置50字形图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/353200/farm-set-50-glyph-icons-svg-and-ai-files_353204-original.png)
农场设置50字形图标- SVG和AI文件 by Sorembadesignz
![军事欺骗概念图标](http://s.tmimgcdn.com/scr/400x250/267600/military-deception-concept-icon_267678-original.jpg)
军事欺骗概念图标 by bsd-studio
![木工图标集50个轮廓图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/353200/carpentry-icon-set-50-outline-icons-svg-and-ai-files_353210-original.png)
木工图标集50个轮廓图标- SVG和AI文件 by Sorembadesignz
![基于植物的图标集50线颜色图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/355500/plant-based-icon-set-50-line-color-icons-svg-and-ai-files_355536-original.png)
基于植物的图标集50线颜色图标- SVG和AI文件 by Sorembadesignz
![操作安全概念图标](http://s.tmimgcdn.com/scr/400x250/267600/operations-security-concept-icon_267679-original.jpg)
操作安全概念图标 by bsd-studio
![农场设置50线颜色图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/353200/farm-set-50-line-color-icons-svg-and-ai-files_353205-original.png)
农场设置50线颜色图标- SVG和AI文件 by Sorembadesignz
![客户服务图标集50个平面图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/352800/customer-service-icon-set-50-flat-icons-svg-and-ai-files_352803-original.png)
客户服务图标集50个平面图标- SVG和AI文件 by Sorembadesignz
![商业合作社概念图标集](http://s.tmimgcdn.com/scr/400x250/255500/business-cooperatives-concept-icons-set_255579-original.jpg)
商业合作社概念图标集 by bsd-studio
![信息保障概念图标](http://s.tmimgcdn.com/scr/400x250/267600/information-assurance-concept-icon_267675-original.jpg)
信息保障概念图标 by bsd-studio
![破坏和破坏概念图标](http://s.tmimgcdn.com/scr/400x250/267600/disruption-and-destruction-concept-icon_267682-original.jpg)
破坏和破坏概念图标 by bsd-studio
![基于植物的图标集50个平面图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/355500/plant-based-icon-set-50-flat-icons-svg-and-ai-files_355534-original.png)
基于植物的图标集50个平面图标- SVG和AI文件 by Sorembadesignz
![环境图标集50轮廓图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/352700/environment-icon-set-50-outline-icons-svg-and-ai-files_352794-original.png)
环境图标集50轮廓图标- SVG和AI文件 by Sorembadesignz
![包装图标集50个平面图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/353100/packaging-icon-set-50-flat-icons-svg-and-ai-files_353191-original.png)
包装图标集50个平面图标- SVG和AI文件 by Sorembadesignz
![数据仓库概念图标](http://s.tmimgcdn.com/scr/400x250/267700/data-warehouse-concept-icon_267770-original.jpg)
数据仓库概念图标 by bsd-studio
![游戏图标集50线颜色图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/354600/gaming-icon-set-50-line-color-icons-svg-and-ai-files_354666-original.png)
游戏图标集50线颜色图标- SVG和AI文件 by Sorembadesignz
![游戏图标集50个轮廓图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/354600/gaming-icon-set-50-outline-icons-svg-and-ai-files_354667-original.png)
游戏图标集50个轮廓图标- SVG和AI文件 by Sorembadesignz
![欺骗和模仿的概念图标](http://s.tmimgcdn.com/scr/400x250/267600/deception-and-mimicry-concept-icon_267681-original.jpg)
欺骗和模仿的概念图标 by bsd-studio
![透视媒体用户概念图标](http://s.tmimgcdn.com/scr/400x250/267600/perspective-of-media-users-concept-icon_267684-original.jpg)
透视媒体用户概念图标 by bsd-studio
![物联网物联网浮雕图标集](http://s.tmimgcdn.com/scr/400x250/255600/internet-of-things-iot-embossed-icons-set_255615-original.jpg)
物联网物联网浮雕图标集 by bsd-studio
![环境图标集50个平面图标- SVG和AI文件](http://s.tmimgcdn.com/scr/400x250/352700/environment-icon-set-50-flat-icons-svg-and-ai-files_352791-original.png)
环境图标集50个平面图标- SVG和AI文件 by Sorembadesignz
![计算机网络操作概念图标](http://s.tmimgcdn.com/scr/400x250/267600/computer-network-operations-concept-icon_267676-original.jpg)
计算机网络操作概念图标 by bsd-studio
![记者视角概念图标](http://s.tmimgcdn.com/scr/400x250/267600/journalists-perspective-concept-icon_267685-original.jpg)
记者视角概念图标 by bsd-studio
![禁用物流网络概念图标](http://s.tmimgcdn.com/scr/400x250/267600/disabled-logistic-networks-concept-icon_267665-original.jpg)
禁用物流网络概念图标 by bsd-studio
![捐赠概念图标可编辑笔画](http://s.tmimgcdn.com/scr/400x250/267700/donate-concept-icon-editable-stroke_267780-original.jpg)
捐赠概念图标可编辑笔画 by bsd-studio
![爱好和娱乐图标捆绑](http://s.tmimgcdn.com/scr/400x250/262600/hobbies-and-entertainment-icons-bundle_262694-original.jpg)
爱好和娱乐图标捆绑 by bsd-studio
![零售和批发贸易的概念图标](http://s.tmimgcdn.com/scr/400x250/267700/retail-and-wholesale-trade-concept-icon_267761-original.jpg)
零售和批发贸易的概念图标 by bsd-studio
![公开演讲技巧绿松石概念图标](http://s.tmimgcdn.com/scr/400x250/267700/public-speaking-skills-turquoise-concept-icon_267745-original.jpg)
公开演讲技巧绿松石概念图标 by bsd-studio
![家政图标包. 22个图标集在不同的矢量样式](http://s.tmimgcdn.com/scr/400x250/251800/housekeeping-icons-pack-22-icon-sets-in-different-vector-styles_251837-original.jpg)
家政图标包. 22个图标集在不同的矢量样式 by bsd-studio
5个最佳素描图标和图标集2024
Template Name | Downloads | Price |
---|---|---|
农场设置50个平面图标- SVG和AI文件 | 1 | $7 |
基于植物的图标集50个平面图标- SVG和AI文件 | 0 | $7 |
用户界面图标设置圆形填充样式3 | 0 | $5 |
用户界面图标设置渐变圆形轮廓样式3 | 0 | $5 |
3D社交图标(15个图标) | 0 | $15 |
要下载的草图图标集
素描图标无处不在. Every website, mobile app, 社交媒体上的帖子至少有一对图标来突出一些重要的概念.
我们可以严格地把它们的受欢迎程度与它们带来的好处联系起来.
图标可以美化内容,改善用户体验, 因为它们有助于更好地理解和解释信息.
例如,图标可以打破文本的壁垒. 您可以在文本中放置图标,将其分成更小的部分. By doing so, 你会提高可读性, 用户会更愿意浏览它们,并与你的网站或文档进行更深入的互动.
此外,图标是全球性的. 来自世界各地的人们都能立即认识并欣赏它们的含义. Thus, 它们可以帮助您使您的内容在全球范围内访问,而无需将其翻译成多种语言.
很明显,通过使用它们,您将在许多方面获得优势.
However, 从零开始创建它们需要网页设计方面的专业知识和一些专业软件的使用.
如果你没有经验或者没有时间投入, 购买现成的图标对你来说是一个更好、更方便的解决方案.
现在互联网上到处都是图标,它们代表着最不同的对象和概念,并以不同的文件格式提供. 因此,您将能够找到符合您需求的东西.
在Templateog体育首页绘制图标
Templateog体育首页市场提供了广泛的 草图图标集. Each icon set 包含多个代表不同对象的图标, ideas, 或者与不同主题和行业相关的概念.
另外,每个图标集都有自己的风格. However, 如果它不符合你的品牌标识或个人偏好, 你可以使用一些兼容的编辑软件或在线工具来编辑它. 使用这些,您将能够更改图标的颜色、形状或整体设计.
如果使用特定的编辑程序,则必须选择具有兼容格式的图标. 例如,如果您使用Sketch,请选择 PNG, JPG, or SVG 图标文件格式. 如果没有可用的,您可以考虑使用免费的转换器在线转换文件格式.
您可以通过评级、文件格式、兼容性、价格、主题等筛选结果. This way, 你将只能得到你可能感兴趣的结果, 节省时间,加快研究速度.
素描图标主题
与Sketch兼容的图标可以与不同的主题和行业相关. 你在市场上最常见的一些是:
- nature;
- people;
- business;
- medical;
- industrial;
- game;
- sports;
- data;
- security.
常见的图标放置
图标是非常通用的元素. 这意味着你可以把它们放在任何你喜欢的地方. 即使不是直接兼容的内容类型, 您可以使用许多可用的在线转换器之一转换文件格式. 以下是一些最常见的图标放置:
- websites;
- landing pages;
- 社交媒体帖子;
- Instagram故事突出封面;
- mobile apps;
- infographics;
- 名片;
- brochures;
- presentations.
如何编辑素描图标
如前所述,您可以使用一些兼容的软件编辑Sketch图标. Besides Sketch,您还可以使用以下编辑程序:
使用图标的优点
如前所述,图标可以带来许多好处,这对您和用户都有好处.
图标吸引注意力
一行一行的文本之间没有间断是相当无聊的. 相反,图像和图标可以吸引我们的注意力. 通过吸引我们的注意力, 它们驱使我们浏览内容,让我们与内容互动的时间更长、更深.
为了使图标更加引人注目,如果可能的话,您还可以将它们动画化. 动画可以在每次页面加载或用户将鼠标悬停在其上时执行. 这是一个让游戏体验更吸引人、更令人难忘的好方法.
它们增强了导航功能
除了吸引我们的注意力,图标还可以增强导航功能. 例如,如果呈现文本墙,用户可能会发现很难定位自己. 在这种情况下,您可以使用图标作为页面之间的标志和链接. 这就是为什么您经常在菜单、按钮或链接附近遇到它们的原因.
图标可以简洁地表达内容
有时候,用语言解释一个概念会很复杂,而且会占用很多空间. 在这种情况下,由于图标可以直观地传递消息,它们可以帮助您总结内容.
图标可以突出优点和关键概念
当图标吸引注意力时,你可以用它们来强调重要的概念. For example, 当涉及到提供服务和产品的企业时, 您可以实现图标来突出它们的好处. 正如你可能已经知道的那样,福利是一个人决定购买的基础.
如何选择图标
选择图标的过程不应该是随机的. 做出一个糟糕的选择将直接负面地影响你想要通过使用它们获得的结果.
这就是为什么你应该遵循并实施下面列出的建议.
立即识别出来
选择具有立即识别意义的图标. 用户必须能够在几秒钟(最多五秒钟)内理解它。. 为了确保这一点,你可以测试图标的可识别性. 给几个人看看, 如果他们花了超过五秒的时间猜出确切的意思, 你最好选择其他类型的图标.
Simple design
图标应该有一个清晰和简单的设计. 如上所述,用户必须立即理解它们的含义. 设计也增强了对整体的理解. 因此,避免复杂的设计和复杂的形状.
设计的一致性
在向内容添加图标时,您需要保持设计的一致性. 颜色、形状和样式应该相同,或者至少相似. 所以,不要选择与现有元素差别太大的图标.
图标数量
如果你想要的不仅仅是一组图标, 你应该确保它有足够的图标来覆盖你的必需品. If not so, 您可能需要从具有不同颜色和样式的不同图标集中选择图标, 哪个看起来不专业.
选择合适的格式
这取决于你要把图标放在哪里或者你要做什么, 您可能需要以合适的文件格式选择和下载它们.
For example, 如果你打算把它们直接放在你的网站上, 您应该选择SVG文件格式. 它是一种轻量级格式,允许您调整图标的大小,而不会遇到任何质量损失.
如果您打算在将图标实现到您的内容之前编辑它们, 您应该使用与您使用的编辑程序兼容的格式. For example, 如果你使用Sketch, 您需要选择其本机文件格式或其他兼容的文件格式, 例如PNG和JPG.
图标可用性的最佳实践
以及以下选择图标的提示, 在将它们实现到你的内容中时,你也应该遵循一些原则.
下面列出了一些你必须考虑的最重要的做法.
添加文本标签
虽然用户很容易理解图标的含义, 在它们旁边或下面添加文本标签仍然是首选. 通过这样做,你将消除他们对确切含义的任何怀疑或不确定. 文本标签应该总结几个单词(理想情况下), 两个或三个)你想要传达的概念.
Right size
在内容中添加图标时,应该使它们与其他元素成比例. 这是因为图标需要是可见的,用户必须注意到并捕获它们.
在图标之间留出足够的空间
在内容中添加图标时,请考虑在它们之间留出足够的空间. 这将防止元素重叠. 此外,这样做,您的内容将看起来更专业和整洁.
不要做过头了
即使你可以用图标来表示你网站上任何类型的元素, mobile app, or document, 你不应该这么做. 夸张的使用图标可能会带来相反的效果, 让你的内容看起来不专业.
Convert 文本转换为unicode字符 并在文档中创建奇特的样式.
草图图标常见问题解答
什么是Sketch图标?
草图图标是不同对象的图形表示, concepts, 或者与支持其原始文件格式的本地软件和其他程序兼容的操作.
What is Sketch?
Sketch是一个基于web的应用程序,用于为移动应用程序和web设计用户界面(UI)和用户体验(UX).
如何将素描转换为PSD?
如果您需要将您的草图文件转换为PSD文件格式, 您可以使用以下其中一种在线转换器:
- Convertio;
- Photopea.
Sketch比Figma好吗?
答案取决于你的需求. For example, 如果你需要在同一项目中与其他人同时协作,Figma是最好的选择. 然而,如果您单独工作,Sketch可能是一个合适的解决方案.
Sketch文件格式是矢量格式还是光栅格式?
草图文件是基于矢量的. 这意味着你可以无限地放大你的图形, 你永远不会看到质量的下降.