不知道大家有没有用过 Xcode 的 Storyboard 编辑，里面可以根据不同的屏幕尺寸（ ipad iphone ）和横竖，以及 Auto Layout 设置 UI 的排布和各种相对关系，虽然用起来有点繁琐，但至少只靠拖动和设定规则就能搞定所有 UI 对所有界面的自动伸缩布局还有各个控件之间的关系。
最近有很多设计稿需要给 PHP 去做，无奈 PHP 对于前端又不太熟，设计也不懂代码，在把设计文件变为 HTML 这个过程是非常繁琐的，基于 CSS 的功能，要实现上述的效果完全手动写代码既繁琐又要不停的调整。
不知道有没有类似的图形化的工具，可以实现设计稿按照规则调整 UI 自动生成 HTML，以适合不同的屏幕尺寸。
诸如 左右边距固定中间拉伸扩展，根据屏幕大小按比例缩放， 高度宽度是某个其他元素的百分之多少，横屏横向布局竖屏竖向排列之类常用的 UI 布局规则。
用过 sketch 的几个自动生成 HTML 插件，都无法实现元素相对其他元素的大小位置比例，也没办法实现靠下靠右固定位置之类的功能。
最近有很多设计稿需要给 PHP 去做，无奈 PHP 对于前端又不太熟，设计也不懂代码，在把设计文件变为 HTML 这个过程是非常繁琐的，基于 CSS 的功能，要实现上述的效果完全手动写代码既繁琐又要不停的调整。
不知道有没有类似的图形化的工具，可以实现设计稿按照规则调整 UI 自动生成 HTML，以适合不同的屏幕尺寸。
诸如 左右边距固定中间拉伸扩展，根据屏幕大小按比例缩放， 高度宽度是某个其他元素的百分之多少，横屏横向布局竖屏竖向排列之类常用的 UI 布局规则。
用过 sketch 的几个自动生成 HTML 插件，都无法实现元素相对其他元素的大小位置比例，也没办法实现靠下靠右固定位置之类的功能。
1
Select Language