导读：本文作者是资深网页设计师，作者论述了改进网页设计的7个要点，结合成功案例，图文并茂。
1. 学好HTML和CSS编程
这是第一个，因为它是网页设计中最重要的部分。 通过了解网页在浏览器中的呈现方式，可以避免设计不合理，如网页无法实现的设计。 不断与时俱进，搞清楚用现在的CSS技术能取得什么效果，不能取得什么效果。
使用CSS3最新技术设计的经典案例
atebits(http://www.atebits.com/)在网页文本中使用了文本阴影，因此不需要使用图像。 我们还使用-webkit-transform和-webkit-transition将动画添加到这三个图标中，但这些效果只能在启用webkit的浏览器(如Chorme和Safari )中看到
elliotjaystocks (http://elliotjaystocks.com/)通过使用名为@font-face的CSS3方法将特定字体下载到浏览器中，从而节省了使用图像的时间
2. 注重细节
好的设计和伟大的设计之间的距离是细节是否做好。
优秀设计细节范例
metalab (http://metalabdesign.com/)可以很好地混合着色、渐变和阴影，并向网页添加细节。
wefollow(3358wefollow.com/)巧妙地使用渐变和阴影，为用户界面添加了良好的细节。
3. 善于使用留白
世界上最痛苦的事，莫过于wrdxx想读什么，但页面上的各种元素旁边充斥着文字。 页面设计师只是想在页面狭窄的控件中放置更多的信息，但这只会给别人带来痛苦的体验。 合理使用页边距，为页面中的元素提供呼吸空间，减少观看者的眼镜压力，为用户提供舒适的观看体验。
合理使用空白的例子
soccernet (http://soccernet.ESPN.go.com/news/story？ id=657760sec=transferscc=5739 )他们的文章页面经常使用页边距，可以看到文字与其他元素分开，从而提高了可读性。
将usability post (http://www.usability post.com/)留空的方法与Soccernet相同。
4. 图片很重要
如果你有天才的设计，但没有高质量的照片，那会很可悲。 照片要辅助你的设计销售产品，传递一定的信息，或者只是引人注目。
很棒的照片例子
palm (3358 www.palm.com/us/products/phones/pre/)在其Palm Pre产品页面上使用了精美的图像作为平视。 以清新感人的方式展示了产品。
Tompojeta(http://www.pojeta.cz/)在该页面上使用绘画图像，为该网站带来了愤怒。
5. 充分发挥色彩的威力
颜色在网页设计中的重要性经常被忽视。 在网页设计中应该更加注意颜色的使用。 那是因为根据你的意愿可以一定地引导用户。 例如，页面中的链接必须与页面正文的颜色区分开来，以便用户可以识别该链接。 如果链接的颜色与正文的颜色相同，用户如何注意到它们并点击它们？
充分发挥颜色威力的例子
Sambrown(http://Sam.brown.TC/)在较暗的背景中使用了许多颜色，将鼠标移动到链接上后，背景将变为彩色，链接将变得清晰可见。
mixonline(http://visitmix.com/)使用彩色导航栏，单击颜色导航栏后，页面的背景颜色将更改为相应的颜色。
6. 不要忘了页脚
页脚设计经常被忽略，因为设计师不知道它的重要性。 因为可以包含页面上任何地方都没有的附加信息，所以有时比想象中更有用。 它们也可以用作引导用户进入站点的其他部分的指南。
页脚设计示例
jasonsantamaria (http://jasonsantamaria.com/)在巨大的页脚中放置了许多附加信息。
web designer wall (http://www.web designer wall.com/)在页脚中放置了最新帖子和最新评论，在用户滚动到页面底部时也能吸引读者。 这是博客网站上使用的典型设计。
7. 清晰的导航
导航栏是页面的最重要部分，因为它是用户使用网站的最主要方式。 使用易于理解的导航栏，可以提高网站的易用性，也减少了用户在查找所需内容时的麻烦。
清晰的导航示例
dis ambiguity (http://www.dis ambiguity.com/)使用选项卡页方式向用户提供明确的指示。
DABS(3358www.dabs.com/)同样使用选项卡页，但同时在页面左侧使用侧栏显示站点内容的子类别，并按不同的颜色区分每个大类别。
作者： Tom dmdxmt Inspect Element作者，目前在TUI Travel公司进行网页设计。 那个推特地址是； http://twitter.com/tkenny (翻译/鳗鱼耳机) ) ) ) ) ) ) ) )。