青朴网站初创之际,设计师殚精竭虑,设计过程中严格遵守设计规范,上线后网站广受好评。虽然屡获赞誉,但是青朴本着“专注技术 追求卓越”的企业文化,内部不断通过多样化手段提升团队的审美和设计水平,优化设计规范,在此过程中,审慎自身,从而发现青朴网站的一些瑕疵之处,故对青朴官方网站进行调优,期望于为客户带来更好的服务。

       本次网站调整主要有三个方面:首页slider优化、footer优化、界面动效的增加。

       一、slider

     1.  图片的替换。替换了第1张和第3张图片,由原来LowPoly风格和暗影遮罩更改为大草原风光景图,大气磅礴。所有图片均来源于团队于内蒙古大草原实地拍摄。

slider1_1280.jpg

图1 旧slider1

slider3_1280.jpg

图2   旧slider3


替换后效果:


slider1.jpg

图3  新slider1(锡林郭勒盟灰腾梁风力发电场晚霞)

slider3.jpg

图4   新slider3(克什克腾旗黄岗梁国家森林公园,兴安岭最高处)

2. 增加动效

slider1之前没有动效,优化之后,图文分离,小图和文字可以左右移动。

slider03.gif

图5    动效演示

3.其它 

字体字号修改,统一每张slider的字号大小。

在不影响图片感官质量下压缩图片,提升网页加载速率。

二、footer

       改变footer原本的单色配色,调整footer结构,删除logo和咨询部分,增加青朴微信公众号的二维码。背景采用图片形式,显得生动。

footer1.png

图6 旧版footer

footer2.png

图7 新版footer

三、界面动效的增加

1. 服务、产品页,载入页面时,文字和图片从两端运动的行程拉长

2. 服务页增加图片的载入效果。

3. 客户页,鼠标悬停,除变色外,增加图片缩放。

4. 动态页,鼠标悬停题图,增加图片缩放。

四、总结

       通过这次优化,青朴完善自身的设计规范,变得更加具体和细致,并将其应用于实际生产中,为客户带来更加精致、贴合痛点的服务。青朴科技将专注于技术的提升,致力于为客户提供卓越的服务,期待与您的合作。