penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-08-03 09:48:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

viewmode section update

Browse Source
This commit is contained in:
andy 2021-09-07 11:37:17 +02:00 committed by Andrés Moya
parent c634dca615
commit 2577a9504b
5 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/interactions-view-options.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
img/viewmode-artboards.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 33 KiB

BIN
img/viewmode-pages.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
img/viewmode-share.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 28 KiB

9
user-guide/view-mode/index.njk
View File

@ -17,12 +17,13 @@ title: 14· View mode
<h3 id="viewmode-features">Features</h3>
<p>From the View mode you can:</p>
<ul>
<li><strong>Move between screens</strong> pressing <kbd>→</kbd> and <kbd>←</kbd> keys.</li>
<li><strong>Navigate through artboards</strong> pressing <kbd>→</kbd> and <kbd>←</kbd> keys.</li>
<li>Play the <strong>interactions</strong> (if there are any).</li>
<li>Change <strong>view settings for interactions</strong>: don’t show, show or show on click. <p><img src="/img/interactions-view-options.png" alt="viewmode" /></p></li>
<li>Click on the file name to see the <strong>Artboards</strong> list (with nice thumbnails). <p><img src="/img/viewmode-artboards.png" alt="viewmode" /></p></li>
<li>Create a <strong>Share link</strong>. The Share link is a public url that you can destroy anytime. <p><img src="/img/viewmode-share.png" alt="viewmode" /></p></li>
<li>Use the <strong>zoom</strong>.</li>
<li>Click on the artboard name to see the <strong>artboards</strong> list (with nice thumbnails). <p><img src="/img/viewmode-artboards.png" alt="viewmode" /></p></li>
<li>Click on the page name to display the <strong>pages</strong> menu. At shareable links the available pages can be configurable. <p><img src="/img/viewmode-pages.png" alt="viewmode" /></p></li>
<li>Create a <strong>shareable link</strong>. The Share link is a public url that you can destroy anytime. You have control of what pages will be shown at the link, being able to choose between showing all pages, the current page or selecting specific pages.<p> <p>The option to share the design workspace in viewer mode is still disabled but coming soon.</p><img src="/img/viewmode-share.png" alt="viewmode" /></p></li>
<li><strong>Zooming options</strong>. Zoom in <kbd>+</kbd>, Zoom out <kbd>-</kbd>, Zoom to 100% <kbd>Shift+0</kbd>, Zoom to fit all <kbd>Shift+1</kbd>, Zoom to selected object <kbd>Shift+2</kbd>, Full screen.</li>
<li>Activate the browser <strong>fullscreen mode</strong>.</li>
<li>Activate the <strong>Code mode</strong>.</li>
<li>Activate the <strong>Comments mode</strong>.</li>