大家今天想跟大家唠唠我捣鼓网站设计制作这点事儿。不是啥高深理论，就是我自己一路摸爬滚打下来的一点体会。

刚开始接触这块儿的时候，我也挺懵的，总觉得网站就得做得花里胡哨，动画酷炫才叫“设计”。后来自己真刀真枪干几个项目，才发现完全不是那么回事儿。

先搞清楚要干嘛

我接手的第一个算得上“项目”的活儿，是帮我一个开小餐馆的朋友弄个网站。他当时想法特多，一会儿说要加个跑马灯，一会儿说要整个背景音乐，恨不得把所有看起来“高级”的东西都堆上去。

我当时就头大，硬着头皮跟他聊半天。关键的第一步，就是把他拉回来，问他：

• 你这网站，到底是给谁看的？ （食客呗）
• 他们上来看 （菜单、地址、电话、有没有优惠）
• 你想通过网站达到什么目的？ （让人知道有这么个馆子，方便人找过来或者订餐）

这么一捋，思路就清晰多。那些花里胡哨的东西，对食客找信息、订餐有帮助吗？好像没啥用，反而可能让人觉得乱，或者半天加载不出来直接关。第一步，明确目标和用户，这比啥都重要。

搭骨架，简单直接

目标清楚，接下来就是搭架子，也就是规划网站有啥内容，怎么放。我没用啥复杂的工具，就拿张纸，画个草图。

顶部放店名和Logo，旁边是导航条，简单几个链接：

• 首页
• 菜单介绍
• 优惠活动
• 关于我们（地址、电话、营业时间）
• 在线留言（或订餐入口，如果需要）

导航一定要清楚，别藏着掖着，让人一眼就知道去哪儿找首页，放几张诱人的菜品图，最新的优惠，地址电话也得有。菜单页就把菜品分类列清楚，价格标明白。其他页面也一样，内容直奔主题。

整个结构，我追求的就是一个“简单、直接、好找”。用户进来，不用猜，不用点半天，几下就能找到他要的东西。

看着舒服，用着顺手

骨架搭好，就该“穿衣服”，也就是视觉设计。这块儿我也踩过坑，以前总想着用各种鲜艳的颜色、特殊的字体，觉得这样才“有设计感”。结果做出来，自己看着都眼晕。

后来我明白，“好看”的前提是“舒服”。给朋友餐馆做设计时，我就选暖色调，让人感觉温馨、有食欲。字体就用常见的、容易阅读的。图片是关键，让他找人拍些清晰、看着就好吃的菜品照片。

最重要的，是整体协调。颜色搭配别超过三种主色，字体别用太多种，排版要整齐，留白要够，别把内容堆得密密麻麻。

还有个现在特别重要的点，就是要考虑手机浏览。现在大部分人都是用手机上网，你做的网站在电脑上看着再手机上乱七八糟或者字小得看不清，那也白搭。所以响应式设计是必须的，保证在不同大小屏幕上都能正常看。

反复测试，确保能用

一步，也是很多人容易忽略的，就是测试。

网站框架搭内容填上，设计也做，看着好像完工？不行！你得自己先当用户，去点每一个链接，每一个按钮，看看会不会跳错地方，会不会点不动。表单能不能提交，地图能不能加载，电话号码能不能直接点击拨打（在手机上）。

我当时就把网站链接发给好几个朋友，让他们在不同手机、不同电脑上试试，收集反馈。比如有人说某个按钮在某个手机上点着费劲，有人说图片加载有点慢，这些都是要调整优化的地方。

我记得以前给一个客户做网站，对方非要加一个很复杂的交互效果，看起来是挺炫。结果上线后，好多用户反馈说找不到关键信息，因为都被那个效果干扰。还是改回简单直接的方式。那次之后我就更坚信，“能用、好用”比“炫酷”重要得多。

我觉得所谓“合理”的网站设计制作，没那么多玄乎的。就是从用户的角度出发，搞清楚目的，把结构弄清晰，视觉做得舒服，功能保证好用，再多测试测试。这样弄出来的网站，就算不惊艳，起码是个能实实在在解决问题的网站。对我来说，这就够。