Expand the Gallery layer in the Layers panel.Ĩ. Tip: Holding shift as you drag to the right constrains the movement horizontally.Ħ. Hold Shift as you drag to move these to the left of the artboard. Shift+click to select the Gallery label, gallery images, and the Featured label. Shift+click to select both featured images, hold Alt or Option as you drag the middle right handle to make the images wider and decrease the padding between the images and the edges of the artboard.ĥ. Deselect Fixed Width and resize the artboard again.Ĥ. Tap Manual in the Responsive Resize section of the Property Inspector.ģ. Shift+click to select both featured images.Ģ. Note: Responsive resize speeds up your design workflow, but you will still need to make manual adjustments.ġ. Notice the featured images, navigation, and headline do not resize correctly. Select the artboard again and use the right center handle to resize the artboard.ģ. Toggle the Responsive Resize setting so it is turned on.Ģ. Use Control+Z or Command+Z to undo and reset the artboard size.ġ. Notice the artboard resizes, but none of the other design elements do. Drag the right center handle to resize the artboard. Note that Responsive Resize is turned off in the Property Inspector.ĥ. Double-click the artboard name and rename it.Ĥ. Duplicate the start artboard: Click the artboard name, press Control+D (Windows) or Command+D (macOS).ģ. xd document, or use ours (responsive-resizing_practice.xd).Ģ. Start from scratch, or download practice files for a head start. Scale your app design for optimal display across different screen sizes.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |