极简产品,

设计稿还原容易失真嘛,「Typetura」帮你可视化调配文字排版直接生成代码

xinzhi xinzhi 作者 03/22, 2019 · 2 分钟读完
设计稿还原容易失真嘛,「Typetura」帮你可视化调配文字排版直接生成代码
分享本文

现代化网站已经开始适用响应式布局,仅需一个页面,一次研发适配多种屏幕大小和终端,降低维护成本,页面功能和浏览体验得到保障和提升。字体排版则是更细致的事情,特别是针对文章和排版元素和字体的使用。


[Typetura 是一个为响应式布局网站提供的排版设计工具,通过所见即所得的方式进行设计调优,自动生成代码用于部署。

1 / 网站无需注册即可使用,打开页面自动使用排版的文字素材,如果你有自己的真实内容,也可以粘贴使用,可以继续补充录入更多内容;

2 / 拖动页面调整显示区域大小,顶部标尺显示了常见终端的可视范围,针对这个范围内的显示排版,可以通过左侧属性栏输入参数进行调整,直接预览排版效果;

3 / 针对文章中的细节元素,可以从坐上角进行选取,进一步设置具体属性,支持设定字体,或指定网络字体,左下角显示参数生成的 CSS 代码,可以按引导部署使用。

这是一个开发者开发给开发者使用的工具,可以直接免费使用,工具版本号 v0.1.3,如果你有更多建议,可以和他们联系沟通。

开始订阅
每周发送内容更新汇总到你的邮箱(随时退订),关注微信公众号「团队头条」(ID:teamxtt)获取每日更新。
xinzhi
xinzhi 作者
The best is yet to come. 产品工程师@Workbene, Inc