Line height: should function as it does on the web
On the web, i often use line height to determin the height of the types container. Therefore the text should sit vertically centrally to its line height. This is different to how line height works in print.
I also use line height for vertical rhythm. see more info on this here:
http://typecast.com/blog/4-simple-steps-to-vertical-rhythm
vertical rhythm is a huge factor when I design for web
Todd Padwick
shared this idea
-
Dan
commented
This is the only thing stopping me from switching to Xd. I can't correctly size elements with text exactly how a developer would build it using line heights. The text bounding box height should adjust according to line-height keeping text vertically centred.
Currently a normal text element doesn't allow you to control the bounding box.. and a drawn text box height doesn't adjust to text. I should be able to create a text box, set the width and let the content control the height.
-
C. L.
commented
+1 As mentioned, I'd like more visual definitions in XD to match CSS rules. I use CSS line-height to vertically center text inside a block and this behavior would be welcomed in XD. And the sooner XD makes this change the better, since I imagine the positioning of text in older files will be affected by the change.
-
Ryan Allen
commented
Came here for the same request.
A benefit to having it implemented this way is that the developer who gets the project can use line-height in her code to make sure it is aligned the same way it is in the design file.