上海企业网站建设如何更美？资深设计师亲授3招

作为一个在上海做企业网站设计十几年的老油条，今天想跟大家伙聊聊怎么让网站更漂亮。这事儿说起来挺简单，但实际动手时一大堆坑，我就分享下自己前阵子帮一家咖啡馆改网站的经历，从头到尾给大伙掰扯清楚。

为啥要折腾这事儿？

那咖啡馆在上海外滩附近，老板是我老同学，开店好几年了，生意不错，但网站跟个模板站似的，图片模糊糊，颜色乱糟糟，点进去一看加载慢得不行。他找我说："哥们儿，店里客人投诉说用手机点单老卡壳，你们设计圈有啥招能救救？"我当时就笑了，"你这网站，就像穿个花裤衩上街，拉低整条路颜值！"不过老同学嘛我就答应下来，想着正好试试点新法子。

第一招：选对颜色和字体

我一开始琢磨着，颜色就是门面，千万不能瞎搞。比如咖啡馆网站，得让人看着就舒服，对？我那会儿亲自跑去店里蹲点，看看环境色调，结果发现他招牌是墨绿配金色，挺复古风。回办公室后，我拿个调色板一顿比划，定了主色是墨绿，辅色加点奶白和金边，这组合看着跟咖啡馆气质匹配，不像以前那种刺眼红蓝拼。字体，也是关键——挑了个圆润点的，太棱角的字人家读着累。试了十几种，用了个免费字体库里的，改完整体清爽多了。

第二招：加点视觉小亮点

我寻思网站不能干巴巴，得有点吸引眼球的。以前老掉牙方法，塞一堆大图，结果加载慢得人点叉退出。这回我学聪明了，自己拿手机拍了几张咖啡馆特写，还加了点微动画。比如首页上，那咖啡杯图标轻轻晃悠一下，不抢戏但有趣。最关键的是搞了张动态菜单，上传时压缩大小，保证手机上看不卡。过程中还出过岔子，有一回我整太大，测试时客人反馈死机了，气得我连夜重做，换工具压体积。

第三招：手机体验必须顶

这招我觉得最实在。上海人都忙，谁没事坐电脑前刷网站？八成用手机。所以我就把重点放响应式上，先拿自己手机狂点，结果发现老版在iPhone和小米上显示歪七扭八。我重新排布局，按钮放大，点单流程简化到一步到位。测试时找了几个老顾客帮忙，他们直喊"这下顺溜了"。结束前，我还加了个夜间模式，免得晚上点单屏幕亮瞎眼。

整套弄完，网站上线那天，老同学打电话谢我，说客人反馈好多了，手机点单率涨一大截。说白了，搞网站就是细节活儿，别想复杂，从颜色、图片到手机体验一步步试错。我在上海帮过几十家小企业，经验就是多动手少废话——下次要是再碰到类似活儿，准保这三招还能用上，大家试试呗！