今天突然想把去年做旅游网站的经历捋一捋。本来觉得不就是堆图加链接嘛真动手才发现水挺深。

第一步：瞎画草稿

我抓了张打印纸就开始乱涂。最顶上得放个显眼的搜框？用户总得找目的地。下面打算搞几个大图轮播，热门景点得炫出来。

• 坑1: 纸太小画不下，景点图片框挤成麻将牌
• 坑2: 忘了留酒店预订入口的位置

第二步：配色惨案

打开设计软件就飘了。想着蓝天白云多清爽，哐哐选了天蓝配亮白。结果首页做完像医院宣传栏，朋友看了眼说：“这色刺得我太阳穴疼”。连夜改成奶油白打底，按钮用暗橙，总算看着像旅游网站了。

第三步：照片堆成山

从硬盘翻出三百张旅行照片，哪张都舍不得删。首页塞了二十张瀑布流，页面加载时直接卡成PPT。隔壁做前端的哥们过来瞅了眼笑出声：“您这页面带用户云徒步？”忍痛砍到六张，每张压缩到200K以下。

第四步：预订按钮藏猫猫

测试时让老婆帮忙点，她在酒店页翻了五分钟愣是没找到下单按钮。原来我把按钮颜色做得和背景差不多。气得直接把“立刻抢占优惠！”做成血红大按钮，这回瞎子都能戳中了。

第五步：手机变蚯蚓

电脑上看挺正常，用手机打开直接崩盘。导航栏挤成贪吃蛇，景点图片裁得只剩垃圾桶角落。调试时把显示器竖起来看，举着胳膊改CSS改到手抽筋。把电脑上三列的内容在手机端砍成单列，字放大到能当老人机用。

第六步：动态效果翻车

想着加点小动画提升逼格。给搜索框加了输入时震动效果，同事试用后说：“像握着按摩棒打字”。鼠标移过景点图的放大效果更绝，图片突然糊脸上吓得人扔鼠标。全删了换成朴素的颜色渐变，总算没人骂了。

折腾半个月上线，朋友说看着像十年前携程。但我自己挺满意——至少预订按钮够大，手机能看清字，颜色不扎眼了。下次再做可能试试把搜索框缩小点？