blocks|key|907364|text|一些较老但仍然相关的链接：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|907365|美丽网页设计的原则|offset|length|907366|色彩设计的五个简单步骤|907367|你的网站设计如何？|907368|entityMap|0|LINK|mutability|MUTABLE|url|http://www.sitepoint.com/article/principles-beautiful-web-design/|1|http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_with_colour/|2|http://thinkvitamin.com/features/design/how-crap-is-your-site-design/^0|0|0|9|0|0|0|B|1|0|0|9|2|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|J|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]|T|$5|M|N|O|A|$P|U]]]]

A few links, older but still relevant:

<a href="http://www.sitepoint.com/article/principles-beautiful-web-design/" rel="nofollow noreferrer">The Principles of Beautiful Web Design</a>

<a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_with_colour/" rel="nofollow noreferrer">Five Simple Steps to designing with colour</a>

<a href="http://thinkvitamin.com/features/design/how-crap-is-your-site-design/" rel="nofollow noreferrer">How C.R.A.P is Your Site Design?</a>

blocks|key|2275501|text|您是否尝试过查看您喜欢的站点的HTML、CSS、JavaScript和资产？一切都在那里--这就是开放网络的伟大之处。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2275502|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|$]]

Have you tried looking at the HTML, CSS, JavaScript, and assets for the sites you like? It's all there--that's what's great about the open web.

blocks|key|751199|text|我知道您正在寻找更多的视觉帮助，但请参阅本指南中的一些技术要点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|751200|https://stackoverflow.com/questions/72394/what-should-a-developer-know-before-building-a-public-web-site|offset|length|751201|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2W|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I know you're looking more for visual help, but see this guide for some technical gotchas: 
<a href="https://stackoverflow.com/questions/72394/what-should-a-developer-know-before-building-a-public-web-site">https://stackoverflow.com/questions/72394/what-should-a-developer-know-before-building-a-public-web-site</a>

blocks|key|2275471|text|这是一个很好的参考，不要：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2275472|http://csszengarden.com/?cssfile=http://www.brucelawson.co.uk/zen/sample.css|offset|length|2275473|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|24|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

This is a good reference of don'ts:

<a href="http://csszengarden.com/?cssfile=http://www.brucelawson.co.uk/zen/sample.css" rel="nofollow noreferrer">http://csszengarden.com/?cssfile=http://www.brucelawson.co.uk/zen/sample.css</a>

blocks|key|751375|text|可悲的是，这里真的没有一套做的事/不做的事。我不知道对于给定的外观和用户体验，web应用程序有任何类似CUA的指导。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|751376|美学方面：|751377|ASP.NET+MVC设计库+-+for+MVC|unordered-list-item|offset|length|751378|ASP.NET设计模板+-用于webforms|751379|25个Magento网站设计|751380|我还会定期阅读粉碎杂志+(我肯定还有其他的)，它有关于布局、设计模板、图库、排版以及优化站点中不同类型的工作流程(例如购物车、非营利网站等)的指针。|751381|令人惊讶的是，在我的上一个项目刚刚开始的asp.net模板之一，使我的应用程序看起来更好，并尽量减少了最终用户的阻力，在他们的第一次使用该应用。当然了。|751382|entityMap|0|LINK|mutability|MUTABLE|url|http://www.asp.net/mvc/gallery/default.aspx|1|http://msdn.microsoft.com/en-us/asp.net/aa336613.aspx|2|http://www.smashingmagazine.com/2009/05/05/25-magento-templates-for-your-e-commerce-business/|3|http://www.smashingmagazine.com/^0|0|0|0|E|0|0|0|B|1|0|0|E|2|0|7|4|3|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@$G|17|H|18|1|19]]|A|$]]|$1|I|3|J|5|F|7|1A|8|@]|9|@$G|1B|H|1C|1|1D]]|A|$]]|$1|K|3|L|5|F|7|1E|8|@]|9|@$G|1F|H|1G|1|1H]]|A|$]]|$1|M|3|N|5|6|7|1I|8|@]|9|@$G|1J|H|1K|1|1L]]|A|$]]|$1|O|3|P|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]|10|$5|T|U|V|A|$W|11]]|12|$5|T|U|V|A|$W|13]]]]

Sadly, the there really isn't a set of do's / don'ts. I'm not aware of any kind of CUA-like guidance for web applications for a given look/feel and user experience.

for aesthetics :

<ul>
<li><a href="http://www.asp.net/mvc/gallery/default.aspx" rel="nofollow noreferrer">ASP.NET MVC Design Gallery</a> - for MVC</li>
<li><a href="http://msdn.microsoft.com/en-us/asp.net/aa336613.aspx" rel="nofollow noreferrer">ASP.NET Design Templates</a> - for webforms</li>
<li><a href="http://www.smashingmagazine.com/2009/05/05/25-magento-templates-for-your-e-commerce-business/" rel="nofollow noreferrer">25 Magento site designs</a></li>
</ul>

I would also look at reading <a href="http://www.smashingmagazine.com/" rel="nofollow noreferrer">Smashing Magazine</a> on a regular basis (I am sure there are others) it has pointers on layouts, design templates, galleries, typography and things like optimizing different kinds of work flows in sites (e.g. shopping carts, non-profit sites etc).

It was amazing how on my last project just starting with one of the the asp.net templates made my app look better out of the box and that minimized the resistance of end users on their initial go around with the app. YMMV of course.

blocks|key|751389|text|只是教自己设计的原理..。像三分之一的规则，平衡，对称，对比，节奏和模式，比例(神圣比例)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|751390|花一个小时搜索“设计原则”，你可能会惊讶于你对网站的想法。|751391|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 educate yourself on the principels of design ... things like the rule of thirds, balance, symmetry, contrast, rhythm &amp; patterns, proportion (divine proportion).

Spend an hour searching "principles of design" and you may surprised what ideas come to you for your sites.

blocks|key|907449|text|这本书在我开始的时候对我很有用，很多我推荐它的人都很满意它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|907450|非设计师的网络书籍|offset|length|907451|事实上，她关于设计的一般著作几乎和这本书一样好，因为它主要是关于原则的，而不是关于技术细节的。|907452|entityMap|0|LINK|mutability|MUTABLE|url|https://rads.stackoverflow.com/amzn/click/com/020168859X^0|0|0|9|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

This book was very useful to me when I started, and lots of people I've recommended it to have been happy with it:

<a href="https://rads.stackoverflow.com/amzn/click/com/020168859X" rel="nofollow noreferrer" rel="nofollow noreferrer">The Non-Designer's Web Book</a>

in fact her general book on design is almost as good, as it's mostly about the principles, not so much about the technical details.

blocks|key|2275769|text|还可以查看丹·塞德霍尔姆(+dan+cederholm+)的防弹css|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2275770|entityMap|0|LINK|mutability|MUTABLE|url|http://simplebits.com/publications/bulletproof/^0|5|U|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]]]]

Also check out <a href="http://simplebits.com/publications/bulletproof/" rel="nofollow noreferrer">bulletproof css by dan cederholm</a>

I have been making webpages for about 5 years now. I'm a C# programmer but I do know HTML, JavaScript, and CSS by nature and all my websites seem to look like they just walked out of the year 1995's internet. Is there quick reference to a set of do's and don't in web design? 

Note: Even though my websites don't look great, at least they work ;-)

Where can I find a standard set of rules for designing web pages?

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯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编辑器全新改版上线，欢迎大家体验!

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

社区新版编辑器体验调研

我已经制作网页大约5年了。我是一个C#程序员，但我知道HTML、JavaScript和CSS的本质，我的所有网站看起来都像是刚刚走出1995年的互联网。网页设计中是否有一组do的快速引用？注：虽然我的网站看起来不太好，但至少它们能工作;-)

问在哪里可以找到一套设计网页的标准规则？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在哪里可以找到一套设计网页的标准规则？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在哪里可以找到一套设计网页的标准规则？
EN