精采的网页布局是件很难实现的事情。一个好的网页布局，不仅吸引眼球，也是实用的、直观的、层级简略却足够庞大到连结用户的乐趣。字体、色采、空缺与内容间的完满均衡可能组成一个十分美观的布局，你的用户也会再次回来。而一个坏的网页布局，会把你的用户从你的网站上赶跑。 在布局一个网页时，有许多本地会让许多布局师误入邪路。在本文中，我们会评论让你的网页布局很蹩脚的10个起因以及怎么处置它。
一、没有足够的空缺
空缺可能说是布局中最首要的一部分。它有助于制止用户在阅读网站时变得疲钝，它可能在内容中划出距离，并且它自己也看上去不错。空缺不是必需用白色的，而是，它仅仅是为其余布局元素供应距离懈弛冲的空间。
二、太多的字体
普通一个简略的网页布局，普通字体不超出3种。多则乱
三、太多的色采
背景一种色采，内容文本一种色采，链接一种色采，页头和lightbox一种色采，图案和页脚各一种色采。这很好，由于它协助区别了有效的内容。可是，多重突变、几种娇艳的色采和不少有光鲜对比的色采及饱和度，会粉碎你网站的条理和空缺观点。测验考试约束自己只用一种娇艳的色采（如蓝色），再调配反相的单色（白、灰、黑）以取得一个美丽的调配。这儿强调下豆瓣的配色。也是我青睐的色采调配。
四、没有内容条理
用户的眼睛青睐有序次的布局，如头部包括导航和logo，特定内容运用lightbox，三列分栏，页脚。它有助于在内心安排首要的信息，并引导用户寄望在你想让他寄望的本地。在传统艺术中，新手们被教导色采、代价和线性透视则和其余艺术教导。在网页布局中，没有出格推行的原则，但以直观的要领安排你的内容是一条很好的教训规则。也是多年培育的用户习惯。终极习惯即是终极用户。当然一成稳定不是我们所鼓舞的。
五、不思索用户的辨别率
你的屏幕辨别率有2560像素，这十分好。但不少人还在屏幕上用1024像素的分率，有些还在用640*480或800*600。虽然这类辨别率的显示器正在削减，但选用更小的辨别率的手机设备也来了。此刻的网页布局宽度标准是960像素，虽然没有关照到每回种辨别率，但在干流辨别率上可能泛起的最佳。假设你但愿面临不少的手机用户，最佳思索一个手机版布局。
六、对照的问题
你思索过阅览黑底白字和白底黑字的差别吗？你有无试过阅览一下白底灰字？有些要领之以是比其余的更好，其起因即是这是一种眼睛感知到对照的要领。假设你很难惬意的阅览文字，思索一下改变字体大小或要领。成为一个大师级网页布局师的窍门：对照，对照，对照。
七、统一件事情做的不敷多，或做的太多（过为己甚）
多重导航十分好，如一个在页头一个在页脚。在页脚加一个”回来顶部”的按钮也很好。可是，太多指向统一方针的路径会降落可用性。让你的奶奶用下你的网站，假设她搞不定，想一想哪些东西让初次访问的用户拒绝运用这个网站。
八、纷歧致
一致性是网页布局的关键。它是把网页布局安排在一块儿的要领，可能发明一种严密连系的觉得。在网站页面互相链接的情况下，它可能协助用户把一切页面都接洽在一块儿。假设你在整个网站接续改变字体、大小和颜色，用户很快会觉得手足无措。
九、没有足够的文字间距
与空缺有关，文字间距有两个部分，一个是字距（这个不克不及用css直接调整，可能经由过程一些高级手艺处置），关系到字母之间的空缺。一个是行距，可能用css直接调整，关系到两行文字之间的距离。这些有助于区别行与段落，运用户更易阅览文字。
十、窘蹙的尺度大小
规范做法是h1的文字大于h2的文字，头部文字大于段落文字。尽可能连结一致的尺度，由于它有助于一致性（第8条）和内容条理（第4条）。连结文字的可读性，但不要太大，让字体的大小浮现信息的首要性。另有，10像素如下的尺度对不少阅览的人来讲过小了。
