对于028每个网页设计师而言，在设计过程中总会碰到需要作出设计决策的时候。也许你的公司并没有全职设计师，而需求上则要求设计出全新的UI；又或者你正在制作一个你自己的个人项目，而你希望它比Bootstrap的默认效果要强一些。这个时候很多人会退缩:“我并不是一个艺术家，我没法作出更好的效果！”但是事实证明，想要设计出更优秀的效果，合理地运用技巧其实更重要，而且是可以出效果的。

　　今天的文章，我们总结了4个简单直观的改善网页视觉效果且能提升高级感的小技巧。很实际，也很实用，希望你们能喜欢。

　　1.不要在有色背景上使用灰色的文本

　　在白色背景下，将黑色的文本改成灰色，是不错的淡化其视觉效果的做法，但是在彩色背景下这么做，则是另外一回事。

　　实际上，让白色背景下文本由黑变灰实际上是达到降低对比度的效果。

　　但是在彩色背景下，想要降低对比度是应该让文本逐步接近背景色，而不是改为灰色。

　　2.留白，克制用色：

　　为什么克制的用色，给你高级的感受呢？因为，这样会削弱色彩对人情绪的影响，反而有治愈的能量，有一种颓废的性感。

　　3.阴影设计

　　相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。

　　4.尽量少使用Borders

　　盒子模型是网页前端最常用到的工具。当你需要在两个元素之间创建分隔的时候，尽量避免使用两者的边界直接接触。

　　虽然Border是分隔两个元素的好办法，但是它不是唯一的方法，使用过多会让整个布局的设计感降低，甚至会造成混乱。

　　总的来说，高级感是克制的，它极简、低调、且优雅；高级感是极致的，对细节的完美追求、具有匠心精神；高级感是特立独行且自信的，不盲目追逐潮流、不讨好、不妥协。破坏性的交互所涉及的按钮难道不应该是红色的么？”

　　没必要！如果破坏性的交互所涉及到的按钮不是主要操作的话，让它按照次要操作甚至三级操作的按钮来设计就好了。