年网页设计日常办公场景指南：3步搞定企业官网制作

上个月一个做建材生意的老同学半夜给我发语音，语气里全是着急。他说找了个大学生兼职做企业官网，前后折腾了两个月，钱花了四千多，结果打开网站一看，手机端图片全挤在一起，客户留个言要填十几个选项，他自己都嫌麻烦。我听完了心里就想，这种事我见过太多了，今天咱们就好好聊聊网页设计这件事，尤其是日常办公场景下，怎么用三步把企业官网做出来。

网页设计到底在解决什么问题

说实话，很多人把网页设计想得太复杂了，以为非得懂编程、会画画才行。其实你换个角度想，网页设计本质上就是解决一件事：让访问你网站的人在最短时间内找到他想要的信息，并且愿意联系你。就这么简单。

我自己就干过一件特别蠢的事。前年帮一个做教育培训的朋友看他的官网，首页放了一个三十秒的企业宣传动画，又是飞机又是地球的，看着挺唬人。结果我打开后台数据一看，平均停留时间只有八秒，超过六成的人没等动画播完就关了。后来我们把这个动画去掉，换成三行清晰的文字说明加上一个报名按钮，咨询量第二天就涨了将近一倍。你说这上哪说理去。

所以你看，好的网页设计不是炫技，是帮用户省时间。特别是在日常办公场景里，你的客户大概率是在上班间隙用手机瞄一眼你的网站，他需要的是快速判断你是做什么的、靠不靠谱、怎么联系，而不是欣赏你的艺术品味。

三步搞定企业官网制作

说了这么多，具体怎么做呢。我把这两年帮朋友看网站、自己也踩过坑的经验，总结成了三步。这三步不是什么高深理论，就是日常办公场景下最实用的操作。

第一步，先定内容再动手。很多人一上来就纠结用什么颜色、什么字体，这就搞反了。你先拿张纸，把客户最想知道的五个问题写下来。比如你是做装修的，客户最想知道的无非就是：你做过哪些案例、报价大概多少、工期要多久、材料环不环保、出了问题找谁。把这五个问题的答案准备好，网站的内容框架就出来了。我那位做建材的老同学，就是没做这一步，才被那个大学生带着到处绕。

第二步，结构要像超市货架一样清楚。你想想，你去超市买瓶酱油，如果货架上的东西乱堆一气，你肯定扭头就走。网站也一样。导航栏最多放五个栏目，首页、产品服务、案例展示、关于我们、联系我们，够用了。别搞什么“企业生态”、“战略布局”这种虚头巴脑的栏目，用户看不懂，搜索引擎也看不懂。我见过一个做机械设备的网站，导航栏有九个栏目，点进去还有二级菜单，我自己都迷路了。

提示：手机端的网页设计比电脑端更重要。现在超过七成的企业客户第一次访问你的网站都是用手机，所以你在电脑上做好的页面，一定要用手机打开看看，按钮会不会太小、文字会不会太小、图片加载会不会太慢。

第三步，联系方式要随处可见。这是最容易被忽略的一点。很多网站做得挺漂亮，但用户想联系你的时候，找半天找不到电话。我的建议是，每个页面的底部都放上联系电话和微信二维码，手机端的话在底部固定一个拨打按钮。别怕重复，用户不会嫌你烦，他只会嫌你难找。上周我帮一个做企业咨询的朋友看他的网站，光“联系我们”这个页面就藏了三层，用户得先点“关于我们”，再点“团队介绍”，最后才能看到电话。这不叫设计，这叫捉迷藏。

日常办公里那些容易被忽略的细节

除了上面说的三步，还有几个细节我想单独拎出来说说。这些点看起来小，但影响特别大。

一个是网页的加载速度。你别觉得差个一两秒无所谓。根据我自己的实测，一个页面如果打开要超过五秒，大概有一半的人会直接关掉。特别是用手机流量的时候，用户更没耐心。所以图片一定要压缩，别直接传那种几兆的原图上去。视频最好也少放，如果非要放，就放在页面靠下的位置，别挡住首屏。

另一个是字体和颜色。日常办公场景下，用户看你的网站是来办事的，不是来欣赏艺术的。背景用白色或者浅灰，文字用深灰或者黑色，标题稍微大一点加粗，正文保持正常大小，就足够了。别搞什么深色背景配浅色文字，看着高级，读起来费劲。我有次帮一个做服装批发的朋友看网站，他整个页面是黑色底、金色字，我看了十分钟眼睛就花了。后来改成白底黑字，他自己都说舒服多了。

还有一个是表单。用户想咨询，你让他填姓名、电话、公司、职位、需求描述、预算范围，六七个字段，换你你愿意填吗。我的经验是，日常办公场景下，只留姓名和电话两个字段就够了，最多再加一个留言框。用户真有意向，你后续电话里再问详细需求，效率反而更高。

说到最后，我其实也不太确定是不是每个人都能靠这三步把官网做好。上周我就翻车了一次，帮一个做餐饮的朋友调网站，结果把他原来挺好的一个功能给改没了，气得我当晚没睡好。所以说，网页设计这件事，理论归理论，实操的时候还是得具体情况具体分析。你如果在做官网的过程中遇到什么拿不准的事，欢迎来找我聊聊，咱们一起看看怎么弄。