打开一个新应用，第一眼看到的页面特别关键。这个页面就是引导页，它不像厨房里的锅碗瓢盆那么实在，但作用一点也不小。就像你第一次去别人家吃饭，进门那一下的氛围，直接决定你愿不愿意坐下来好好吃这顿饭。
别堆文字，像跟朋友说话一样
很多人做引导页，恨不得把产品说明书全贴上去。其实用户滑得飞快，根本不会细看。比如你做个记账App，引导页写‘采用区块链技术保障数据安全’，不如直接说‘钱花哪儿了？3秒记一笔’。后者更像平时聊天，也更容易让人记住。
图片要带情绪，别光摆功能
配图不是为了展示界面长什么样，而是传递感觉。比如健身App的引导页，与其放个冷冰冰的操作流程图，不如用一张大汗淋漓但笑着的人在跑步的照片。用户没开始用，就已经感受到‘坚持运动是件爽的事’。
颜色别太跳，控制在三种以内
有人觉得引导页要亮眼，于是红黄蓝绿全上阵。结果页面像菜市场促销海报。其实主色加一个点缀色就够了。比如主打蓝色的App，背景浅蓝，按钮深蓝，再加一点橙色提示行动，干净利落，眼睛也不累。
动效要轻，别让用户等
适度的动画能让页面活起来，但别搞成小剧场。比如页面切换时，用个淡入淡出就行，非要来个翻跟头旋转三周半，用户只想赶紧点跳过。手机流量和耐心都有限，轻巧才讨喜。
留白不是浪费，是给眼睛歇脚
总有人怕空着显得内容少，把每个角落都塞满。其实适当的留白，反而让人注意到重点。就像炒菜不能所有食材一股脑倒进去，得讲究顺序和空间。引导页中间留大片空白，只放一句‘每天5分钟，学会做三道菜’，比密密麻麻十条功能描述更有吸引力。
代码示例：简单引导页结构
如果用HTML实现一个基础引导页，可以这样组织：
<div class="onboarding-slide">
<img src="illustration-cook.png" alt="Cooking at home" />
<h3>在家做饭，也能吃出幸福感</h3>
<p>跟着步骤走，小白也能做出拿手菜</p>
<button class="btn-primary">开始试试</button>
</div>结构清晰，重点突出，改图换字都方便。
测试多几个版本，别靠感觉拍板
你以为好看的配色，用户可能觉得刺眼；你认为直白的文案，别人可能看不懂。上线前找五六个真实目标用户看看，让他们花10秒扫一眼，然后复述这是干啥的。如果多数人答不上来，就得改。就像炒菜要尝咸淡，不能光看火候。