2009-11-10 29 views
7

如何让应用程序看起来不错,而不是像业余爱好者一起拉?你通常如何让程序看起来很漂亮?

我的意思是图形式的。

有什么书可以阅读关于美丽的程序布局等?

我把这个放在社区Wiki中,所以请随时留下您的意见,我们都可以学习。 :D

编辑:哦,我的上帝。我完全忘了提及种类的程序。我是指桌面应用程序。不是Web应用程序。 :d

+4

什么样的程序?基于网络?基于客户端?电子游戏?什么 除了数以百万计的谷歌搜索结果之外,还有几千本书籍可以阅读...... – Jason 2009-11-10 21:30:55

+7

是的,有一本书可以通过完整的设计教育神奇地让你满意,但我不允许告诉你这是什么原因,因为那时世界上所有的艺术学校都会追捕我,并杀了我,毁了他们的生意。 – 2009-11-10 21:36:04

+4

我认为他的意思是经验法则。有基本的规则,适用于所有的应用程序,如保持简单,满足业务需求等。 – Phil 2009-11-10 21:36:39

回答

29

寻找一个平面设计师。

我并不是要变得sn,,我只是在说'。我认为自己是一位非常优秀的开发人员,但在图形设计方面,我处于高水准的水平。

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

+6

你是对的。但是,软件工程师必须了解一些关于设计的知识,才能为提高产品质量做出贡献。说,“只雇用一个设计”就好像有人为你建造一座房子,而不考虑你是否认为它看起来不错。我经过惨痛的教训才学到这个。 – Phil 2009-11-10 21:35:22

+1

同意。或者成为一名设计师。我认识那些擅长编程和设计的人,但学习成为设计师需要尽可能多地学习成为一名优秀的程序员(即一辈子)...... – 2009-11-10 21:35:29

+1

+1:找一个图形设计师。程序员是代码设计者,而不是图形设计师。 Joel也对此表示了一些好评:http://www.joelonsoftware.com/items/2009/03/09.html – BalusC 2009-11-10 21:54:05

9

三两件事:

  1. 聘请一个设计师,知道的商业模式和客户;除非你很擅长自己动手

  2. 为了帮助您提供给设计师有意义的反馈,由史蒂夫克鲁格读一本书就像 我喜欢Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition

  3. 研究,在已经成功很多很好的应用您感兴趣的业务。从他们那里得到灵感(又名副本)好主意,并混合你自己的想法。一个最好的例子是如何“灵感”微软的Bing
+3

+1不要让我想 - 一个好书 – ChrisF 2009-11-10 22:46:19

-1

聘请专家。设计是你有或没有的东西。这听起来像你(就像我)是“不”类别:)

+0

作为一名平面设计师,我可以告诉你,你所指的“它”是数千小时的学习和练习。这不是魔术。也就是说,如果你不想在职业水平上至少进行1000-2000小时的学习设计,那么聘请一个已经做过的人。 – willc2 2009-11-11 01:25:55

6

下列术语是非常重要的,当涉及到一个应用程序

用户界面设计的外观和感觉 这谈到了如何应用具有均匀柔和的色彩,同样大小的控制,平滑字体,数据元素的适当的分组等

用户体验 这是一个更加困难的事情实现。这是多么直观的应用程序是“你确定吗?”和“你确定吗?”消除弹出框和对话框,自动保存,从一个阶段到另一个阶段的流程,数据保存的准确性以及使用户体验真正令人惊叹的其他一系列功能。

如果没有良好的用户界面,你不可能拥有良好的用户体验,但是如果没有良好的用户体验,确实可以拥有一个良好的用户界面。

+0

这比给他让我Google适合你的链接更糟糕。 – Garrett 2009-11-10 21:41:24

+0

这是一个非常禅宗的答案。 – 2009-11-10 21:45:32

+0

@Garrett我不认为Raj是讽刺的。这是两个绝对有用的术语,一个问这个问题的人可能不知道。 – 2009-11-10 22:10:07

1

我很努力地说服我的用户了解命令行界面的美。

除此之外,我认为没有什么比“走廊测试”更好。尽管如此,你总是可以聘请一位GUI设计专家。

+0

哈哈+1。如果他们拥抱我使用的美丽命令行版本,我的工作就会结束。 – chimpsarehungry 2013-07-05 13:30:21

0

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

检查here是一本关于GUI设计的书籍。

2

我建议你阅读AskTog site

布鲁斯·托格纳莉齐尼......创立了苹果人机界面组,并担任苹果公司的人接口传播者。

还有的是一些伟大的东西过去,怎么样使得按键更大的效果成正比他们被点击的可能性,鼠标移动如何影响设计等

但是,如果你不投入学习 - 通过一切手段,找一个专业的设计师。

5

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

我认为人们面临的最大问题是学习只是扔掉一个不适合你的组件。

+0

我认为是的,这种快速原型是学习设计的好方法。如果你不想让其他人这样做,你需要自己更加熟悉可用性,加速这个过程的最好方法是使用许多快速和肮脏的原型。 – Kzqai 2009-11-10 23:45:28

1

让您的编码工作脱离设计工作,并在尝试实施它们之前在photoshop或类似的东西上做您的模型。良好的编码和良好的可视化用户界面设计可以经常与对方直接对立 - 在外部看起来不错的后端工作需要大多数编码人员认为是可怕的,良好的用户界面通常需要自定义行为,而使用标准化库似乎可以使从工程角度来看更有意义。具有功能性用户界面的目标将帮助您超越您可能得到的“足够好”的结果,如果您让默认情况下确定网站或应用程序的外观如何。

1

我真的很喜欢这本书Designing Interfaces。它提供了许多UI设计模式以及何时适合使用。它不会教你如何让事情变得“美丽”,但它可以帮助你的应用程序直观且易于用户掌握。它还以平台不可知的方式呈现模式。

1

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

一般规则:

  • 认为,在电网方面
  • 不要害怕空白
  • 保持它的简单
  • 理解层次
  • 了解基本的色彩理论
  • 聘请用户界面设计师
+0

白色空间 - 非常重要! – 2009-12-02 15:56:54

5

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

  1. Windows User Experience Interaction Guidelines
  2. Apple Human Interface Guidelines
  3. Gnome Human Interface Guides

我不认为任何人可以被认为是“正确的”,但他们会给你一个良好的基线主意,以什么一般而言,就像对齐,间距和小部件布局这样的基本理论而言,这是一个预期。

+0

我已经使用了Windows指南,并且在构建Windows UI时它是一个很好的资源。唯一的问题是那里的大量信息 – jonsb 2009-11-11 16:26:01

2

对于外观:关注您平台的人机界面指南。使用Golden Mean来取悦眼睛。 Simplify, Simplify, Simplify

对于行为:观看用户使用您的应用程序。不要帮助他们,不要纠正他们。如果可以的话,站在双向镜后面。你会很快找到很多你的UI可以使用调整的地方。

1

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

然而,这并不意味着你的应用程序必须是丑陋。我不同意那些说“你要么有,要么不要”的人。我认为几乎任何人都可以发展出基本的设计技能,只要他们能够将自己的想法付诸实践。你问的事实证明你对此感兴趣,这是向学习迈出的一大步。事实上,即使作为开发人员,至少对于看起来不错的以及如何创建有吸引力的用户界面有很好的理解。如果重要,您可以随时聘请专业设计师将其提升到一个新的水平。

有一些基本的细节设计一个曾经帮助过我的工作:

1)明智地使用颜色。黯淡的颜色并不坏,但它们可以使设计看起来很无聊而且没有灵感。如果您节省地添加令人兴奋的饱和色彩,您可以强调更重要的元素。这不仅可以改善外观,还可以通过关注不希望用户错过的元素来提高可用性。再说一遍,如果你这样做,这有点像突出你物理书中的一切。如果你到处做,它会失去它的意义。我写了更多关于colors and contrast in my answer here

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

3.)不要害怕big fonts提供重点的另一种方式 - 大字体。当与适当的空白结合使用时,以巨大词汇编写的号召性行为可以成为视觉上强大的事情。

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

0

一般准则,我们使用:

  1. 能让您的出行方便:使用工具栏或侧面菜单,访问应用程序的不同部分。
  2. 使查看信息尽可能简单,并且格式不同。
  3. 使更改信息尽可能一致。即,将新建,编辑和保存按钮放在同一个地方。
  4. 让最常见的动作变得最简单。

的具体指南,我们使用:

  1. 整个应用程序使用相同或相似的字体。按尺寸或大胆引人注意。
  2. 使用彩色背景对信息进行分组和分类。
  3. 将最相关的信息放在一起,使最常用的按钮比其他更大。
  4. 不要在只有少数选项的情况下使用下拉控件。使用足够大的列表控件,以便不必滚动或使用单选按钮。
  5. 添加一些空白区域实际上可以使读取屏幕或报告更容易。
-1

它会让你知道我的头在哪里,我的答案是“你通常如何让程序看起来很漂亮?”

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

它可能不是一个好主意,问我什么,我觉得做一个好的:开头UI。

0

有没有人有没有预算的程序员的任何提示,或者正在家里的项目工作的乐趣?我们不能聘请设计师,但我们想尽一切努力使我们的应用程序看起来不像自己制作的。

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

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

相关问题