blocks|key|4628942|text|请阅读Don't+make+me+think|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4628943|entityMap|0|LINK|mutability|MUTABLE|url|http://www.amazon.co.uk/Dont-Make-Me-Think-Usability/dp/0321344758/^0|3|J|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]]]]

Please read <a href="http://www.amazon.co.uk/Dont-Make-Me-Think-Usability/dp/0321344758/" rel="noreferrer">Don't make me think</a>

blocks|key|3784047|text|除了:使用网格之外，没有什么可以作为“客观”内容来学习的！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3784048|http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/|offset|length|3784049|看到人的眼睛识别出“美”的东西，如平衡，对称，对比度，色调。学习这些基础知识，然后...练习，实验，迭代。|3784050|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|23|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]]]]

There is not much to be learned as "objective" content, except for : use a grid !

<a href="http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/" rel="nofollow noreferrer">http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/</a>

See the human eye recognize as "beauty" things like balance, symmetry, contrast, color tones. Work on these fundamentals, and then... practice, experiments, iterate.

blocks|key|4628886|text|Seth+Godin最近发布了a+page+of+resoures，供那些想要提高设计技能的人使用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4628887|Smashing+Magazine+website也有很多相关的文章。|4628888|entityMap|0|LINK|mutability|MUTABLE|url|http://sethgodin.typepad.com/seths_blog/2009/03/why-arent-you-really-good-at-graphic-design.html|1|http://www.smashingmagazine.com/^0|F|I|0|0|0|P|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]]]]

Seth Godin recently posted <a href="http://sethgodin.typepad.com/seths_blog/2009/03/why-arent-you-really-good-at-graphic-design.html" rel="nofollow noreferrer">a page of resoures</a> for people who want to improve their design skills.

The <a href="http://www.smashingmagazine.com/" rel="nofollow noreferrer">Smashing Magazine website</a> also has a lot of relevant articles.

blocks|key|1148579|text|最好的学习方法是开始做并征求反馈。关键是要确保你的网站简单、直观、易于使用，同时又能提供非常丰富的内容和功能集。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1148580|这篇文章非常有力地展示了好的UI设计意味着什么。http://stuffthathappens.com/blog/2008/03/05/simplicity/|offset|length|1148581|entityMap|0|LINK|mutability|MUTABLE|url|http://stuffthathappens.com/blog/2008/03/05/simplicity/^0|0|O|1J|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]]]]

The best way to learn is to start doing and soliciting feedback. The key is making sure that your site is as simple, intuitive and easy to use, yet providing a very rich content and feature set.

This post makes a very powerful demonstration of what good UI design means. <a href="http://stuffthathappens.com/blog/2008/03/05/simplicity/" rel="nofollow noreferrer">http://stuffthathappens.com/blog/2008/03/05/simplicity/</a>

blocks|key|4629049|text|A+List+Apart是一本关于网页内容设计和开发的很棒的网页杂志。它每月出版两次，通常有两篇新文章，而且是一种杂志类型的格式；它是对这里其他人提到的一些书籍的很好补充。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4629050|entityMap|0|LINK|mutability|MUTABLE|url|http://www.alistapart.com/^0|0|C|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]]]]

<a href="http://www.alistapart.com/" rel="nofollow noreferrer">A List Apart</a> is a great web-based magazine on design and development of web content. It publishes twice a month, usually with two new articles, and is a magazine type format; it's a good complement to some of the books that others here have mentioned.

blocks|key|4628936|text|你可以学习好的网页设计原则，你可以知道所有的工具，但实际上它就像图形设计一样，你需要一些人才。除非你拥有它，否则你的设计将会非常正确，但却很枯燥。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4628937|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|$]]

You can learn principles of good web design, you can know all the tools, but really it's like graphics design, you need some talent. Unless you have it, you'll end up with very correct, but dull design.

blocks|key|564045|text|这些网站提供了很好的内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|564046|http://css-tricks.com/+http://net.tutsplus.com/+http://blog.themeforest.net/|offset|length|564047|entityMap|0|LINK|mutability|MUTABLE|url|http://css-tricks.com/|1|http://net.tutsplus.com/|2|http://blog.themeforest.net/^0|0|0|M|0|N|O|1|1C|S|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]|$D|W|E|X|1|Y]|$D|Z|E|10|1|11]]|A|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]|P|$5|I|J|K|A|$L|Q]]]]

these sites offer good content :

<a href="http://css-tricks.com/" rel="nofollow noreferrer">http://css-tricks.com/</a>
<a href="http://net.tutsplus.com/" rel="nofollow noreferrer">http://net.tutsplus.com/</a>
<a href="http://blog.themeforest.net/" rel="nofollow noreferrer">http://blog.themeforest.net/</a>

blocks|key|4629018|text|请参阅Why+is+good+UI+design+so+hard+for+some+Developers?|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4629019|它有大量关于这方面的重要信息|4629020|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/514083/why-is-good-ui-design-so-hard-for-some-developers/519067#519067^0|3|1E|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

See <a href="https://stackoverflow.com/questions/514083/why-is-good-ui-design-so-hard-for-some-developers/519067#519067">Why is good UI design so hard for some Developers?</a> 
It's got tons of great info about this

blocks|key|1148636|text|我前段时间发现了这个网站，并将其加入书签，希望我的妻子有一天会对网页设计感兴趣……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1148637|了解+http://www.divitodesign.com/2008/08/66-links-to-learn-the-webdesign-basics/网站设计基础知识的66链接|offset|length|style|BOLD|1148638|它分为以下几个类别：|1148639|+++General
+++Programs
+++HTML
+++CSS
+++Design
+++Site+Structure
+++Tutorial+Sites
+++Colors
+++Resources
+++Stock+Images
+++Search+Engines
+++Inspiration
+++Fonts+/+Typography
+++Usability+and+Accessibility
+++Blogging|code-block|syntax|javascript|1148640|entityMap|0|LINK|mutability|MUTABLE|url|http://www.divitodesign.com/2008/08/66-links-to-learn-the-webdesign-basics/^0|0|2F|4|3|23|0|0|0|A|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@$D|10|E|11|1|12]]|A|$]]|$1|H|3|I|5|6|7|13|8|@$D|14|E|15|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|16|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I found this site a while back and bookmarked it in hopes that my wife might be interested in web design some day...

66 Links To Learn The Webdesign Basics
<a href="http://www.divitodesign.com/2008/08/66-links-to-learn-the-webdesign-basics/" rel="nofollow noreferrer">http://www.divitodesign.com/2008/08/66-links-to-learn-the-webdesign-basics/</a>

Its broken down into these categories:

<pre><code> General
 Programs
 HTML
 CSS
 Design
 Site Structure
 Tutorial Sites
 Colors
 Resources
 Stock Images
 Search Engines
 Inspiration
 Fonts / Typography
 Usability and Accessibility
 Blogging
</code></pre>

Most of the time I worked as an application developer at backend side. I worked on enterprise web projects but never touched on user interface, design issues. 
Good looking web sites and user interfaces always impress me. 

And nowadays I am trying to develop public web site I know CSS, HTML but stuck with web design / user interface issues. I don't want to use a template or steal someone's web design. 

How can a developer / programmer learn to design good web sites / user interfaces, What tools should I use and learn? or is desinging good web user interfaces a god's gift?

How can a developer learn about web design?

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

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

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

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

大部分时间，我都是后端的应用程序开发人员。我参与过企业web项目，但从未接触过用户界面和设计问题。好看的网站和用户界面总是给我留下深刻的印象。现在我正在尝试开发公共网站，我知道CSS，HTML，但却被网页设计/用户界面问题所困扰。我不想使用模板或窃取别人的网页设计。开发人员/程序员如何学习设计好的网站/用户界面?我应该使用和学习哪些工具？或者，设计好的web用户界面是上帝的礼物吗？

问开发人员如何学习网页设计？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问开发人员如何学习网页设计？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问开发人员如何学习网页设计？
EN