图标:没有设计技能的开发人员如何使他/她的应用程序图标看起来漂亮?

时间:2008-08-09 11:18:59

标签: user-interface icons

我可能花了太多时间试图让我的视觉界面看起来很好,虽然我非常擅长找到可用性和风格之间的正确匹配,但我无望的是制作漂亮的图标。

你们如何克服这个问题(我很确定常见问题)?我正在考虑按钮上的图像,也许最重要的是实际的应用程序图标。

您是否依赖第三方设计师,无论是在家还是在外?或者你知道一些隐藏的网站提供了很多图标供我们使用吗?我已经尝试了谷歌,但我似乎找到了非常具体的昂贵的包,数百万的星际迷航图标或图标看起来很糟糕16x16这是我在应用程序按钮的首选尺寸。

任何帮助/建议表示赞赏。

22 个答案:

答案 0 :(得分:45)

好的图标很难设计。我试图设计自己的,并且也使用了内部图形设计师。但是,即使是平面设计师,构建一个好的图标集也需要做很多工作。

我相信您最好的解决方案是购买/找到一套用于您项目的图标。

丝绸图标集是一个很好的免费套装,可以在FamFamFam找到。这个集合中有超过1000个图标,非常受欢迎。

如果您正在寻找“不同”的东西,您可以购买几百美元的图标集。考虑到设计师为您创建或自己创建它们的成本,这些设备的成本很便宜!

以下是我遇到的一些图标设计师:

答案 1 :(得分:6)

除非你有很多工具栏按钮或其他类似的对象要填充,否则不要忘记,除了你自己独特的应用程序图标和系统图标之外,还可以使用几个图标。 (记得从用户机器上的现有库中调用它们,而不是重新打包它们,让律师满意。)

拥有太多图标可能与拥有一些丑陋的图标一样糟糕。许多指南规定,如果你不能拥有专业外观的图标,那么就会有一些空白。它可以帮助保持界面轻盈和整洁。

答案 2 :(得分:4)

如果你有钱,一定要去找专业的设计师。首先,如果您没有太多需要设计师的项目,只需在合同的基础上雇用一个。如果你开始觉得需要一名全职设计师,那么雇用一名设计师将是有益的。

可以使用漂亮的免费图标集,但是您应该四处寻找一个可以在大多数项目中重复使用的图标集。

最后,如果您无法访问设计师,只需保持外观非常简洁,因为您可能无法做出漂亮的设计(因为您不是艺术家)。

答案 3 :(得分:3)

这些是我前段时间发现的图标链接,我认为它们尚未发布:

这听起来也很有趣:OpenClipArt但他们的网站似乎没有提供快速预览(缩略图)

答案 4 :(得分:3)

我喜欢famfamfam的免费丝绸图标,但它们是png's,当我将它们转换为ico格式时,它们看起来很糟糕。不确定我做错了什么......

答案 5 :(得分:3)

您无需成为优秀的设计师,即可为您的应用程序提供良好的用户界面和出色的用户体验。

我认为您可以遵循一些可以显着改善您的应用程序的原则。

在较高的层面上,这包括:

  • 确定前3个用例
  • 衡量并减少通过最常见用例所需的点击次数
  • 素描,原型,扔掉它,并挑战自己用更少的
  • 来做

我写了一篇博客文章,试图写出与GUI设计相关的一些原则。看看它,让我知道你的想法。

How to improve the User Experience of your GUI application with some simple principles.

答案 6 :(得分:2)

我有一对我非常喜欢:

GlyFxLiquidicity Vector Icons

来自Liquidicity的那些对WPF或Silverlight特别有用,你可以使一个甚至缩放的界面看起来很棒。

答案 7 :(得分:2)

  

我喜欢famfamfam的免费丝绸图标,但它们是png's,当我将它们转换为ico格式时,它们看起来很糟糕。不确定我做错了什么......

听起来你正在移除alpha通道。您需要确保在将它们转换为图标之前将它们作为32位ARGB PNG加载。

答案 8 :(得分:2)

我们有一位内部设计师,虽然我们也使用自由设计师。

您可以尝试在99 Designs上开始设计竞赛吗?

还有一些免费图标集,like these

如果你在谷歌周围,你也会发现很多可以使用的商业图标集(虽然显然这两个图标集选项都不会为你提供特定于你的应用的图标!)。

希望有所帮助!

答案 9 :(得分:1)

试试这个网站www.iconsreview.com,它们会针对各种图标包提供评论,包括免费和购买。

答案 10 :(得分:1)

在注册我的Visual Studio Express副本时遇到了IconBuffet。它们有一些你可以在你的应用程序中使用的很棒的图标。

对于应用程序开发,我也开始在.Net中使用WPF接口,很快就可以在Mono上使用。由于能够在Windows应用程序中使用Web图像和图片,即使没有广告素材也可以开发出一些非常棒的界面。

对于网站布局,我使用OSWD等网站进行免费的设计和布局。

答案 11 :(得分:1)

我最终从vectorstock获得了20美元(最低金额) - 他们有很多矢量图片,图标和类似的东西供选择,卖1个信用(1美元)。

答案 12 :(得分:1)

我也推荐IconFactory。或者确切地说:http://stockicons.com/有很多图标集以实惠的价格出售,我认为购买专业套装是您自己不是图形设计师的最佳选择。

如果您只需要一个图标,那么聘请图形设计师可能是值得的。

答案 13 :(得分:1)

我认为有趣的是,Axialis刚刚免费发布了Visual Studio 2008的Icon Studio版本。它只会在安装VS 2008 Pro或TFS时安装,并直接插入VS工具栏。

答案 14 :(得分:1)

但是为什么你认为你需要制作图标以使你的界面看起来很好?如今,图标驱动的界面是UI的祸根。例如,查看Komodo IDE或Eclipse的屏幕截图。这些是极其糟糕的设计界面。在将鼠标悬停在按钮上并获取工具提示之前,无法确定按钮的作用。我建议你使用文字,除非有一个更好地代表概念的图标,不要觉得你需要在视觉上代表每一个想法。

我想这取决于你正在开发UI的上下文 - 你有很多不会说英语作为第一语言的用户吗?它是偶尔使用还是高级用户每天使用?它是一个网站吗?它是桌面应用程序吗?

但是当你真的需要图标时,那里有一些好的图书馆。我认为一致性非常重要;例如,“Tango用于帮助为免费和开源软件创建一致的图形用户界面体验。”相当有吸引力的图标是根据知识共享许可证

答案 15 :(得分:1)

www.iconshock.com有超过400,000个图标,您可以以400美元左右的价格购买整个系列。

或者,有许多网站提供免费图标,请务必检查许可证。

答案 16 :(得分:1)

我一直很喜欢VirtualLNK处的图标选择。他们有很多图标包,以合理的价格具有现代外观。

答案 17 :(得分:0)

作弊并使用照片!

我很挣扎,我现在倾向于做的是找到对象的照片但是在纯白色的背景上。背景可以变得透明。然后我使用此Conversion tool将PNG文件转换为.ico。导出时包括最大512像素大小的所有分辨率,以获得良好的效果。

答案 18 :(得分:0)

没有编程技能的设计师如何编写软件?

他们让程序员去做。

答案 19 :(得分:0)

您可以随时继续Elance并雇用某人为您制作任何图标/徽标。我已经做了好几次了,而且你得到的东西很便宜。在该网站上有如此多的竞争,有人最终会以你的价格进入。我一直认为,用你并不专注的东西来旋转你的车轮是没有意义的。

哦,是的,喜欢这个网站,保持简单总是最好的!

答案 20 :(得分:0)

首先尝试瞄准干净简洁,然后担心美学元素。

答案 21 :(得分:0)

我尽量保持我的应用程序非常简单。如果聪明地完成,简单性和可用性本身就是一个很好的设计。

以Stackoverflow的所有按钮为例。在您自己的应用程序中实现类似的东西应该不是很困难。他们很简单,他们完成了工作。