前端经常跟设计师沟通,前端拿到设计师的设计稿,然后进行一比一的比例还原,编写静态页面,那我们拿到设计稿之后,我们要关心那些东西呢,怎么判断一个设计稿的好坏。
查看设计稿的设计规范
设计规范应该包括以下几个方面:
- 字体,包括设计稿,不同操作系统采用的字体,如果是特殊字体,应该提供字体文件。
- 每个组件的规范,比如包括基本的Button、分割线、面包屑、面型输入框和消息输入框
3. 全局所有组件通用的,包括colors、 阴影、 圆角
- 也有针对某个模块的业务场景,输出设计规范,如针对密码校验输出规范
总之,设计稿能够提高设计规范,在编写组件的时候,能够非常有效的帮助开发者写出更加统一的组件