编者按：新手常苦于没有师傅手把手教，现在机会来了，今天@AnyForWeb_UDC 同学为大家准备了网页UI设计的10条实用法则，案例全，方法赞，非常适合正在学习进步的新手，来涨姿势吧。

一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是…没人愿意教！（ps：传统思想告诉我们“教会徒弟，饿死师傅”，所以新人们的如此遭遇也无可厚非；But…另一种可能性是…师傅真的很忙！）

Anyway，今天为菜鸟们奉上关于网页UI设计的10条适用法则，希望能让大家脑洞大开，在设计中得到帮助和启发。

一、纠结的时候，让自然为你做决定！

遵循自然规律的设计总是因为贴近万物本源而受到更多人的宠爱，因此，当你举棋不定的时候，你可以选择将设计代入大自然定律中，让自然为你做出最好的决定。比如，现实和自然告诉我们，光源来自天空，在人们也已经习惯了这种由上至下光线来源的时候，设计师需要做的应该是能顺应用户视线的光线设计。

网页设计技巧法则案例1.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908857.png" width=600>

二、脱离色彩诱惑，能真正看清布局设计

色彩对人类视觉的冲击力能产生最大的效果；一个网页的用户体验是否合格，从色彩和布局上就能看出一二。但在色彩的“陪同”下，布局的好坏与否似乎就此被“矮化”。为了让设计师在设计时能更加清楚的审视网页布局，去色或是“灰度模式”的使用也许更有利于新手的布局设计工作。

灰度模式：

网页设计技巧法则案例2.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908100.png" width=600>

没有了色彩“打扰”之后的网页布局一旦能够让自己满意，再按照色彩理论或是个性喜好添加和更改颜色。

网页设计技巧法则案例2.1.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908989.png" width=600>

想呈现你最关键的内容，推荐：《吸睛大法！有哪些方法可以突出网页中的关键内容？》

三、设计感是“留”出来的！

大胆留白是设计概念中常常会提到的理论，但真正能根据理论具体落实的设计师却为数不多。可能是因为设计师胆儿不够大（PS：怕被客户喷死，“你是不是偷懒啊！怎么内容那么少！你到底有没有认真做设计啊！@#￥%……&*!”），另一种可能是没有在实际中领会到留白的美妙。

网页设计技巧法则案例3.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908746.png" width=600>