UI设计规范前端开发指南
UI 设计规范的价值真的是一眼就能看出来的东西，尤其是做 APP 项目的时候，设计和开发能不能踩在同一条线上，全靠它来兜底。像 58 到家的这套规范，就挺全面的，视觉风格、页面结构、交互细节全都照顾到了，拿来就能用，省事不少。
页面元素的要求也挺明确，比如订单提交页就得有地址栏、时间选择、备注，还有底部按钮，逻辑清晰，用户用起来也更顺手。成功页、详情页这些也都规定得比较细，什么元素要展示、顺序怎么排，都说清楚了。
顶栏的限制你可得注意，不能加下拉、右侧按钮这些花活，标题也不能带第三方 LOGO，挺严格，但换个角度看，统一规范后开发起来其实还更轻松，出问题的概率也小。
客服电话和短信内容这块也别马虎，号码固定是400-8900-555，发通知短信得用loginMobile，而不是userMobile，这些小细节容易踩坑。
第三方服务也别漏了，要加在成功页和详情页底部，还得带上合作商名字和 icon 图，图标样式最好参考下设计稿里的 PSD，不然容易对不上风格。
控件样式部分也挺实用，比如对话框、提示层这些基础组件，UI 规范里都有例子，照着来就行，统一性一把抓，体验也不容易翻车。
文档还提了一句，OCR 识别的时候会有点小错漏，看的时候要稍微留心下，有疑问就对照设计稿或者和产品、设计确认下，别死抠文字。
如果你正好在做类似的企业级 App，尤其是服务类应用，这套 UI 规范拿来直接参考还蛮香的，少走不少弯路。
文件大小：10.25MB
评论区