How to use Artboards in Sketch
Summary
TLDRThis video explains the functionality of artboards, highlighting their usefulness in creating fixed frames for designs, especially for specific devices or screen sizes. It covers how to create, move, resize, and delete artboards, either by using the toolbar or keyboard shortcuts. Additionally, it introduces options like adjusting contents on resize and saving artboards as templates. The video hints at more advanced features, such as resizing constraints, to be explored in future courses, making it ideal for users looking to optimize their design workflow.
Takeaways
- 🎨 Artboards are optional but useful for creating fixed frames on the canvas.
- 📱 They're particularly helpful when designing for specific devices or screen sizes.
- 🖱️ To create an artboard, choose 'Insert > Artboard' from the toolbar or press 'A' on the keyboard.
- ✍️ You can click and drag to create a custom-sized artboard or select a template from the inspector.
- 📝 Entire artboards and their contents can be saved as templates for future use.
- 🔄 Artboards can be moved by clicking and dragging their names on the canvas.
- 📏 Resizing an artboard is similar to resizing other layers, but it won't affect the contents by default.
- ⚙️ The 'Adjust Contents on Resize' option allows resizing constraints, which is covered in another course.
- 🗑️ To delete an artboard, select it and press delete, which also removes its layers.
- 🖇️ If you only want to delete the artboard but keep its contents, select it and choose 'Ungroup' or press 'Shift + Command + G'.
Q & A
What is the purpose of using artboards in design?
-Artboards are useful for creating fixed frames on the canvas, especially when designing for specific devices or screen sizes.
How can you create an artboard in the design tool?
-You can create an artboard by selecting 'Insert > Artboard' from the toolbar or by pressing the letter 'A' on the keyboard.
What are the two ways to create an artboard on the canvas?
-You can either click and drag to draw a custom-sized artboard or choose a template from the inspector.
Can you save an artboard as a template for future use?
-Yes, you can save an entire artboard and its contents as a template for later use.
How can you move an artboard on the canvas?
-You can move an artboard by clicking and dragging its name on the canvas.
Does resizing an artboard affect its contents by default?
-No, by default, resizing an artboard will not affect its contents.
What option can you enable to adjust contents when resizing an artboard?
-You can enable the 'Adjust contents on resize' option in the inspector to adjust the contents along with the artboard size.
What are resizing constraints, and how are they related to artboards?
-Resizing constraints help control how elements behave when resizing the artboard, but this feature is explained in more detail in another course.
How do you delete an artboard and its contents?
-To delete an artboard and its contents, select the artboard and press 'Delete' on the keyboard.
How can you delete only the artboard without removing its contents?
-To delete only the artboard and keep its contents, select the artboard and choose 'Ungroup' from the toolbar or press 'Shift + Command + G.'
Outlines
🎨 Artboards and Their Usefulness
Artboards are optional but useful for creating fixed frames on the canvas, especially when designing for specific devices or screen sizes. To create an artboard, you can select 'Insert Artboard' from the toolbar or press 'A' on the keyboard. You can either draw a custom-sized artboard or choose from pre-made templates. Artboards can be moved and resized similarly to other layers, but resizing an artboard doesn't affect its contents unless the 'Adjust contents on resize' option is enabled. Deleting an artboard will also delete its contents, unless you choose to ungroup the artboard first, which retains the contents but removes the artboard itself.
Mindmap
Keywords
💡Artboard
💡Canvas
💡Toolbar
💡Inspector
💡Template
💡Resizing
💡Adjust Contents on Resize
💡Resizing Constraints
💡Ungroup
💡Delete
Highlights
Artboards are optional but useful for creating fixed frames on the canvas.
They are especially helpful when designing for specific devices or screen sizes.
You can create an artboard by selecting Insert > Artboard from the toolbar or pressing 'A' on the keyboard.
You can click and drag on the canvas to create a custom-sized artboard or choose from a template.
Artboards and their contents can be saved as templates for future use.
You can move artboards by clicking and dragging their name on the canvas.
Resizing an artboard is similar to resizing any layer, but by default, resizing an artboard won't affect its contents.
The 'Adjust contents on resize' option helps to resize both the artboard and its contents.
The resizing constraints feature works with 'Adjust contents on resize' but requires more detailed understanding in another course.
To delete an artboard, simply select it and press delete, which will also delete any layers inside.
If you want to keep the contents and only delete the artboard, use the 'Ungroup' function or press Shift + Command + G.
Artboards allow for organized workflows by keeping work within specific boundaries.
Artboards can be easily resized, moved, and customized according to design needs.
Using templates for artboards can save time when working on repeated or similar projects.
Mastering resizing constraints and content adjustment will enhance design flexibility when working with artboards.
Transcripts
artboards are completely optional but
handy for creating fixed frames on the
canvas to create your work in they're
especially useful if you're designing
for a specific device or screen size to
create an artboard choose insert
artboard from the toolbar or press the
letter A on the
keyboard you can either click and drag
on the canvas to draw a custom siiz
artboard or choose from a template on
the inspector
you can also save an entire artboard and
its contents as a template that you
could use
later you can easily move artboards
around by clicking and dragging their
name on the canvas and resizing an
artboard is a lot like resizing any
other layer but by default resizing an
artboard won't affect its contents
there's an option on the inspector
called adjust contents on resize which
works with a feature called resizing
constraints that we'll dig into in
another
course to delete an artboard just select
it and press delete on the keyboard
doing this will also delete any layers
within it if you want to keep an
artboards content and only get rid of
the artboard itself select it and choose
ungroup from the toolbar or press shift
command G
Weitere ähnliche Videos ansehen
5.0 / 5 (0 votes)