mirror of
https://github.com/penpot/penpot-docs.git
synced 2024-07-06 05:41:47 +00:00
boards
This commit is contained in:
parent
e65a694d48
commit
ed1fa1f40f
BIN
img/board-clip-content.gif
Normal file
BIN
img/board-clip-content.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 93 KiB |
BIN
img/board-create.gif
Normal file
BIN
img/board-create.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 289 KiB |
BIN
img/board-show-fill.png
Normal file
BIN
img/board-show-fill.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.2 KiB |
BIN
img/board-show-viewmode.png
Normal file
BIN
img/board-show-viewmode.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.7 KiB |
|
@ -7,12 +7,12 @@ title: 05· Objects
|
|||
available in Penpot, and how to get the most of them.</p>
|
||||
|
||||
<h3 id="Boards">Boards</h3>
|
||||
<p>An Board is a frame with fixed edges. Boards are useful if you want to design for a specific screen or print size. Objects inside Boards only show the parts that fall within its shape.</p>
|
||||
<p>An Board is a layer tipically used as a container for a design. Boards are useful if you want to design for a specific screen or print size. Unlike its predecessors (the artboards), boards can contain other boards. First level boards are shown by default at the View mode, acting as screens of a design or pages of a document. Also, objects inside boards can be clipped. Boards are a powerful element at Penpot, opening up a ton of possibilities when creating and organizing your designs.</p>
|
||||
|
||||
<h4>Create boards</h4>
|
||||
<p>You can create a board using the board tool at the toolbar or the shortcut <kbd>B</kbd>. </p>
|
||||
<p>Set a custom size or choose one of the provided presets with the most common resolution for devices and standard print sizes. </p>
|
||||
<p><img src="/img/artboards-creation.gif" alt="boards" /></p>
|
||||
<p><img src="/img/board-create.gif" alt="boards" /></p>
|
||||
<p><strong>TIP:</strong> Create an board around one or more selected objects using the option at the menu or the shortcut <kbd>Ctrl/⌘</kbd> + <kbd>Alt</kbd> + <kbd>G</kbd>.</p>
|
||||
|
||||
<h4>Select and move boards</h4>
|
||||
|
@ -35,6 +35,19 @@ available in Penpot, and how to get the most of them.</p>
|
|||
<p>Read more about <a href="/user-guide/grids-and-layouts/" target="_blank">grids</a> and <a href="/user-guide/prototyping/" target="_blank">prototyping</a>.</p>
|
||||
<p><img src="/img/artboards-grid-int.png" alt="boards" /></p>
|
||||
|
||||
<h4>Clip content</h4>
|
||||
<p>Boards offer the option to clip its content or not.</p>
|
||||
<p><img src="/img/board-clip-content.gif" alt="boards" /></p>
|
||||
|
||||
<h4>Show in View mode</h4>
|
||||
<p>Boards offer the option to be shown in the View mode or not. First level boards are shown by default, while boards created inside other boards have the option unchecked. However, you can change this setting for each board to decide what boards should be shown in your presentations.</p>
|
||||
<p><img src="/img/board-show-viewmode.png" alt="boards" /></p>
|
||||
|
||||
<h4>Show fill in exports</h4>
|
||||
<p>You can also decide if the fill of an artboard will be shown in exports.
|
||||
Sometimes you don’t need the artboards to be part of your designs, but only their support to work on them.</p>
|
||||
<p><img src="/img/board-show-fill.png" alt="boards" /></p>
|
||||
|
||||
|
||||
<h3 id="rectangles-ellipses">Rectangles and ellipses</h3>
|
||||
<p>Rectangle and ellipses are two basic “primitive” geometric shapes that are useful when starting
|
||||
|
|
Loading…
Reference in New Issue
Block a user