5个傻瓜式操作,不懂设计也能马上提高网站质感!
Hey,大家好,我是小飞,好久不见

最近收到一些用户的反馈:
“总感觉我的网站设计上差点儿意思,可又说不出哪里不对?”
有些设计说不出哪里不好,可就是~
“你们可以介绍一些简单实用的设计小技巧吗?”
呃……既要简单易学、还要实用有效~
咳咳咳,既然群众的呼声这么响亮,小飞也不能装作没听见,
一起来看看5个实用的网页设计Tips吧!
1. 注意引导按钮的样式
网站中按钮的重要性应该不用小飞多说了,
毕竟我们的建站目标就是,让用户订阅/收藏/购买,素质三连~

而一般来说,大家会习惯于,
在多个按钮上使用同样的设计样式(只在颜色上有差异)

其实这种方法并不可取,因为它没有充分发挥按钮的引导作用。
比如,当用户在购买商品时,有"立即购买"、"更多细节"和"取消购买"3个按钮,
你肯定是希望他们点击"立即购买"吧 (大多数人应该都是这么想的吧)!
也就是说,这个时候,"立即购买"最重要,应设计地足够醒目;
而其他按钮可以稍微简单点。

当然,有些操作中"删除"按钮比较重要,需要着重设计

总的来说,在设计按钮时,我们可以按照它们的重要程度,选择不同的按钮样式。
2. 善用留白
一提到不同元素/区块的划分,你会想到什么?线条?边框?

No, No, No !空白才是MVP 。
适当增加不同元素之间的空白区域,
它们看上去就会有一定距离,而且还不会让页面显得杂乱。

3. 多使用阴影效果
怎样让元素更加突出?不少人都会使用边框

其实,阴影效果也是个不错的选择,
它让界面看上去更整洁,且不会干扰用户视线,
还不赶紧pick它?

4. 使用两种背景颜色
如何区分不同元素或区块?
前面我们提到过两种解决方案,
一是使用线条和边框,二是增加留白区域,

但如果这两种方法的效果都不好呢?
这就到了背景色闪亮登场的时候了
只要将相应区块的背景调整成另一个颜色
页面设计感就蹭蹭蹭地涨起来了

5. 使用2-3种字体
字体可能是网页设计中最容易忽略的一个元素了
但它的作用却有很多,
什么营造网站氛围、突出重要元素、提高转化率,通通不在话下。
不过很多网站常犯一个错误:
在同一个页面中使用太多类型的字体

太多的字体只会让人眼花缭乱,找不到重点。
建议一次性最好只使用2种字体,
对于一些海报或Banner图等艺术项目,
字体种类可以稍微丰富点。
