blocks|key|5347240|text|你读过http://msdn.microsoft.com/en-us/library/aa511258.aspx吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5347241|或者阅读维基百科的文章：http://en.wikipedia.org/wiki/Human_interface_guidelines它包含一些HIG的链接|5347242|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/aa511258.aspx|1|http://en.wikipedia.org/wiki/Human_interface_guidelines^0|3|1H|0|0|C|1J|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Have you read <a href="http://msdn.microsoft.com/en-us/library/aa511258.aspx" rel="nofollow noreferrer">http://msdn.microsoft.com/en-us/library/aa511258.aspx</a> ?

Or read the wikipedia article: <a href="http://en.wikipedia.org/wiki/Human_interface_guidelines" rel="nofollow noreferrer">http://en.wikipedia.org/wiki/Human_interface_guidelines</a> it contains links to some HIG

blocks|key|3091488|text|如果你是为桌面设计的，你可以找到操作系统界面的指南，这对你很有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3091489|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you're designing for the desktop, you can find guidelines for the operating system interface, which can help.

blocks|key|802305|text|Joel+Spolsky有一个相当好的高级设计技巧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802306|http://www.joelonsoftware.com/uibook/chapters/fog0000000057.html|offset|length|802307|除此之外，最重要的事情就是尝试一些东西，制作模型。也许最初只是纸上谈兵，但在某种程度上，只是试着把GUI放在一起，而不是挂起后面的代码。看看你的想法，尝试一些改变，征求别人的意见，然后尝试一下。最好的设计技巧是从人们那里获得反馈，如果可能的话，最好是从目标受众那里获得反馈。|802308|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1S|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

Joel Spolsky has a pretty good high level design tips:

<a href="http://www.joelonsoftware.com/uibook/chapters/fog0000000057.html" rel="nofollow noreferrer">http://www.joelonsoftware.com/uibook/chapters/fog0000000057.html</a>

Above that, the biggest thing is just trying something out, making mockups. Maybe initial ones on paper, but at some point just try to put together a GUI without hooking up the code behind. See what you think, try some changes, ask other people for their opinions, and just experiment. Best design technique is to get feedback from people, preferably from the target audience if possible.

blocks|key|5347401|text|现在还不清楚你是在谈论如何创建一个好的对话框窗口，还是如何为一个庞大的应用程序创建一个连贯的外观。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5347402|如何设计一个有效和清晰的UI的一个很好的参考是User+Interface+Design+for+Programmers+by+...等等..。乔尔·斯波尔斯基。|offset|length|5347403|entityMap|0|LINK|mutability|MUTABLE|url|https://rads.stackoverflow.com/amzn/click/com/1893115941^0|0|N|11|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

It's not clear if you're talking about how to create a good dialog window or how to create a coherent look and feel for a huge application. 

A pretty good reference for how do design an effective and clear UI is <a href="https://rads.stackoverflow.com/amzn/click/com/1893115941" rel="nofollow noreferrer" rel="nofollow noreferrer">User Interface Design for Programmers</a> by ... wait for it ... Joel Spolsky.

blocks|key|802405|text|你需要做的第一件事就是跳出你的开发者视点。我们倾向于在表单、控件、按钮、列表、网格等方面进行思考，这往往会推动我们找到对用户来说并不总是最优的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802406|用户不想使用我们的软件。(除了当你在编写游戏时)他们只是想把事情做完。因此，在设计UI和用户交互时，从那里开始是有意义的。写下用户想要对你的软件做什么。想一想用户会如何做这些事情，以及你的应用程序可以做些什么来让事情变得更容易。|802407|尝试使用不同的工具，而不是编程工具。这些让你重新思考UI小部件。从一支铅笔和一张纸开始画草图，也试着考虑行为和布局等。如果你对你想要构建的东西有了清晰的了解，你就可以开始考虑如何构建它了。这就是小工具、按钮和页面的用武之地。|802408|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

The first thing you need to do is get out of your developer-point-of-view. We tend to think in terms of forms, controls, buttons, lists, grids etc. And this tends to push us to solutions that are not always optimal for the user.

Users don't want to use our software. (except when you're programming games) They just want to get stuff done. So when desinging UI and user interactions it makes sense to start from there. Write down what a user wants to do with your software. Think about how a user would go about doing these things and what your application could do to make things easier.

Try to work with different tools than you use for programming. These make you think in UI widgets again. Start with a pencil and a piece of paper to sketch things, also try to think about the behaviour as well as the layout etc. If you've got a clear picture of what you want to build you can start thinking about how you're going to build it. That's when the widgets, buttons and pages come in.

blocks|key|802410|text|这可能会有帮助：best-practices-principles-for-gui-design|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|802411|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/90813/best-practices-principles-for-gui-design^0|8|14|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This may be helpful: <a href="https://stackoverflow.com/questions/90813/best-practices-principles-for-gui-design">best-practices-principles-for-gui-design</a>

blocks|key|798705|text|只需从应用程序的角度考虑谁是您的用户。有一种吗？更多?然后，对于每一类用户，考虑他们想要完成的最重要的事情。向他们提供这些一般选择，然后从那里进入每个任务更合适的界面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|798706|最后，如果您有一组很大的步骤，向导很好，因为它允许您一次一个地验证每个步骤。这在原生应用上是显而易见的，但在web上却非常方便。|798707|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Just think about who your users are from the perspective of your application. Is there one kind? More? Then for each kind of user, think about the big overarching things they want to accomplish. Present them those general choices, and then go from there into more appropriate interfaces for each task.

Finally, if you have a big set of steps, a wizard is nice because it lets you validate each step one at a time. This is obvious on a native app, but very handy on the web.

blocks|key|3937887|text|除了本页面中提到的所有其他内容之外，我还想补充一句，你越少注意到图形用户界面，它就越适合。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3937888|我的意思是，当用户界面不被用户感知时，这是因为用户正在完成他/她的工作。当(a)它很漂亮(比如Apple)或者(b)它很烂(想想你使用过的任何让你沮丧的GUI+)时，用户都会注意到它。|3937889|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

On top of everything else that has been said in this page, I'd add that the less you notice a GUI, the better it is.

I mean, when the user interface isn't perceived by the user, it's because the user is getting his/her job done. Users notice the GUI when (a) it's beautiful (think Apple) or (b) it's crappy (think whatever GUI you have used that has got you frustrated).

blocks|key|3937929|text|我从来没有把GUI设计看作是一种本质上的艺术活动。虽然设计良好的用户界面确实可以用艺术元素来增强，但设计底层用户界面实际上是一项工程工作。当然，在较大的项目中，GUI专家是一种自然的专业化，就像拥有构建专家一样。但我认为，只有少数软件工程师不能创建有效的GUI+--当他们有时间和资源这样做的时候。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3937930|我们中的大多数人都通过认识到现有系统中的优点，然后卷起袖子进行创新，并坚持下去，直到它发挥作用，从而了解了大多数关于构建系统的知识。GUI也不例外。|3937931|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I have never seen GUI design as a fundamentally artistic activity. While it is true that a well designed user interface can be enhanced with artistic elements, but designing the underlying user interface is really an engineering effort. Certainly in larger projects a GUI specialist is a natural specialization, just like having build specialist, etc. But I think that it is the rare software engineer that cannot create an effective GUI - when they are given the time and resources to do so.

Most of us have learned most of what we know about building systems by recognizing goodness in existing system and then rolling up are sleeves and innovating, and by sticking to it until it works. The GUI is no exception.

blocks|key|5347743|text|我开发的应用程序每小时会被点击数千次，所以一切都归结为效率。我喜欢把它看作是一种货币，你可以用它来生成许多有用的公理：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5347744|如果它节省了一次单击，则%2B1。|5347745|如果需要点击，则为-1。|5347746|如果用户浪费时间弄清楚它是如何工作的，-1。(大多数自定义UI元素)|5347747|如果它从根本上是直观的，%2B1。(Coverflow)|5347748|如果它节省了第一次用户点击，%2B1。(向导)|5347749|如果它花费长期用户一次点击，-1。(向导)|5347750|(因此，您必须确保键盘快捷键和tab键顺序有意义。)|5347751|等。|5347752|5347753|每件事都被主观地加权和计分，你不得不妥协。归根结底，这可能是一种天真的哲学，但它对我很有帮助。按您认为合适的方式进行外推。|5347754|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|12|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|13|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|14|8|@]|9|@]|A|$]]|$1|R|3|Q|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|V|$]]

The applications I developed get clicked thousands of times per hour, so everything comes down to efficiency. I like to think of it as a sort of currency with which you can generate lots of useful axioms:

If it saves a click, +1.

If it costs a click, -1.

If the user wastes time figuring out how it works, -1. (Most custom UI elements)

If it is fundamentally intuitive, +1. (Coverflow)

If it saves first-time users a click, +1. (Wizards)

If it costs long-term users a click, -1. (Wizards)

(Thus why you have to make sure your keyboard shortcuts and tab orders make sense.)

Etc. 

Etc.

Everything gets subjectively weighted and tallied and you compromise where you have to. Ultimately, it might be a naive philosophy, but its served me fairly well. Extrapolate as you see fit.

blocks|key|3092127|text|the+UI+patterns+site上提供了一些您可能会发现有用的UI模式|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3092128|通常，如果你正在为windows设计窗体，请遵循各种微软的guidelines。|3092129|我牢记的一个原则是使用现有的行为模式(双击以执行/激活项目等)。因为人们已经知道这些。|3092130|entityMap|0|LINK|mutability|MUTABLE|url|http://ui-patterns.com/|1|http://msdn.microsoft.com/en-us/library/aa511279.aspx^0|0|K|0|0|T|A|1|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

There are a few UI patterns presented on <a href="http://ui-patterns.com/" rel="nofollow noreferrer">the UI patterns site</a> that you may find useful

Generally if you are designing form for windows follow the various microsoft <a href="http://msdn.microsoft.com/en-us/library/aa511279.aspx" rel="nofollow noreferrer">guidelines</a>.

One principal I keep in mind is use existing patterns of behaviour (double click to execute/activate an item etc.) as people already know these.

How would you, as a developer with little (or no) artistic inclination, design a GUI for an application? In particular, I'm thinking about desktop apps but anything that relates to Web apps is welcome as well.
I find it extremely hard to design something that both I and potential users find pleasing. I can look up color schemes on the net, but how would I know where to place buttons/textboxes/etc.?

Update: To clarify, I don't mean what controls and such to use. Rather, are there any guidelines/hints to when I should buttons, combos, textboxes and so on? How long should they be and where would I place them on the form?

Designing a GUI

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

作为一个几乎(或没有)艺术倾向的开发人员，你将如何为应用程序设计GUI？特别是，我正在考虑桌面应用程序，但任何与Web应用程序相关的东西都是受欢迎的。我发现很难设计出让我和潜在用户都感到满意的东西。我可以在网上查找配色方案，但我如何知道在哪里放置按钮/文本框/等？更新:为了澄清，我并不是说要使用什么控件之类的。相反，对...

问设计GUI
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问设计GUIEN