user-interface - guideline - 淘宝icon




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

我喜欢famfamfam上的免费丝绸图标,但它们是png的,当我将其转换为ico格式时,它们看起来很烂。 不知道我在做什么错...

听起来您要删除Alpha通道。 您需要先将它们加载为32位ARGB PNG,然后才能将其转换为图标。

我可能花了太多时间试图使我的视觉界面看起来不错,尽管我很擅长在可用性和样式之间找到合适的匹配,但我无可奈何地要制作美观的图标。

你们如何克服这个(我敢肯定)这个问题? 我在考虑诸如按钮上的图像之类的东西,也许最重要的是实际的应用程序图标。

您是依靠内部还是外部的第三方设计师? 还是您知道某个隐藏的网站提供了许多图标供我们使用? 我尝试过Google,但似乎找到了非常特殊的昂贵软件包,数百万个《星际迷航》图标或看起来糟糕透顶的16x16图标,这是我在应用程序内按钮上的首选大小。

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


作弊并使用照片!

我一直在为此而苦恼,我现在倾向于做的是在纯白色背景上找到物体的照片。 可以使背景透明。 然后,我使用此转换工具将PNG文件转换为.ico。 导出时,请包括最大512像素大小的所有分辨率,以获得良好的效果。


但是,为什么您实际上需要制作图标以使界面看起来不错呢? 如今,图标驱动的界面是UI的祸根。 例如,看一下Komodo IDE或Eclipse的屏幕截图。 这些是设计糟糕的接口。 除非将鼠标悬停在按钮上并获得工具提示,否则无法说出按钮的作用。 我建议您使用文本,除非有一个图标可以更好地代表该概念,而不是觉得您需要直观地代表每个想法。

我猜这取决于您要开发UI的上下文-您是否有很多不以英语为第一语言的用户? 是偶尔使用还是高级用户每天使用? 是网站吗? 它是桌面应用程序吗?

但是,当您确实需要图标时,那里有一些不错的库。 我认为一致性非常重要; 例如, Tango “旨在帮助为免费和开源软件创建一致的图形用户界面体验”。 而且颇具吸引力的图标是根据知识共享许可的


好的图标很难设计。 我曾尝试设计自己的游戏,也曾使用内部图形设计师。 但是,即使是图形设计师,构建一个好的图标集也需要大量的工作。

我相信您最好的解决方案是购买/查找一组在项目中使用的图标。

丝绸图标集是不错的免费设置,可以在FamFamFam上找到。 这套中有1000多个图标,非常受欢迎。

如果您正在寻找“不同”的东西,则可以花几百美元购买图标集。 考虑到让设计师为您创建或自己动手制作的成本,这些套装的成本很便宜!

以下是我在网上遇到过的一些图标设计师:


尽管我们也使用自由设计师,但我们有一名内部设计师来完成我们的工作。

您可以尝试在99个外观设计上发起设计竞赛吗?

也有一些免费的图标集, 例如

如果您四处搜索,还会发现很多可以使用的市售图标集(尽管显然,这两个图标集选项都不会为您提供特定于应用程序的图标!)。

希望有帮助!


您不必成为一名出色的设计师就可以为您的应用程序提供不错的用户界面和出色的用户体验。

我认为您可以遵循某些原则,这些原则可以极大地改善您的应用程序。

在较高级别上,这包括:

  • 确定您的前3个用例
  • 衡量并减少获得最佳用例所需的点击次数
  • 素描,原型制作,扔掉它,并挑战自己以更少的成本做到这一点

我写了一篇博客文章,试图写出一些与GUI设计有关的原理。 检查一下,让我知道您的想法。

如何通过一些简单的原理来改善GUI应用程序的用户体验。


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


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

如果您只需要一个图标,那么可能值得雇用一名图形设计师。


我最终从vectorstock获得了$ 20的信用(最低金额),它们有很多矢量图像,图标和类似的东西可供选择,售价为1信用(1 $)。


我有一对我非常喜欢的夫妇:

GlyFx流动性矢量图标

Liquidicity的那些功能对于WPF或Silverlight尤其有用,您可以将界面放大甚至看起来很棒。


我试图使我的应用程序非常简单。 如果明智地进行操作,那么简单性和可用性本身就是一个好的设计。

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


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

他们让程序员来做。


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



首先尝试以简洁为目标,然后再考虑美学元素。







icons