I'm going to drop the weight as well and then pull on these handles just a little bit until it all fits on one line. And this is going to be tertiary information. So I'll duplicate this down and then double-click and type out something like: Click on each box below to enter your information. Now I may want one more text layer right underneath that's going to be a little bit smaller. And because this is defined as an auto-height text box, I can also adjust the width by pulling in these handles. And I might drop the weight as well, just to around SemiBold.
So, within the Properties Inspector, I'm going to drop the size to around 28. And you're noticing, it's probably a little bit too large for sub information. And I already have some text copied to my clipboard. So, with the Text tool, one more time, I'm going to drag out a text box across the container. Now, down below this header, we may want some additional text to let users know what they're getting into. I'm going to go ahead and make sure that it's placed in the center of our box. And I think Bold should work well for this header. So let's go ahead and switch this up to Basic Sans.
Adobe xd login pro#
Now, we went with Sofia Pro in the last video. So I'm going to grab the handle on the bottom, drag it on up, and then over within the Properties Inspector, I'm going to switch the color over to white. Now, at the moment it's a little bit too small and a little bit too hard to see. And kicking things off, let's grab the Text tool, shortcut Key T, click and type out: Sign up. With the rectangle in place, we can go ahead and start adding some content on the inside. We'll choose a nice vibrant blue for this particular sign up form. And then in the Properties Inspector, let's go ahead and define a color. Now to give the shape a little bit of style, we're going to go ahead and round out the corners, somewhere around.
And to start, we're going to grab the good old Rectangle tool and draw one out across this artboard, right about here. And we're going to start the process of creating our sign up form. And in today's Adobe XD video, we're going to take a look at building out a sign up form using components.
0 kommentar(er)
