对于ui设计师来说,提高ui设计能力,除了需要掌握更多的理论知识以外,学会使用不同的设计工具也能够提高我们的设计效率和质量,下面我们就一起来了解一下具体情况吧。
对于UI还原而言,早在很多年前,类似的从设计稿中还原生成静态UI场景的解决方案也都涌现过,比如一些设计稿标注工具(如Marketch),又或者说目前的一些可视化建站平台也都能够在搭建完后直接产出线上页面,那么imgcook的优势体现在哪
我们回到UI还原主题上,当我们说图像生成代码的时候,我们关心的不仅仅是生成UI的还原度,也关心生成的代码是否合理、可维护,如果生成的代码属于不可读不可维护的快餐代码,开发使用上再对其进行二次开发就会显得极为艰难,而往往后者的难度相比前者更甚,如果需要在生产环境中使用,这个问题就无法避免。
对此,imgcook的定位就在于解决UI还原以及生成可维护代码的问题。
设计稿无约束+高还原
对于UI还原,目前比较常见的场景是从设计工具(比如Sketch、PS)入手。但比较不如意的是,设计师交付的设计稿里所带的结构化信息往往是杂乱无章的,如果需要精确得解析一个设计稿里某个模块的结构化数据,往往又需要跟设计师进行合作,规范设计稿中的设计以及制定一些约束来进行使用,这会增加一定程度上的使用成本。
imgcook为了解决这个问题,目前在对设计稿的解析上做了一些智能化的处理,去除了对设计师图层设计规范这块的依赖(当然对于良好的设计规范会让还原效果更甚!),只保留了一项开发人员可能使用到的规范来做UI还原。
生成可维护代码
对于可维护性代码的问题,imgcook会对还原后的UI在代码层面上生成目前使用比较广泛的Flexbox布局以及相对定位布局,在一些自定义的命名上(比如样式命名),imgcook也会根据开发者的习惯生成更加人性化的命名。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!