我不会画。如何进行抛光应用？

41

我不是平面设计师。我很难画任何东西。我努力构建与开发工具捆绑在一起的“示例”应用程序一样美观的东西。主要是因为我不喜欢艺术品资产。

我可以采取什么策略来缓解这种情况？

graphics

— 比利·奥尼尔
source

3

只是要清楚一点：您要创建不使用默认平台外观的GUI？那么第一个问题是：为什么不依靠操作系统来绘制您的UI？

— 康拉德·鲁道夫2012年

2

@KonradRudolph：即使使用默认的外观（实际上，我发现大多数时候它都比其他任何东西都令人愉悦），但对于优美的应用程序，仍然仍然通常需要艺术资产，例如图标。

— Billy ONeal 2012年

5

图标资产：使用开源图标集。;-)有一些质量很高的图形，例如FamFamFam的Silk Icons或Glyphicons …我个人比较喜欢避免使用太多其他图形，但是对于那些合同工作来说，这可能是最好的解决方案……

— Konrad Rudolph

一旦启动，method.ac可能会有所帮助。

— Maxpm 2012年

24

我个人认为您在创建令人愉悦的用户界面时不必具有良好的艺术风格。

制作好的UI并不取决于创造力，而是与一些完善的准则相关。如果您遵循这些准则并进行一些实践，则可以自己创建出色的界面。

我建议做以下事情...

了解什么可以构成良好的用户界面。（主要是在线）
研究并找到一些令您满意的用户界面。
比较几个好的设计，并尝试找出它们之间相似的事物。
现在看看您自己的设计，看看是否有这些元素。
尝试重新创建您喜欢的用户界面。

我预测，如果您进行此练习一两个星期（如果您问我，一两个星期的时间来学习如何设计好的界面并不是很长时间），那么您将学到大部分构成好的用户界面的知识。

我发现让用户界面令人愉悦的几件事：

简单
一致性（颜色，字体，按钮用法，链接等）
间距
少即是多（在不降低可用性的情况下，向用户隐藏尽可能多的内容）
请勿使用白色背景和黑色字体。确保对比度足够好，但是通常将背景更改为浅灰色，而将字体更改为深灰色。

另外...不要从设计开始。从功能开始，让设计不断发展。另外，尝试一下！如果在1-2次“迭代”后看起来仍不完美，请不要生气。随着时间的流逝，它会变得更好。但最重要的是，您必须尝试。

— c_maker
source

3

我说的是波兰语，而不是用户体验。知道如何设计一个“令人愉悦的” UI并没有帮助（例如）使您的图标看起来更好。

— Billy ONeal 2012年

5

@BillyONeal：对不起，但是您对我的问题比“设计图标”要广泛得多。

— c_maker 2012年

3

它是; 图标只是一个简单的例子。我的观点是，这并不是“躲在借口后面”-不错的UI设计的合法部分确实需要艺术。有漂亮的和不可用的接口，可用的和丑陋的接口，不可用的和丑陋的接口以及可用的和漂亮的接口。精美的应用程序必须既实用又美观。您可以在此答案中很好地解决可用性问题（+1）；但是“漂亮”也是合理的关注。

— Billy ONeal 2012年

我认为字体颜色/背景颜色在这里是正确的方向。对比是我从第一个网站上获得公众反馈的第一批内容之一。也许还有其他一些技巧，例如如何选择/应用颜色-多少？一个或两个？更多？亮还是暗？放在标题中吗？边界？背景？全部/无/以上部分？

— Stoive

12

我的艺术能力在美好的一天大约是五年级：）。我聘请平面设计师，或者是工作时的专业人士，或者是我的妻子，她拥有出色的艺术技巧，并且喜欢使用它们。

请注意，在我看来，图形设计不是UI / UX设计。我要么做大多数UX，要么聘用UX专家来保留对UX的控制权，然后由UX与GD合作使它看起来更漂亮。尽管我确信有很多出色的UX / GD专业人员，但我在GD方面做过很糟糕的工作，这些东西看起来很漂亮，UX很好，并且过了几个月才过时，直到我放弃这种冒险为止与GD合作完成了几个项目。

— 马腾兹
source

1

那么，付钱给某人去做，还是被某个免费的人拴住？：p。如果现在就付钱给设计师-概念证明或尝试功能还为时过早怎么办？对软件的审美关注应降至最低，以免使我向人们展示我的软件的人们对那些我不知道如何做得更好的花哨颜色和字体分心。

— Stoive

2

@Stoive。好点，现在您已经让我开始。最初的印象真的很重要。对于任何非工程师（和许多工程师）来说，GD通常都是至关重要的，不幸的是，它比UX设计和工程高出几个数量级。使图形看起来闪闪发光，无论产品多么糟糕，喜pies都会涌向产品。弄错了GD……

— mattnz

1

详细地说-我曾说过，好的视觉效果将用户的信心和可信度传达给用户，从而说服了客户之前聘请图形设计师（UI设计，我还可以，图形我很可怕）。在这种情况下，客户已经在付款（他们的想法，我只是在编码），但是在其他情况下，您需要在向图形设计资源投入任何资金之前向客户传达信心和可信赖性。或者，根据OP（业余爱好项目？），永远不会涉及金钱-聘用设计师并不可行，但展示仍然很重要。

— Stoive

9

如果您正在寻找图形资产，那么有一些网站可以免费收集高质量的图形：

Bootstrap可以说是最好的（但绝对是目前最热的）UI Web框架
Glyphicons用于补充Twitter的Bootstrap UI框架的图标集
微妙的图案，很好的背景图案
FamFamFam的Silk图标在很多软件中得到了广泛使用
各种元素的创意市场

还有更多，例如GNOME艺术项目，其中也包括许多免费的图形资产。

我没有一点创意，也没有设计方面的知识，但我始终在保守主义方面努力：使用既定的模式（即框架），并尽可能少地偏离传统道路。这不一定会很有趣，但是至少您可以将失败和UX灾难的可能性降到最低。

毕加索说，“伟大的艺术家偷了”，但实际上，这主要是无才的黑客，看看这导致微软和三星进入畅销平台的原因。

— 康拉德·鲁道夫
source

8

您可以聘请专家从事此类工作，但是您不需要天生的艺术能力就可以学习一些基本技巧。我的本科学位实际上需要一个学期的“工程师艺术”。在您当地的社区大学上一两堂课可能会非常有益。您仍然不如经过专业培训的人员那样出色，但是您绝对可以改进到程序看起来更专业的程度。

也有一些针对亲戚的书籍。我发现对网页设计有用的一本书是Jason Beaird撰写的《美丽的网页设计原理》。即使您的设计没有太大改进，但进行一点点的教育也可以帮助您更好地表达设计的问题。不必总是说：“我知道它看起来很糟糕，但我不知道为什么”，您将能够查明诸如字距紧缩或缺少负空间之类的问题，而定义问题就成功了一半。

— 卡尔·比勒费尔特
source

3

您可能需要的是“针对开发人员的UI / UX设计”。与该主题相关的一本书是《程序员的用户界面设计》。

如果您不是在寻找UI / UX设计，而是想提高图形设计技能，那么我建议您找一堂关于如何使用Adobe Photoshop或Adobe Illustrator的课程（如果没有，则至少在互联网上有一些教程）。通过学习一些技巧并查看其他人的灵感，您会惊讶于您需要的艺术创造力很少。

例如，您可以在Photoshop中学习“渐变工具”以及“圆角矩形”工具，并且可以进行类似于右侧的“注册新闻通讯”按钮的操作（尽管在这种情况下，它是使用纯CSS完成的）。

— 阿提夫
source

乔尔的书中的大多数（全部？）都可以在他的网站上找到：joelonsoftware.com/uibook/fog0000000249.html

— Fara

好像有大约2/3的书在那里。它没有第13-18章。

— 史蒂夫·贝内特

1

让其他人以使用框架，模板和预建gui组件的形式“为您完成工作”。例如，我既不能绘画也不能设计，所以对于每个新的Web项目，我都从一个CSS模板（来自许多免费的CSS模板站点）开始进行布局和设计，然后从那里“进行调整”。这些模板包括完整的设计，可以帮助您解决这一差距。

我同意c_maker的观点，即良好的可用性就是良好的设计，尽管听起来您在“附庸风雅”的设计端更加具体。

如果您要进行网页设计和布局工作，请访问以下CSS网站：
http : //www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http ：//www.oswd.org/
http://www.openwebdesign.org/

— 迈克尔·杜兰特
source

我猜这对Web开发人员来说还可以。确实在想更多的语言-不可知。胖客户也需要UI的热爱。

— Billy ONeal 2012年