青朴网站初创之际,设计师殚精竭虑,设计过程中严格遵守设计规范,上线后网站广受好评。虽然屡获赞誉,但是青朴本着“专注技术 追求卓越”的企业文化,内部不断通过多样化手段提升团队的审美和设计水平,优化设计规范,在此过程中,审慎自身,从而发现青朴网站的一些瑕疵之处,故对青朴官方网站进行调优,期望于为客户带来更好的服务。
本次网站调整主要有三个方面:首页slider优化、footer优化、界面动效的增加。
一、slider
1. 图片的替换。替换了第1张和第3张图片,由原来LowPoly风格和暗影遮罩更改为大草原风光景图,大气磅礴。所有图片均来源于团队于内蒙古大草原实地拍摄。
图1 旧slider1
图2 旧slider3
替换后效果:
图3 新slider1(锡林郭勒盟灰腾梁风力发电场晚霞)
图4 新slider3(克什克腾旗黄岗梁国家森林公园,兴安岭最高处)
2. 增加动效
slider1之前没有动效,优化之后,图文分离,小图和文字可以左右移动。
图5 动效演示
3.其它
字体字号修改,统一每张slider的字号大小。
在不影响图片感官质量下压缩图片,提升网页加载速率。
二、footer
改变footer原本的单色配色,调整footer结构,删除logo和咨询部分,增加青朴微信公众号的二维码。背景采用图片形式,显得生动。
图6 旧版footer
图7 新版footer
三、界面动效的增加
1. 服务、产品页,载入页面时,文字和图片从两端运动的行程拉长
2. 服务页增加图片的载入效果。
3. 客户页,鼠标悬停,除变色外,增加图片缩放。
4. 动态页,鼠标悬停题图,增加图片缩放。
四、总结
通过这次优化,青朴完善自身的设计规范,变得更加具体和细致,并将其应用于实际生产中,为客户带来更加精致、贴合痛点的服务。青朴科技将专注于技术的提升,致力于为客户提供卓越的服务,期待与您的合作。