7个小技巧提升网站模板的视觉效果

2018-07-27

随着自助建站平台的普及,使用网站模板建站也变得轻松容易,虽然有精美又不同风格的网站模板供用户随意使用,但是模板的视觉效果上还是有点不足的。那么现在就给大家分享一些小技巧,提高模板网站给用户带来的视觉效果。

1、用颜色和加粗营造层次感,不只是单纯的大小对比

我们一般的做法都是让重要的字体大一点,次要的就小一点,这样网站不能够尽显视觉效果,因为两种大小的文字形成的对比力不足够,我们就可以利用颜色和加粗来增强主要和次要的对比力。把主要的文字采用明显的颜色并加粗,然后次要文字则使用比主要文字颜色浅的颜色。

网站模板用颜色加粗字体


2、在有色背景下不要用灰色文本来降低对比度

网站模板在白色背景下使用灰色文本,是一种很好的淡化降低度的方法,但是在有色背景下使用灰色文本,就完全不是一回事了。降低对比度是要把文章颜色接近背景色而不是换成灰色。

降低对比度可以使用两种方式:

(1)调整文字透明度,透出一点背景色。

(2)根据背景色来选择文字颜色。

网站模板减低对比度


3、合理使用阴影

使用阴影时应该采用某一角度偏移的阴影效果会比较好,因为它能模拟出真实光线造成的阴影效果,相比起大范围阴影效果会更加好。

网站模板合理使用阴影


4、尽少使用分割线

虽然分割线能在两个元素之间起到很好的分隔作用,但是不是唯一的做法,如果一个网站内容分割线较多,会造成页面视觉混乱,失去美感。

在元素的分隔方式上,我们可以采用几种方法去分隔它们:

(1)独立内容框。

(2)处于不同颜色的色块内。

(3)留白,让元素减少关联性。

网站模板独立内容框

网站模板元素分隔

网站模板使用留白


5、不要随意放大小图标

有些网站在使用网站模板的图标的时候会把图标默认的优先尺寸进行调整,虽然图标都属于矢量图形,是可以随意放大,但是放大后会造成比例不对,视觉上会显得非常不专业。所以在建站时,尽量还是按照原来的尺寸使用。



6、适当使用有颜色单边边框

给一下平平无奇的内容加上单边边框,能给内容带来增强视觉感的效果,也不会像全边框那样显得死板,会带有设计感。


网站模板使用颜色边框


7、按钮不一定都使用颜色

按钮的颜色会给用户带来一定的影响,特别是一个网站存在一定数量的按钮,大量使用颜色会使人感到迷惑。

网站模板按钮


细节决定成败,利用网站模板建站固然能给很多人提供便捷的建站方式,但是通过对网站模板的一些小细节进行调整,除了能使网站模板与众不同之外,也能够让用户感受模板建站所带来的独特视觉效果。

免费使用