把十个“看着不舒服”的企业官网放在一起,原因惊人地相似:颜色用了五六种,标题有大有小,每一块都塞满了字,产品图背景五花八门。很少有哪个是因为“特效不够”。
好看的网站设计,靠的大多是克制和统一。下面这些是我们给企业官网做设计时反复用到的做法,不需要专业背景也能看懂、能拿去对照自己的网站。
配色:网站设计先做减法
企业官网的配色,可以按“一个主色、一个辅色、一个强调色”来定,其余用黑白灰。
主色一般从企业标志里取,用在导航、标题装饰、按钮这些地方,让人记住你。辅色用来区分板块,别和主色抢。强调色只留给最重要的动作,比如“获取报价”“立即咨询”按钮,全站用同一个颜色,访客一眼就知道该点哪里。
最常见的坑是每个栏目换一种颜色,或者大面积使用高饱和的红绿蓝。看着热闹,其实很累眼睛。拿不准的时候,宁可少一种颜色。
字体和字号:先定规矩再排版
网站设计里,字体比颜色更影响“高级感”,但很少有人重视。
中文正文用系统默认的无衬线字体就很好,清晰、加载快。标题可以换一款稍有个性的字体,全站最多两款。字号要成体系:大标题、小标题、正文、注释各一档,所有页面照这个来,不要这一页正文大、那一页正文小。
正文行距适当放宽,段落之间留出空隙,手机上的字号别太小。看起来“乱”的页面,很多时候就是字号和行距不统一,调整后马上清爽。
网格:让内容排得整齐
设计师说的网格,就是把页面横向分成若干等宽的列,所有图片、文字块都对齐到列上。
产品卡片宽度一致、间距一致,标题左边缘都在同一条线上,页面就有秩序感。反过来,左边一张图偏宽、右边一段字偏窄,即便单看每一块都不难看,放在一起也显得随意。企业官网的产品列表、案例列表、新闻列表,最需要这种规整。
留白:别怕空
很多老板看设计稿的第一反应是“这里空着,放点东西吧”。这是让网站设计变土最快的一步。
留白不是浪费,它让重点内容被看见。一屏里如果只有一句标语、一张图和一个按钮,访客会看那句标语;如果同时有八个模块,访客什么都记不住。模块之间、标题和正文之间、图片周围,都要留出呼吸的空间。
一个简单的检查:把页面缩小到只能看个大概,如果分不清哪块是重点,说明挤了。
图片质量决定一半观感
企业官网里图片占的面积最大,图片不行,网站设计再用心也白搭。
- 产品图尽量统一背景和角度,白底或浅灰底最省心;
- 工厂、团队、办公环境找专业摄影拍一次,比网上找的素材图可信得多;
- 不同来源的图片色调差太多时,统一调一下色;
- 图片清晰但要压缩,别为了“高清”拖慢打开速度。
还要提醒一句,网上下载的图片大多有版权,商用前确认授权。
首屏和网站设计的一致性
首屏是访客停留与否的关键。一句说清你做什么的话,一张能代表业务的图,一个明确的下一步按钮,基本就够了。首屏怎么安排我们之前单独写过,这里不展开。
比首屏更容易被忽视的是一致性。首页做得很精致,进到产品详情页却像另一个网站:按钮样式变了,标题颜色变了,图片尺寸也乱了。访客会下意识觉得不专业。
上线前可以拿这几项把所有页面过一遍:
- 按钮形状、颜色、文字风格是否全站一致;
- 标题层级和字号是否统一;
- 图片比例、圆角、间距是否一致;
- 页头页脚是否每页相同;
- 手机上看是否同样整齐。
预算有限,先改这几处
不打算整站改版的,可以先做几件见效快的事:砍掉多余的颜色,统一字号,把挤在一起的模块拆开多留白,换掉最难看的几张产品图。这几步花的功夫不多,网站设计的整体观感往往能上一个台阶。需要系统改版,可以了解我们的网站建设服务。
结论
网站设计要做得好看,关键不在特效,而在配色克制、字体字号成体系、内容对齐网格、留够白、图片质量过关、全站风格一致。企业官网先把这些基本功做好,再考虑动效和创意。蔚岚科技做企业官网时会先定配色和字号规范,再出页面设计,想让我们看看你现在的网站哪里能改,可以打 18720919319,或者在联系我们留言。
常见问题
网站设计一定要请专业设计师吗?
不一定。用好的模板,再按配色、字号、留白这些规矩去改,也能做得整洁。品牌要求高、页面多的,请设计师统一出规范更省心。
企业官网用深色背景好不好?
可以用,但要看行业和内容。深色适合科技、高端品牌的局部板块,大段正文放在深色背景上阅读容易累,一般建议浅色为主。
网页设计里加动画会不会更好看?
适量的过渡动画能增加质感,但太多会分散注意力,还会拖慢速度。动画应该帮访客看清内容,不要为了炫而加。
网站设计和用户体验是一回事吗?
有重叠但不完全一样。好看主要是视觉层面,用户体验还包括导航清不清楚、表单好不好填、打开快不快。两者要一起考虑。
网站设计多久该更新一次?
没有固定周期。品牌形象变了、业务变了,或者网站在手机上已经明显落后时,就该考虑改版。平时可以小步调整,不必等到大改。