This commit is contained in:
andy 2022-08-17 14:27:59 +02:00 committed by Andrés Moya
parent e65a694d48
commit ed1fa1f40f
5 changed files with 15 additions and 2 deletions

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 289 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -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 dont 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