xcode 给开发者的 iPhone 图形设计建议

iPhone graphic design advice for developers

提问by WoodenKitty

I'm a developer who is making an app without a graphic designer for the first time. I am competent at making user interfaces that fits conventions and the Apple Human Interface Guidelines, but when it comes adding that extra layer of decoration to make the app sexy, I'm totally inexperienced.

我是第一次在没有平面设计师的情况下制作应用程序的开发人员。我擅长制作符合惯例和 Apple 人机界面指南的用户界面，但是当需要添加额外的装饰层以使应用程序性感时，我完全没有经验。

Does anyone have any pointers or resources for helping developers such as myself act like graphic designers, in particular for iPhone apps?

有没有人有任何指示或资源可以帮助像我这样的开发人员像平面设计师一样工作，特别是对于 iPhone 应用程序？

I have a technical knowledge of photoshop, without having an artistic ability with it. I like to believe that I have a good eye for judging aesthetics, but I've never been good at creating something aesthetically pleasing from scratch.

我有Photoshop的技术知识，但没有艺术能力。我喜欢相信我有判断美学的好眼光，但我从来不擅长从头开始创造美学上令人愉悦的东西。

采纳答案by Jano

"Acting as" requires being one, so learn the basics of graphic design. One popular book for beginners is The Non-Designer's Design Book. It's not about Photoshop, it's about recognizing why a design works to improve your judgement. There is more logic behind it than you may think. Usually being pleasing is the same as conveying useful information, "design is how it works as much as how it looks".

“充当”需要成为一个人，所以学习平面设计的基础知识。一本深受初学者欢迎的书籍是The Non-Designer's Design Book。这与 Photoshop 无关，而是要认识到设计为何能提高您的判断力。它背后的逻辑比你想象的要多。通常取悦与传达有用的信息是一样的，“设计就是它的工作原理和它的外观一样”。

Review screenshotsof existing iOS apps: Pttrns, Well Placed Pixels, Beautiful Pixels, or keep your own collection using LittleSnapperand CandyBar.

查看现有 iOS 应用程序的屏幕截图：Pttrns、Well Placed Pixels、Beautiful Pixels，或使用LittleSnapper和CandyBar保留您自己的收藏。

Unfortunately most tutorials are step by step instructions to reach a goal, but they don't bother much in why or how combining certain effects works. Then there are a lot of subtleties which you will have to dig in blog posts. Erik Tjernlund posted a good link(flyosity.com), here is another(bjango.com). These details create immediate trust from the user. There are plenty of tutorial sites on Google, but learning PS is a long-term goal.

不幸的是，大多数教程都是达到目标的分步说明，但它们并没有过多关注组合某些效果的原因或方式。然后有很多微妙之处，您必须在博客文章中挖掘。Erik Tjernlund 发布了一个很好的链接(flyosity.com)，这是另一个(bjango.com)。这些细节会立即获得用户的信任。Google 上有很多教程网站，但学习 PS 是一个长期目标。

An (offtopic) option now is to buy professional services. Example, Articles from Sophia Teutschler got help from the IconFactory. It's cost effective to invest your time in what you do best to pay for what they do best.

现在的一个（offtopic）选择是购买专业服务。例如，来自 Sophia Teutschler 的文章从IconFactory得到了帮助。把你的时间投资在你最擅长的事情上来为他们最擅长的事情付出代价是划算的。

回答by Erik Tjernlund

I really like Mike Rundle's (@flyosity) blog post – "Crafting Subtle & Realistic User Interfaces" –?as a good, hands-on introduction on how to think about creating beautiful user interfaces. Follow some of his advice and your apps will automatically look much better.

我真的很喜欢 Mike Rundle (@flyosity) 的博客文章——“制作微妙而真实的用户界面”——作为一个关于如何思考创建漂亮用户界面的很好的、动手的介绍。遵循他的一些建议，您的应用程序会自动看起来更好。

To get inspiration, I highly recommend the Pttrnssite. Look at how different apps solve common tasks.

为了获得灵感，我强烈推荐Pttrns站点。看看不同的应用程序如何解决常见的任务。

My last advice is to practice a lot. My experience is that using the most commonly used tools (Photoshop and Illustrator) doesn't come naturally for us developers. Seeing a professional using these tools can sometimes be a real eye-opener. Especially workflow and how they use the tools to guide them in the creative process.

我最后的建议是多练习。我的经验是，对于我们开发人员来说，使用最常用的工具（Photoshop 和 Illustrator）并不是天生的。看到专业人士使用这些工具有时会让您大开眼界。尤其是工作流程以及他们如何使用工具来指导他们的创作过程。

回答by LuckyLuke

I am frequently visiting this website: http://app.itize.us/wp/Not for directly copying others design or functionality but I always get ideas on how to design GUI elements here, often by mixing many of the different styles. I will also recommend you to just play with all of the different layer options you get when you double-click a layer in Photoshop, learned a lot by doing that!

我经常访问这个网站：http: //app.itize.us/wp/不是为了直接复制其他人的设计或功能，但我总是在这里获得关于如何设计 GUI 元素的想法，通常是通过混合许多不同的风格。我还将建议您使用在 Photoshop 中双击图层时获得的所有不同图层选项，通过这样做学到了很多！

回答by glimpse nirvana

The Web Designers Guide to iOS Appsis excellent but it does focus on NimbleKit. If you're not using NK the design discussions are still valuable.

Web Designers Guide to iOS Apps非常棒，但它确实专注于 NimbleKit。如果您不使用 NK，设计讨论仍然很有价值。

回答by Janak Nirmal

You can follow tutorialshere. I am not vary much familiar about photoshop/illustrator but may be these tutorials be helpful.

你可以在这里学习教程。我对 photoshop/illustrator 不太熟悉，但这些教程可能会有所帮助。

回答by Nick Bull

Having a "good eye" and knowing what looks nice is good, but if you don't have that initial "vision" then you will be spending a lot of time playing around until you stumble on the design that looks good and even then you may never reach that point.

拥有“好眼光”并知道什么看起来不错是好的，但是如果您没有最初的“愿景”，那么您将花费大量时间玩弄，直到您偶然发现看起来不错的设计，即使如此可能永远达不到那个地步。

As developers, we are very good at following the guidelines put down by Apple and making sure that we follow those - after all it's a nice logical set of rules to follow and that's exactly what we do when we write code - follow logical rules.

作为开发人员，我们非常擅长遵循 Apple 制定的准则并确保我们遵循这些准则——毕竟这是一套很好的逻辑规则，这正是我们在编写代码时所做的——遵循逻辑规则。

Unfortunately the design side of things doesn't have rules that we can follow. Yes, we may be technical at using Photoshop or some other drawing application, but when it comes to actually having that spark of inspiration, that's not something we can just click a button for.

不幸的是，事物的设计方面没有我们可以遵循的规则。是的，我们可能在使用 Photoshop 或其他一些绘图应用程序方面具有技术性，但是当涉及到真正的灵感火花时，这不是我们可以单击按钮来实现的。

Looking at other applications is one way to go. But then you may end up having an app that looks like another app or a collection of a number of apps and then you may have problems with a fluid user interaction.

查看其他应用程序是一种方法。但是，您最终可能会拥有一个看起来像另一个应用程序或多个应用程序的集合的应用程序，然后您可能会遇到流畅的用户交互问题。

My own approach to this problem was to go out and find someone who is really good at doing that art stuff and working with them. I struggled for a long time designing my own stuff, but looking back, it was obvious it was a developer (me) doing the design. I'm not sure what it is, but there's an extra something that these graphic artists seem to be able to do that I just can't get and that makes all the difference.

我自己解决这个问题的方法是出去寻找一个真正擅长做艺术作品并与他们合作的人。我在设计自己的东西时挣扎了很长时间，但回过头来看，很明显是开发人员（我）在做设计。我不确定它是什么，但是这些图形艺术家似乎能够做一些我无法做到的额外事情，这使一切变得不同。

But the flip side to this is that he can't code. Sometimes it's best to just stick to what you're best at.

但另一方面，他不会编码。有时最好只坚持自己最擅长的事情。