用户点开一个网站,三秒内决定走还是留。这三秒里他看到了什么?不是你的公司历史,不是荣誉资质,而是首屏——打开网页不用滚动就能看到的那一屏。可惜很多企业在网页设计制作时,把首屏当成了堆料区:大banner、滚动字幕、密集导航,结果什么都想给,用户什么都没记住。这就是网页设计制作里最容易被低估的一环——不是缺内容,是缺取舍。
首屏只留一个重点
好首屏回答三个问题:你是做什么的、强在哪、下一步做什么。对应到版面上,就是一句主标题、一句副标题、一个明确的按钮。主标题字号建议在40像素以上,副标题16到20像素,按钮颜色和背景拉开对比。塞七个卖点不如讲透一个,这是首屏设计的铁律。一个做工业品的朋友把首屏从五个卖点砍到一个,询盘没掉反涨,理由很简单:采购员没耐心读散文。
留白不是浪费,是引导
不少客户验收时嫌留白多,要求“把空间利用起来”,于是栏目一段接一段挤在一起。结果呢?页面像仓库,用户扫一眼就累。留白的作用是区隔信息层级:模块之间留80到120像素,段落之间留24像素上下,重点内容前后多留空,视线自然就被引过去了。所谓高级感,很大程度上就是留白撑起来的。当然留白也有度,首屏之外的内容区该密还是要密,别为了空而空,呼吸感和信息密度要一起看。
字号层级要拉开档位
正文14到16像素,行高1.5到1.8倍;小标题18到22像素;页面主标题30像素起步。三层拉开,阅读节奏才舒服。最怕的是全篇14像素、密不透风,用户读两行就把页面关了。中文字体别贪多,全站一到两款足够,微软雅黑和思源黑体都是稳妥的选择。验收时把正文调到手机上看一眼,14像素在手机上和电脑上是两种感觉。
下次验收设计稿,别只问“好不好看”,把首屏截图发给一个不了解你业务的朋友看三秒,问他这家公司是干什么的。答不上来,就说明首屏没做对,让设计师回去做减法。这种小测试比任何评审会都准,比格网络内部评审也一直在用,成本低,见效快。要是三秒测了两轮还是不过关,别心疼设计费,方向错了越改越偏。