上个月搞废两个古风网站项目之后，我蹲在电脑前薅着头发琢磨：人家那些仙气飘飘的页面到底是咋整出来的？昨儿个直接掀桌子重来，折腾到后半夜总算摸到点门道。今天就唠唠新手也能立马上手的三个土法子，亲测管用！

起手就被素材坑得满头包

起先我愣头青似的打开素材网站，搜"水墨""古风"关键词，逮着图就往下拽。结果首页堆上云雾山水图、工笔花鸟卷，还有个格格不入的楷体书法字，活像菜市场摆地摊。第一秘诀就是砍掉所有"像古风"的玩意儿。后来我只认准两类：带纸纹底色的素色背景，加上单色勾线的梅花、屋檐剪影。把原先二十张图删到三张，页面反倒透出气儿来了。

配色翻车翻到姥姥家

想着大红大绿最国风，首页铺满朱砂配石绿，加载完差点把自己送走。连夜翻故宫画册才发现，人家乾隆审美都比这强！第二秘诀是往颜料罐里掺五斤灰。现在我的调色土方子是：墨黑加一撮青灰当头图底色，标题字用朽叶黄（RGB调成180,150,100），按钮索性做成半透明白瓷片效果。喏，具体参数这么憋出来的：

• 主色从纯黑改成#2F2F2F
• 朱红褪成#C86B6B带灰调
• 金色描边全换成哑光米白

死板排版当场送走客户

上周甲方指着栏目区骂："你这格子排得比麻将牌还整齐！"昨儿我横下心把导航栏撕得稀碎。第三秘诀是让元素"飘"起来。菜单栏拆成七零八落的竹简造型斜着摆，产品图用CSS3搞了个卷轴展开动画，最绝的是在页脚撒了把会飘的落花粒子——虽然就十行代码的事：

• 花瓣用png去底图
• animation乱设位移参数
• 每片加0.5秒延迟

凌晨三点点保存时手都在抖，没想到今早甲方群里炸出一串大拇指。早知这三板斧这么灵，上个月何必为改稿睡公司沙发！对了，多嘴句：那飘花效果把我家集成显卡干蓝屏了，各位记得加个性能检测开关...