艾斯视觉前端开发规范前端规范20221025
最后更新:2022-08-30

艾斯视觉前端开发规范


代码外部




1. 精致感

代码体验呈现出来,特效以及一些hover细节,要给人一种精致的感受,比如一些入场特效,hover的优雅感且丰富,动效要好且柔和自然不要生硬,不得给人一种简陋廉价的感觉





2. 页面还原质量必须要高

这个是作为前端的基本素养,也是客户直观感受,能力必须要达标,页面还原无技术难度    全靠细节把控    如果达不到效果图样式   真应该思考总结,这点不能妥协,前端还原就一个要求  设计稿咋样 你就咋样,认为不合理 可以提出来,如果不提 做出不一样 就是你的问题

还原工具推荐:蓝湖https://lanhuapp.com/

注意:有时有的效果在工具上会失效或者错误,这个需要对比效果图根据经验,让设计同事提供相关参数配合调整

当自己页面写好后,将自己写好的页面用浏览器的截图软件截下来,然后在ps里,和效果图放到一起对比看下对应差别,然后比对调整,直至页面还原度达到90%以上乃至100%还原,特别是无技术难度的还原,应在100%






3. 入场动效

默认情况只播放一次,返回页面的时候不要重复播放,看多了就感觉烦了






4. 数字特效

见到有这种数字样式的,应默认加上数字滚动特效







5. 头部菜单

菜单背景默认应加上磨砂特效,当页面下拉的时候,置顶菜单应有一个适当降低高度的动效,因为小电脑屏幕高度如果不变的话,显示比例感觉占屏幕很大,就会有粗糙感







6. 首页大banner

如果效果图体现的是全屏风格的banner

pc端各个分辨率恰好是首屏的概念,把banner显示完整

比如我们这个网站首屏www.aisi365.com      pc不同分辨率看都是首屏幕显示完










仍未找到你需要的内容? 联系客服