<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>sidemenù | Webdesignerd</title>
	<atom:link href="https://www.webdesignerd.it/tag/sidemenu/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.webdesignerd.it</link>
	<description>Impara ad utilizzare Figma e Adobe Xd in modo professionale</description>
	<lastBuildDate>Tue, 06 Dec 2022 12:11:02 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.1</generator>

<image>
	<url>https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/03/cropped-WD-favicon.png?fit=32%2C32&#038;ssl=1</url>
	<title>sidemenù | Webdesignerd</title>
	<link>https://www.webdesignerd.it</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">190677420</site>	<item>
		<title>Creare un menù laterale con Adobe Xd</title>
		<link>https://www.webdesignerd.it/menu-laterale-con-adobe-xd/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=menu-laterale-con-adobe-xd</link>
		
		<dc:creator><![CDATA[f000r]]></dc:creator>
		<pubDate>Mon, 20 Sep 2021 20:20:59 +0000</pubDate>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Xd]]></category>
		<category><![CDATA[menù laterale]]></category>
		<category><![CDATA[sidemenù]]></category>
		<guid isPermaLink="false">https://www.webdesignerd.it/?p=455</guid>

					<description><![CDATA[<p>Vuoi imparare a realizzare un menù laterale con Adobe Xd? Questo è il tutorial adatto ma prima devi sapere che esistono 3 tipi di menù...</p>
<p>The post <a href="https://www.webdesignerd.it/menu-laterale-con-adobe-xd/">Creare un menù laterale con Adobe Xd</a> first appeared on <a href="https://www.webdesignerd.it">Webdesignerd</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Vuoi imparare a realizzare un <strong>menù laterale con Adobe Xd</strong>?</p>



<p>Questo è il tutorial adatto ma prima devi sapere che esistono 3 tipi di menù laterali.</p>



<p><strong>1 Sidenav Overlay:</strong></p>



<p>È un menù che compare e va esattamente sopra il body del sito </p>



<figure class="wp-block-image size-large"><img decoding="async" fetchpriority="high" width="739" height="462" src="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?resize=739%2C462&#038;ssl=1" alt="" class="wp-image-456" srcset="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?resize=1024%2C640&amp;ssl=1 1024w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?resize=300%2C188&amp;ssl=1 300w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?resize=768%2C480&amp;ssl=1 768w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?resize=100%2C63&amp;ssl=1 100w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?resize=700%2C438&amp;ssl=1 700w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Overlay.png?w=1280&amp;ssl=1 1280w" sizes="(max-width: 739px) 100vw, 739px" data-recalc-dims="1" /></figure>



<p><strong>2 Off Canvas </strong></p>



<p>È un menù che compare e &#8220;<strong>spinge</strong>&#8221; il contenuto in una determinata direzione (alto, basso, destra o sinistra) </p>



<figure class="wp-block-image size-large"><img decoding="async" width="739" height="462" src="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?resize=739%2C462&#038;ssl=1" alt="" class="wp-image-457" srcset="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?resize=1024%2C640&amp;ssl=1 1024w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?resize=300%2C188&amp;ssl=1 300w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?resize=768%2C480&amp;ssl=1 768w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?resize=100%2C63&amp;ssl=1 100w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?resize=700%2C438&amp;ssl=1 700w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Off-Canvas.png?w=1280&amp;ssl=1 1280w" sizes="(max-width: 739px) 100vw, 739px" data-recalc-dims="1" /></figure>



<p><strong>3 Full Width</strong></p>



<p>È un menù che compare esattamente come il sidenav overlay. </p>



<p>La differenza è che in questo caso il menù andrà a coprire tutta la viewport del nostro sito.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="739" height="462" src="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?resize=739%2C462&#038;ssl=1" alt="" class="wp-image-458" srcset="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?resize=1024%2C640&amp;ssl=1 1024w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?resize=300%2C188&amp;ssl=1 300w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?resize=768%2C480&amp;ssl=1 768w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?resize=100%2C63&amp;ssl=1 100w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?resize=700%2C438&amp;ssl=1 700w, https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/09/Full-Width.png?w=1280&amp;ssl=1 1280w" sizes="(max-width: 739px) 100vw, 739px" data-recalc-dims="1" /></figure>



<p>Vuoi imparare a realizzare questi menù laterali con Adobe Xd?</p>



<p>Guarda il video tutorial.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Creare un menù laterale con Adobe Xd" width="739" height="416" src="https://www.youtube.com/embed/mm2t5W6UNrE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p class="has-medium-font-size"><strong><a href="https://www.webdesignerd.it/disegnare-un-sito-da-zero-corso-gratuito-di-web-design/">Vuoi imparare a disegnare un sito web da zero? </a></strong></p>



<p class="has-medium-font-size"><strong>Guarda il video corso gratuito che ho realizzato per te! -&gt; <a href="https://www.youtube.com/watch?v=IMBn7biK-lY&amp;t=1s" target="_blank" rel="noreferrer noopener">Video corso di Web Design con Adobe Xd</a></strong></p><p>The post <a href="https://www.webdesignerd.it/menu-laterale-con-adobe-xd/">Creare un menù laterale con Adobe Xd</a> first appeared on <a href="https://www.webdesignerd.it">Webdesignerd</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">455</post-id>	</item>
	</channel>
</rss>
