Sketch设计中iOS和安卓行高如何定义? 已解决

UI黑客 3月前 295

很多设计师都有一个问题:sketch中文字的行高如何定义?

技术开发的时候,文字行高与设计稿不一致怎么办。


我们需要遵循一个原则:设计的行高一技术开发保持一致。

实际上,开发决定权大一些,因为最终给用户看的是开发好的程序而不是设计稿。


那么开发的行高与sketch设计稿行高有什么关系呢?


首先我们先看一个例子,很多设计师提出把文字高度与行高设置一样,这样测量起来就准了。


是的,这样是个方法,技术也能实现。但是,那是一行的情况,多行的时候就不行了。多行换行后,间距为0,无法阅读。那如果再单独做个段落带艰巨的样式呢?就会出现同样的字体、颜色、对齐方式,只是间距不一样的两个文本样式,大大增加了我们的样式维护工作。


所以如果不严格要求的话, 就按照sketch默认行高,和技术开发会有点小差别,但是不大,勉强够使用。


如果对界面还原度要求特别高的话,需要设置下。


Web网页项目,sketch默认文字行高基本和css默认一样,所以不考虑。


iOS和安卓项目,需要插件来设置


Sketch默认行高和开发的行高是有区别的,具体的操作可以用插件搞定,看这两篇文章


安卓的行高

http://www.xueui.cn/experience/app-experience/sketch-plug-in-automatically-adjusts-line-height.html


iOS的行高

https://www.ui.cn/detail/368297.html


最后于 1月前 被UI黑客编辑 ,原因:
最新回复 (0)
返回
发新帖

更多设计干货文章
请关注UI黑客公众号

好课推荐