网站设计页面排版一般用什么字体多大号色彩方面一般怎么搭配比较

现在做网站，很多人一开始就把劲儿使错了地方，总想着用奇奇怪怪的字体和鲜艳的颜色去博眼球。其实真正看着高级的页面，在排版上往往是很克制的。说白了，就是让访客看着不累，点着顺手，不被花哨的东西晃了眼睛。今天就说说我在实战里比较常用的一套思路，没有太多花架子，但很保险，也经得住推敲。

先说字体。如果是中文站，最稳妥的选择永远是系统字体。比如微软雅黑、苹方，还有思源黑体，现在用得也很多。为什么非要用这些，因为它们基本不需要额外去下载字体文件，访客换台电脑、换部手机，页面打开还是那个样子，不会因为缺字而版式崩坏。你要是为了好看选了艺术字体，访客那边没装的话，系统会自动替换成默认字体，字重和宽度都不一样，版式一下子就乱了，得不偿失。如果做的是内容资讯平台，需要大量阅读长文，那可以考虑在正文里用思源宋体或者宋体，这类衬线字体在屏幕上看久了，眼睛不太容易酸。有一点要注意，中文正文尽量不要用粗体，会显得很笨重，想强调某个短句，用加深颜色或者加大一点字号的来处理，效果要比单纯加粗雅致得多。

字号这个东西，最讲究细节。我见过太多页面，为了在单屏里塞进更多内容，把正文缩到12像素甚至更小，那是在拿用户的视力开玩笑。以现在主流的高分屏来看，网页正文的基准字号至少得压在14像素以上，我自己通常就设在16像素，这也是很多浏览器默认的字号，看起来最舒服。至于标题，要有明显的层级感，一般首屏的大标题在28到36像素之间，气势比较足，副标题就落到22到24像素，栏目标题可以再小一点，到18到20像素。这里边的关键点在于，不仅标题和正文要拉开差距，标题和标题之间也要有递进关系，只要把最小字号守住不低于14像素，最大字号别超过40像素，整页的呼吸感自然就出来了。

除了字号，行高往往是最容易被忽略的一环。很多人把字调对了，但行距黏在一起，读起来还是很难受。正文的行高建议设置成字号的1.6到1.7倍，稍微宽松一点，字与字之间的间距保持正常或者稍微松散一点点，这样整个段落的节奏感会好很多，尤其是大段的文字说明，行高不够的话会让人产生极大的压迫感。

最后讲色彩。这部分是最多人翻车的，总想用饱和度极高的红配绿来彰显个性。比较专业的做法是遵循大致的三分法原则，背景色占六成，主色调占三成，强调色占一成。背景通常用纯白或者浅灰，像F5F5F5这种中性灰，不刺眼。主色调就是你网站的品牌色，比如电商平台的橙色，拿它去填充导航栏、按钮这些大面积视觉区域，定下整个页面的基调。剩下的那一成强调色，用在链接文字、图标这些需要引导点击的小地方，用对了，页面的重点一下就跳出来了。另外，正文的深色文字千万不要用死黑，用深灰色，像333333或者444444，跟白底放在一起对比度没那么生硬，看着更柔和，也专业很多。

在选配色的过程中，如果搞不懂复杂的色彩理论，就记住一个笨办法，主色调尽量选低饱和度的颜色，用同色系的深浅变化来营造和谐感，对比强烈的撞色只用在需要格外提醒的极小元素上。整套页面里，颜色种类尽量别超过三种，字体形式也尽量别超过两种，视觉上自然就整齐统一了。这些数值和方式都是经过大量成熟网站验证过的，照着这个思路去调整，起码能保证你的页面水平在平均线以上，不会出什么大错，等熟练了再慢慢去尝试突破也不迟。