咱们搞桂林网站设计，这事儿看着简单，真上手了才发现里头门道多着。我最近刚帮一个朋友做了个本地的旅游介绍网站，算是把这块的坑都踩了一遍，现在琢磨着把我的血泪教训分享给大家，尤其是刚入行的朋友们，可得好好看看。
搞网站，你就得琢磨，谁会来看这个网站？是来旅游的游客，还是想找本地服务的本地人？我们这回做的就是旅游网站，游客是主要用户，他们最关心的是
我一开始就犯了个错，图省事，用的那种很老套的模板，结果朋友一看就说，这看起来像十年前的网站，完全没吸引力。我就赶紧推翻了重来，找了好多桂林山水、漓江竹筏的图，把色彩搭配搞得清新自然点，主色调就用了点天青色和米白色，看着舒服多了。
导航栏这个东西，必须放在最显眼的位置，而且别搞太多层级，用户进来三秒钟内，得知道自己在哪儿，能去哪儿。
我把导航分成了“景点介绍”、“酒店住宿”、“特色美食”、“路线规划”和“联系我们”这几个大块。每个都用大图标配上清晰的文字说明。特别是对手机用户，我把菜单收成了汉堡包菜单，点开后一级就够，绝不往下套娃。
内容布局上，我坚持“重要信息放前面”的原则。主页头图放最火的几个景点和特价活动，然后下面按重要性往下排。内容之间留白一定要足，别弄得跟信息堆砌场一样，看着就头疼。
搞旅游网站，图片质量直接决定了网站的生死。桂林的山水，你不拿高清大图撑着，看着就没感觉。我花了好几天时间，把图片一个个优化。不是说一味把尺寸弄小，而是要用合适的格式，比如该用WebP就用WebP，保证清晰度但文件体积要控制住。
网站加载速度慢，访客立马就跑了。我刚开始测试的时候，发现首页图片一多，加载要五六秒，直接把我都劝退了。后来我把服务器换成了快一点的，又在代码里加了懒加载（Lazy Loading），图片只有滚动到可视区域才开始加载。这一下，速度立马就上来了，手机上点开基本都在两秒钟内。
既然是桂林网站，你就得体现出桂林的味儿来。光放标准景点介绍不行，我特意加了“本地人私藏路线”和“阳朔夜生活指南”这些小模块。
字体上我也留了个心眼，标题部分我试了几个比较有书法感的字体，但还是选了一个比较现代但又不失稳重的黑体变种，确保在各种设备上都能清晰显示。最重要的是，地图功能不能少，要能直接链接到导航软件。
现在大部分人都是用手机查攻略的，如果手机端看着一团糟，那前面的努力基本白费了。我用的是响应式设计，整个布局都是基于百分比和灵活单位来做的。按钮得够大，方便手指头点；输入框不能太小，不然输入起来费劲。
我反复在不同尺寸的手机上测试，特别是横屏和竖屏切换的时候，内容不能错位，文字不能被截断。这个环节我至少来回调了三四遍，确保每个按钮和链接在手机上点击都准准的。
做个看着舒服、用着顺手的网站，就是从用户角度出发，把细节抠到位。从盯着用户需求开始，到设计、优化速度，再到检查移动端，每一步都得亲自跑一遍，做完之后再拿给几个人去实际用用，听听他们的反馈，这样磨出来的东西，才算靠谱。
