Style Guide
pdf格式,主要作用是指南。用于说明色相、字体、字号、分隔线、间距等这些影响到风格形式的元素如何使用,如何建立层级,为了直观,需要适当的配上标注图,并说明界面中各组件的作用和使用场景。组件无需标注,从UI Kit的psd文件中提取即可。
UI Kit
psd格式,主要作用是提取。设计师可直接拖拽至PS中使用。
标注图
png格式,主要作用是参考。Style Guide中不会包含方方面面场景的情况,如果设计师捉摸不定逻辑上的一致性和合适的层级设定,可以参考更多以前交付给前端工程师的页面标注图,我向设计师传达的一个原则是:除非有更好的方案进行全局替代,否则应尽量使用之前已应用的方案,避免每次迭代都出现新的方案造成不一致问题的放大。