（正文约1800字）
你是不是也遇到过这种情况？
朋友开烘焙店找你帮忙做网站，结果图片文字挤成一团，看着像超市促销单？去年我帮表姐改奶茶店官网时就栽过跟头——明明用的都是高级素材，顾客却说看得眼晕。后来专业设计师一句话点醒我："排版不是堆素材，而是搭积木的游戏。"
搞不懂排版咋回事？先来碗"豆腐脑"
说白了，排版就是把文字图片摆得既好看又好懂。就像早餐摊的豆腐脑，葱花、酱油、辣子得按顺序加——先放文字骨架，再浇图片调料。去年杭州有个设计工作室做过测试，同样的内容，规范排版能让用户阅读速度提升40%。
常见新手三大坑：
- 见缝插针式布局（哪里空就往哪塞）
- 七彩祥云配色法（恨不能凑齐彩虹色）
- 字体选秀大会（单页用5种字体）
有次看到个健身房网站，标题用哥特体，正文用卡通字，教练照片还加了粉红边框...这视觉冲击力，堪比过年吃饺子蘸草莓酱。
图片文字咋相处？记住"三三法则"
我刚入行时师傅教了个秘诀：图片当主角，文字做捧哏。具体怎么操作？咱们拆开说：
① 呼吸感比啥都重要
- 文字和图片至少保持1.5倍行距
- 重点信息周围要留"安全距离"（参考手机锁屏壁纸）
- 不信你看大牌官网，哪个不是留白留得像艺术馆？
② 对齐强迫症得治治
去年给少儿培训机构改版，发现他们logo左对齐，导航栏居中，联系方式右对齐...整个页面像在跳街舞。后来统一成左对齐，家长咨询量直接涨了20%。
③ 颜色千万别"劈腿"
记住这个公式：主色1种+辅助色2种=安全牌。比如餐饮类用暖黄+棕灰，科技类用深蓝+银灰。有个反例是某婚庆网站，用了7种粉色系，新娘说看得密集恐惧症都犯了。
字体选择像相亲？合适比好看重要
你信不信？字体选对了，用户停留时间能多8秒。但千万别学我之前犯傻——觉得书法体有文化，结果用在宠物网站像鬼画符。
新手必备字体套餐：
- 标题：思源黑体（大气）
- 正文：阿里巴巴普惠体（清晰）
- 数字：Din Pro（显专业）
有个冷知识：微软雅黑在手机端显示会变虚，这事儿坑过不少设计师。去年某母婴品牌在详情页用了手写体，结果放大后笔画粘连，被顾客误读成"毒奶瓶"，差点吃官司。
移动端排版要当"端水**"
现在60%用户用手机浏览网页，但很多店家还在按电脑屏幕做设计。说个真实案例：某水果店APP把活动海报原封不动搬上手机，结果用户得用放大镜看价格，你说气人不气人？
移动端避雷指南：
- 字号不小于14px（老年人杀手锏）
- 按钮尺寸至少44×44像素（别考验用户手指精度）
- 重要信息放在屏幕上半部（参考抖音热门视频位置）
教你们个绝招：做完设计把手机屏保设成待机画面，盯着看30秒还觉得舒服，才算合格。
工具选得好，下班回家早
别被那些花里胡哨的软件吓住，新手用好这三个就够：
- Figma（在线协作神器）
- 稿定设计（模板救急王）
- Adobe色轮工具（配色不会翻车）
有次帮餐馆做菜单，用稿定设计的"美食频道"模板，2小时搞定老板要的ins风。关键是记住：模板就像预制菜，得自己再加点料。
我的血泪经验：排版也要讲"基本法"
干了五年设计，发现个真理：好排版要让用户感觉不到排版存在。就像电影院的好座椅，坐着舒服但不会抢戏。
去年给书店做网页，刻意把推荐位做得低调，反而销量涨了15%。这就好比相亲时穿得得体，比全身名牌更招人喜欢。记住啊，排版是服务内容的丫鬟，别老想着当小姐。
最后说句掏心窝的
别被那些高大上的设计理论吓住，排版说到底就是视觉上的待人接物。下次再做设计，不妨把自己当餐厅服务员——怎么摆盘让客人吃得舒服，怎么引导他们看到招牌菜，这才是真本事。对了，做完设计记得给家里老人看看，他们要是能一眼看懂，这活就算成了
