你通常如何使程序看起来很漂亮?

时间:2009-11-10 21:28:33

标签: layout wiki

如何让应用程序看起来不错,而不是像业余爱好者一样把它拉到一起?

我的意思是图形方面。

是否有某种书可以阅读有关精美程序布局等的内容?

我把它放在社区Wiki中,所以请随时以我们所有人都能学到的方式留下您的意见。 :d

编辑:天啊。我完全忘了提一下 kind 的程序。我是指桌面应用程序。不是Web应用程序。 :d

18 个答案:

答案 0 :(得分:29)

找一位平面设计师。

我不是在试图嗤之以鼻,我只是在说'。我认为自己是一个非常优秀的开发人员,但在图形设计方面我处于稳定的水平。

良好平面设计的技能(和工具)与开发人员的技能根本不同。

答案 1 :(得分:9)

三件事:

  1. 聘请了解商业模式和客户的设计师;除非你自己擅长
  2.  
  3. 为了帮助您向设计师提供有意义的反馈,请阅读一本书 我喜欢Steve Krug的Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition

  4. 研究许多在您感兴趣的业务中取得成功的优秀应用。从他们那里获得灵感(又称复制)好的想法,并融入你自己的想法。一个主要的例子是Google search如何“启发”微软的Bing

答案 2 :(得分:6)

在涉及应用程序的外观时,以下术语非常重要

用户界面设计 这里讨论了应用程序如何具有统一的柔和颜色,类似大小的控件,平滑的字体,适当的数据元素分组等。

用户体验 这是一件难以实现的事情。这是应用程序的直观性“你确定吗?”并且“你真的确定吗?”消息框,取消弹出窗口和对话框,自动保存,从一个阶段到另一个阶段的流程,数据保存的准确性,以及一系列让用户体验真正令人惊叹的其他东西。

如果没有良好的用户界面,你就无法获得良好的用户体验,但如果没有良好的用户体验,肯定有可能拥有良好的用户界面。

答案 3 :(得分:5)

我发现通过各种桌面设计指南非常有用。

  1. Windows User Experience Interaction Guidelines
  2. Apple Human Interface Guidelines
  3. Gnome Human Interface Guides
  4. 我不认为它们中的任何一个都可以被认为是“正确的”,但是就基本理论(如对齐,间距和小部件布局等)而言,它们将为您提供一个良好的基线思想

答案 4 :(得分:5)

继续重做它。说真的,接受所有外界的批评。要求他们具体。如果您正在进行网络工作,请查看尽可能多的网站。有时,根据创建者的不同,您可以通过电子邮件发送网站,询问他们为什么会这样做并获得回复。如果你在桌面上找到一个你喜欢的图书馆看起来不错(不是Swing,如果你愿意,就讨厌我。)然后创建,销毁,创建,销毁等等,直到你开心为止。

我认为人们最大的问题就是学会抛弃一个不适合你的组件。

答案 5 :(得分:2)

对于外观:遵循平台的人机界面指南。使用Golden Mean取悦眼球。 Simplify, Simplify, Simplify

对于行为:观察用户使用您的应用程序。不要帮助他们,不要纠正他们。如果可以的话,站在双面镜子后面。您可以快速找到许多用户界面可以调整的地方。

答案 6 :(得分:2)

我建议您阅读AskTog site

Bruce Tognazzini ......创立了Apple Human Interface Group并担任Apple的人机界面传播者。

过去有一些很棒的东西,例如如何使按钮变大与点击的可能性,鼠标移动如何影响设计等等成正比。

但是,如果你不学习 - 无论如何,找一个专业的设计师。

答案 7 :(得分:1)

让您的编码工作脱离设计工作,并在尝试实施它们之前在photoshop或类似的东西中进行模型制作。良好的编码和良好的可视化UI设计可以经常直接相互对立 - 在外部看起来很好看需要一些大多数编码器认为是怪异的后端工作,并且良好的UI通常需要使用标准化库可能使用的自定义行为从工程角度来看更有意义。拥有功能用户界面的目标将帮助您超越“足够好”的结果,如果您让图书馆默认确定网站或应用程序的样子,那么您可能会得到这些结果。

答案 8 :(得分:1)

首先,可用性应该始终是优先级#1并且应该推动您的设计:

然而,这并不意味着您的申请必须是丑陋的。而且我不同意那些说“你要么拥有它,要么不拥有它”的人。我想几乎任何人都可以发展他们的基本设计技巧。您询问它的事实证明您感兴趣,这是迈向学习的重要一步。事实上,即使作为开发人员,它至少对于看起来很好的内容以及如何创建引人入胜的用户界面也有很好的意义。如果这很重要,您可以随后聘请专业设计师将其提升到一个新的水平。

设计工作有一些基本细节对我有所帮助:

1。)明智地使用颜色。暗淡的颜色并不差,但它们可以使设计看起来很无聊而且没有灵感。如果你谨慎地添加令人兴奋的,更饱和的颜色,你可以强调更重要的元素。这不仅可以改善外观,还可以通过引起您不希望用户遗漏的元素来提高可用性。再说一次,如果你过度使用它,就像突出物理书中的所有内容一样。如果你到处都这样做,它就会失去意义。我写了更多关于colors and contrast in my answer here的信息。

2.。明智地使用white space这是巨大的。如果你在谈论一个网站或一个Windows应用程序并不重要 - 一个混乱的应用程序是一个丑陋的应用程序。有一个很好的article about this relating to web design,但相同的基本规则适用于桌面应用。

3.。)不要担心big fonts提供强调的另一种方法 - 大字体。当与适当的空白相结合时,用大词写的号召性用语在视觉上可以是一个强大的东西。

想想看,所有这些建议都与创造重点有关。

答案 9 :(得分:1)

有很多书籍有平面设计,界面设计,网页应用程序设计,CSS设计等。

一般规则:

  • 从网格角度思考
  • 不要害怕白色空间
  • 保持简单
  • 了解层次结构
  • 了解基本色彩理论
  • 聘请用户界面设计师

答案 10 :(得分:1)

我非常喜欢这本书Designing Interfaces。它提供了许多UI设计模式以及何时适合使用。它不会教你如何使事情变得“漂亮”,但它可以极大地帮助你的应用程序直观,易于用户掌握。它还以平台无关的方式呈现模式。

答案 11 :(得分:1)

我非常努力地让用户相信命令行界面之美。

除此之外,我认为没有比“走廊测试”更好的了。您可以随时聘请专家进行GUI设计。

答案 12 :(得分:0)

我非常喜欢这本书,来自Joel Spolsky: [http://www.amazon.com/o/ASIN/B001O9LB86/ref=nosim/betteraddons-20]

答案 13 :(得分:0)

有很多网站提供有关图形用户界面(GUI)设计的提示。谷歌的“GUI设计指南”,你会发现一些。虽然这些提示可能不会使您的应用程序看起来“漂亮”,但它们可以使其看起来专业设计。如果你想要漂亮的图形,你可能需要从图形艺术家那里获得一些帮助。

检查here以获取有关GUI设计的好书清单。

答案 14 :(得分:0)

我们使用的一般准则:

  1. 轻松使用:使用工具栏或侧边菜单访问应用程序的不同部分。
  2. 使查看信息尽可能简单,格式不同。
  3. 尽可能保持更改信息的一致性。即,将New,Edit和Save按钮放在同一个地方。
  4. 让最常见的动作最简单。
  5. 我们使用的具体指南:

    1. 在整个应用程序中使用相同或相似的字体。因大小或大胆而引起注意。
    2. 使用彩色背景分组和分隔信息类型。
    3. 将最相关的信息放在一起,使最常用的按钮大于其余按钮。
    4. 不要使用仅有少数选项的下拉控件。使用足够大的列表控件,无需滚动或使用单选按钮。
    5. 添加一些空格实际上可以让您更容易阅读屏幕或报告。

答案 15 :(得分:0)

有没有人为没有预算的程序员提供任何建议,或者正在家里开展项目以获得乐趣?我们不能聘请设计师,但我们想做一些努力,让我们的应用程序看起来不那么自制。

我建议您向家人和朋友展示您的创作截图。你会讨厌他们的建议,因为他们会与你的建议不同,当然。但它可以提供帮助。

研究类似的应用程序,有些则不是,然后从每个应用程序中捏一个小想法!

答案 16 :(得分:-1)

聘请专家。设计是你要么拥有的,要么你没有。听起来你(就像我一样)属于“不要”类别:)

答案 17 :(得分:-1)

它会让你知道我的脑袋在哪里,我的答案是“你通常如何使程序看起来很漂亮?”从以下开始:

  • 简短方法
  • 适当的空白
  • 一致的命名惯例
  • 一致的格式约定

向我询问我认为的优秀用户界面可能不是一个好主意。