优秀网页设计的9条原则（更新至第1条）

网页设计看着貌似挺难的。想要一份设计既实用又美观；要既能够传递信息又能够树立品牌；不但要技术上可行，还得在视觉上条理清晰……

除此之外，实际上很多网页设计师（包括我自己在内）都是自己瞎摸瞎撞，而且网页设计在不少设计体系中仍然还是新兴的副课题，更不要说其传递媒介及其下的实现技术一样瞬息万变。

所以今天我总结了自己的9条优秀网页设计的准则，都是个人拙见，但我有链上一些深入阅读，以免大家只是听到一家之言。当然我得做很多声明——比方规矩放着就是给人去破坏的；比方不同类型的设计其效果也不同；比方我也不总是身体力行着自己的这些意见等等等等。总之就当这些是我跟大家分享的个人观点来读就对了……

Capture the Valley用了大色块来引导你的视线至上而下穿越不同的部分……

1. 主次分明 (视线的引导)

比起其它类型的设计，优秀的网页设计也许更要求高效的信息传达。在你的军火库里其中一样能做到这点的大家伙就是要主次分明。面对一个设计优秀的网页，用户应当是被设计师引领着浏览整个屏幕。我称其为主次分明，它是指你设计中的每一部分其各自不同的直观程度比重。

举一个简单的关于主次分明的例子，就是多数网站上你第一眼看到的总是Logo。这是因为它总是很大，而且总是处于据研究表明人们最先看的位置（左上角）。这是个明智的选择，因为你多是想要让用户立马儿知道他们看的是个什么站点。

然而主次分明还远不止这些。你应该指引用户的视线顺着一系列的步骤。比方说，也许你希望你的用户能够按顺序先看到网站Logo/品牌，接着是突出位展示的网站描述，再到展现站点风格的抢眼图像，然后是主体文字部分，包括导航栏以及处于次位的侧边栏。

你的用户该看些什么完全取决于你，网页设计师去合计出来。

要做到主次分明，可以动用好些个工具：

• 位置 - 什么东西在网页上搁哪儿，显然影响到用户在何时看到它。
• 颜色 – 要告诉你的用户往哪儿看，运用大胆而精妙的颜色是一个简单的方法。
• 对比 – 与众不同方能脱颖而出，而相差无几则流为次级。
• 尺寸 – 大的比小的抢眼（除非通篇都大，这时小的部分就能用对比的方法夺人眼球了）
• 设计成分 – 如果有个超大的箭头指向某处，你想用户会往哪儿看咧？

延伸阅读:

你还可以在一篇叫做 出色的网页设计元素：光泽篇的 PSDTUTS老帖子中阅读更多关于主次分明的观点. Joshua David McClurg- Genevese亦在数码网络上有设计的原则和元素一文。Joshua的名字长度还真是前无古人咧 :-)

未完待续（磨磨蹭蹭地边学边翻译罢）~~~

原文