本文关键词：怎么做网站的界面

说实话，干这行十五年了，我见过太多老板花大价钱找设计公司，结果拿回来的页面连个像样的按钮都找不到，或者那个“联系我们”的入口藏在第几屏都看不见。客户在那儿拍桌子，我也头疼。其实，怎么做网站的界面，真不是靠那些花里胡哨的特效，而是看你能不能把事儿说清楚，把人留住。

我前两天刚帮一个做本地家政服务的客户改界面，那叫一个惨。首页上来就是三个自动播放的大视频，音乐还关不掉，用户一进来就被吓跑了。我直接让他把视频全撤了，换成一张干净的大图，上面就写一句大白话：“全城30分钟上门，修不好不收钱”。你看，这就叫痛点。用户不管你的界面多艺术，他只想赶紧找到能解决他问题的人。

咱们一步步来，别整那些虚头巴脑的理论，直接上干货。

第一步，搞清楚你的用户是谁。别一上来就打开PS或者代码编辑器。你得先拿张纸，画一画。比如你是卖高端茶叶的，你的界面就得素雅、留白多，字体要细，颜色要沉稳；但如果你是搞二手手机回收的，界面就得热闹、颜色鲜艳，按钮要大，让人一眼就能看见“立即估价”。这就是怎么做网站的界面的核心：匹配。别让你的高端茶叶店搞出个拼多多那种大红大绿的风格，那是对品牌的自杀。

第二步，布局要符合“F型”浏览习惯。这是心理学验证过的，人看网页通常是先看左上角，然后横向扫视，再往下。所以，你的Logo、导航栏、核心卖点，必须放在左上和顶部区域。别搞什么中心对称，除非你是搞艺术展的。我在给客户做后台管理系统界面时，就把常用功能放在左侧导航，因为员工每天都要用，频繁点击的地方必须顺手。记住，别让用户思考，思考就会流失。

第三步，字体和颜色别太任性。很多新手喜欢用那种花里胡哨的艺术字，或者红配绿。听我一句劝，正文用黑体或宋体，别超过两种字体。颜色呢，主色不要超过三种。你可以去搜一下“色彩心理学”，但别照搬，要结合你的行业。比如医疗行业多用蓝白，显得专业冷静；餐饮行业多用暖色，让人有食欲。我在帮一个做儿童玩具的客户改界面时，把背景色从冷灰换成了淡黄，转化率直接涨了15%。这就是细节的力量。

第四步，移动端适配，这是重中之重。现在多少人用手机看网站？如果你的桌面版做得再漂亮，手机上字小得跟蚂蚁一样，那等于没做。我现在的习惯是，先做手机端的线框图，再扩展到大屏。因为手机屏幕小，能放下的信息有限，这逼着你必须精简内容。把不重要的东西砍掉，只留最核心的。这个过程虽然痛苦，但效果显著。

最后，别怕改。界面不是一成不变的。我那个家政客户的案例，改完第一版后，我又盯着后台数据看了三天。发现有个“预约上门”的按钮点击率不高，后来我把按钮颜色从蓝色改成了橙色，位置从底部移到了中部，点击率立马翻倍。所以，怎么做网站的界面，其实是一个不断测试、不断优化的过程。

别迷信那些所谓的“设计趋势”，今天流行扁平化，明天流行拟物化，后天又流行玻璃拟态。用户没变，需求没变，你的界面就该服务于用户。把字写大点，把按钮做明显点，把加载速度提快点，这就比90%的网站都强了。

要是你还有啥不懂的，或者觉得自己做的界面怎么看怎么别扭，不妨停下来想想：如果你是那个急着修水管的大爷，你能在3秒内找到我要找的服务吗？如果不能，那就重做。别不好意思，改界面不丢人，丢人的是放着客户不管。