{"id":12590,"date":"2013-02-06T14:09:30","date_gmt":"2013-02-06T13:09:30","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=12590"},"modified":"2023-02-27T14:43:09","modified_gmt":"2023-02-27T14:43:09","slug":"guideguide-impaginazione-photoshop","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/","title":{"rendered":"GuideGuide: creare una griglia di impaginazione in Photoshop"},"content":{"rendered":"<p>Volete creare una pagina web, un sito o un layout digitale ma nn riuscite a trovare uno spunto per <strong>organizzare il vostro foglio di lavoro in Photoshop<\/strong>? Ecco qui alcuni veloci consigli che vi potrebbero aiutare a creare un layout pulito ed ordinato che aiuti il visitatore nella fruizione dei contenuti.<\/p>\n<h2>Creazione del Documento<img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-12593 alignright\" alt=\"img280x260\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img280x260.jpg\" width=\"280\" height=\"260\" \/><\/h2>\n<p>Apriamo Photoshop e creiamo un nuovo documento (<em>File &gt; Nuovo<\/em>) impostando come unit\u00e0 di misura &#8220;pixel&#8221;. Sotto la voce &#8220;<em>Preset<\/em>&#8221; selezioniamo Web e sotto a &#8220;<em>Size<\/em>&#8221; impostiamo come base di partenza <strong>1024&#215;768<\/strong>. Assicuriamoci che la modali\u00e0 di colore sia <em>RGB color<\/em> per essere sicuri che i colori non vengano convertiti con l&#8217;esportazione delle immagini per l&#8217;uso su web.<\/p>\n<h2>Definizione dell\u2019Area di lavoro<\/h2>\n<p>All\u2019interno del nostro foglio di lavoro ora andiamo ad impostare un\u2019<strong>area di lavoro<\/strong> di 960px. Consiglio questa dimensione di partenza perch\u00e8 \u00e8 una larghezza minima che pu\u00f2 essere visualizzata su un monitor con risoluzione 1024&#215;768, la risoluzione ancora oggi pi\u00f9 utilizzata. Imposteremo una colonna a dimensione fissa ignorando volutamente la possibilit\u00e0 di un sito responsive.<\/p>\n<h2>Impostazione di una griglia<\/h2>\n<p>Per definire un layout efficace e ordinato dobbiamo sempre <strong>costruire il nostro front-end<\/strong> (che sia un sito o un&#8217;applicazione desktop o un&#8217;app mobile) su una griglia ordinata e regolare che ci aiuti a distribuire il contenuto e a costruire un ritmo di visualizzazione. Tale griglia ci aiuter\u00e0 a definire i margini, le dimensioni di interlinea del testo e le dimensioni delle colonne e del nostro contenuto.<\/p>\n<p><strong>La griglia \u00e8 l&#8217;elemento di base<\/strong> di un design di successo. Ci impone una serie di regole da seguire e quindi un &#8220;ordine&#8221; degli elementi che aiutano l&#8217;occhio ad organizzare gli spazi. Gi\u00e0 solo seguendo una griglia, anche ignorando le altre\u00a0 regole per un buon design, il nostro documento apparir\u00e0 sicuramente pi\u00f9 fruibile e organizzato.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12596\" alt=\"sitoguideguideimg620x200\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/sitoguideguideimg620x200.jpg\" width=\"620\" height=\"200\" \/><\/p>\n<h2>GuideGuide Extension<\/h2>\n<p>Per costruire la nostra griglia ci facciamo aiutare dalle guide di Photoshop. Sotto la voce &#8220;<em>Visualizza<\/em>&#8221; selezioniamo la spunta &#8220;<em>Visualizza Righelli<\/em>&#8221; e subito sotto &#8220;<em>Blocca Guide<\/em>&#8220;, in modo che le guide non potranno essere spostate accidentalmente.<\/p>\n<p>Per impostare la distanza tra le guide potremmo calcolare a mano gli spazi, ma consiglio vivamente di scaricare un\u2019estensione di Photoshop gratuita, <a href=\"http:\/\/guideguide.me\" target=\"_blank\" rel=\"noopener noreferrer\">GuideGuide<\/a>, la cui installazione \u00e8 veloce e molto semplice.<\/p>\n<p>Una volta scaricato il pacchetto estraete il file e lanciate il programma <strong>Adobe Extension Manager<\/strong> (dal menu Programmi cliccando con il tasto destro del mouse sull&#8217;icona e selezionando <em>Esegui come Amministratore<\/em>), a questo punto selezionate in alto la voce &#8220;<em>Installa<\/em>&#8221; e andate a cercare il file appena estratto nella cartella dove lo avete collocato. Finita l\u2019installazione tornate in Photoshop e sotto la voce &#8220;<em>Finestra &gt; Estensioni<\/em>&#8221; spuntate la voce <strong>GuideGuide<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12591\" alt=\"extensionmanagerimg620x200\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/extensionmanagerimg620x200.jpg\" width=\"620\" height=\"200\" \/><\/p>\n<p>A questo punto comparir\u00e0 lo strumento diviso in 3 parti, noi ci limiteremo ad utilizzare il tab &#8220;<em>Grid<\/em>&#8220;, che permette l\u2019impostazione della griglia attraverso dieci parametri. In pratica impostando questi parametri, GuideGuide crea una griglia di impaginazione utilizzando le guide di Photoshop. La ver\u00e0 comodit\u00e0 sta nel fatto che se non si seleziona nulla,<strong> i parametri verranno applicati all&#8217;intero documento<\/strong>, ma se si ha una selezione attiva, <strong>la griglia verr\u00e0 creata utilizzando la selezione<\/strong> come base per l&#8217;inserimento delle guide.<\/p>\n<p>Se ad esempio volessimo dividere in due uno spazio del nostro documento, selezioniamo con lo Strumento selezione l&#8217;area, impostiamo il parametro &#8220;<em>Number of column<\/em>&#8221; (vedi sotto) su 2 e GuideGuide disegner\u00e0 3 guide, 2 agli estremi della selezione, ed una al centro dividendo a met\u00e0 lo spazio. Ecco una spiegazione veloce dei parametri:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12595 alignright\" alt=\"panelimg280x260\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/panelimg280x260.jpg\" width=\"280\" height=\"260\" \/><strong>1S) Top Margin<\/strong> imposta una guida dal margine superiore (es. 250 far\u00e0 apparire una guida a 250px dal margine superiore)<br \/>\n<strong>1D) Bottom Margin<\/strong> imposta una guida dal margine inferiore.<br \/>\n<strong>2S) Left Margin<\/strong> imposta una guida dal margine sinistro.<br \/>\n<strong>2D) Right Margin<\/strong> imposta una guida dal margine destro.<br \/>\n<strong>3S) Number of columns<\/strong> imposta il numero di colonne della griglia dividendo il foglio di lavoro o l\u2019area selezionata in parti uguali.<br \/>\n<strong>3D) Number of rows<\/strong> imposta il numero di righe della griglia dividendo il foglio di lavoro o l\u2019area selezionata in parti uguali.<br \/>\n<strong>4S) Column width<\/strong> imposta la larghezza delle colonne.<br \/>\n<strong>4D) Row Height<\/strong> imposta l\u2019altezza delle righe.<br \/>\n<strong>5S) Column Gutter<\/strong> imposta il margine tra una colonna e l\u2019altra.<br \/>\n<strong>5D) Row Gutter<\/strong> imposta il margine tra una riga e l\u2019altra.<\/p>\n<p>Per tracciare le nostre guide clicchiamo il tasto GG in basso. Sotto ai campi ci sono 4 bottoni:<\/p>\n<p><strong>1) Horizontal Midpoint<\/strong> traccia una guida orizzontale passante per il punto centrale del foglio o dell\u2019area selezionata.<br \/>\n<strong>2) Vertical Midpoint<\/strong> traccia una guida verticale passante per il punto centrale del foglio o dell\u2019area selezionata.<br \/>\n<strong>3) Clear Guides<\/strong> cancella tutte le guide del documento.<br \/>\n<strong>4) New Guide Set<\/strong> imposta un set di guide basato sui campi da noi inseriti.<\/p>\n<p>Con queste impostazioni possiamo definire una griglia in brevissimo tempo.<\/p>\n<h2>Un esempio<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12598 alignright\" alt=\"esempio1img280x260\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/esempio1img280x260.jpg\" width=\"280\" height=\"260\" \/><\/h2>\n<p>Per prima cosa faremo dei margini laterali di di 40px con i parametri<strong> 2S) Left Margin 2D) Right Margin<\/strong> e un margine superiore anch\u2019esso di 40px con il parametro <strong>1S) Top Margin<\/strong> e completiamo l\u2019azione schiacciando il tasto GG. A questo punto selezioniamo l\u2019area compresa tra i margini e impostiamo una griglia di righe verticali di 20px tramite il campo <strong>4D) Row Height<\/strong> e ricordandoci di resettare gli altri campi.<\/p>\n<p>In questo modo avremo un foglio di lavoro con dei riferimenti per il ritmo verticale del nostro spazio (come fosse un foglio a righe). Gli elementi di questa griglia, solitamente sono della stessa dimensione dell&#8217;interlinea principale del testo. Tutti i nostri testi anche se facenti parti di colonne, o blocchi di contenuto differenti poggeranno su queste guide aumentando il senso di ordine imposto al nostro occhio.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12600 alignleft\" alt=\"esempio2img280x260\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/esempio2img280x260.jpg\" width=\"280\" height=\"260\" \/>Andiamo ora a dividere lo spazio orizzontale impostando il parametro<strong> 3S) Number of Columns<\/strong> a 3 e il parametro <strong>5S) Column Gutter<\/strong> a 20. Abbiamo cos\u00ec creato una griglia a tre colonne con 20px di margine tra una colonna e l\u2019altra che possiamo utilizzare per costruire i nostri contenuti.<\/p>\n<p>Il lavoro di <strong>progettazione della griglia<\/strong> \u00e8 un lavoro di sperimentazione e prove. Impostazioni classiche impongono griglie a 12, 16 o 18 colonne a che permettono diverse tipologie di accorpamenti multipli di 2 o 3 colonne, ma ogni nuovo lavoro pu\u00f2 imporre una griglia differente a seconda del ritmo che vogliamo dare al contenuto, ricordandoci sempre che sebbene una griglia imponga una regola che ci pu\u00f2 aiutare nel nostro lavoro, talvolta pensare al di fuori delle regole pu\u00f2 essere la soluzione migliore.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Volete creare una pagina web, un sito o un layout digitale ma nn riuscite a trovare uno spunto per <strong>organizzare il vostro foglio di lavoro in Photoshop<\/strong>? Ecco qui alcuni veloci consigli che vi potrebbero aiutare a creare un layout pulito ed ordinato.<\/p>\n","protected":false},"author":4,"featured_media":12594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[300],"tags":[150,288,66],"class_list":["post-12590","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","tag-photoshop","tag-tutorial-photoshop","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Griglie di impaginazione in Photoshop con GuideGuide - blog.artera.net<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: GuideGuide: creare una griglia di impaginazione in Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Griglie di impaginazione in Photoshop con GuideGuide - blog.artera.net\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: GuideGuide: creare una griglia di impaginazione in Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-02-06T13:09:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:43:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img620x200.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"GuideGuide: creare una griglia di impaginazione in Photoshop\",\"datePublished\":\"2013-02-06T13:09:30+00:00\",\"dateModified\":\"2023-02-27T14:43:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/\"},\"wordCount\":1066,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/img620x200.jpg\",\"keywords\":[\"Adobe Photoshop\",\"tutorial Photoshop\",\"web design\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/\",\"name\":\"Griglie di impaginazione in Photoshop con GuideGuide - blog.artera.net\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/img620x200.jpg\",\"datePublished\":\"2013-02-06T13:09:30+00:00\",\"dateModified\":\"2023-02-27T14:43:09+00:00\",\"description\":\"Leggi dal blog: GuideGuide: creare una griglia di impaginazione in Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/img620x200.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/img620x200.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/guideguide-impaginazione-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"GuideGuide: creare una griglia di impaginazione in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Griglie di impaginazione in Photoshop con GuideGuide - blog.artera.net","description":"Leggi dal blog: GuideGuide: creare una griglia di impaginazione in Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/","og_locale":"it_IT","og_type":"article","og_title":"Griglie di impaginazione in Photoshop con GuideGuide - blog.artera.net","og_description":"Leggi dal blog: GuideGuide: creare una griglia di impaginazione in Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2013-02-06T13:09:30+00:00","article_modified_time":"2023-02-27T14:43:09+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img620x200.jpg","width":1,"height":1,"type":"image\/jpeg"}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"GuideGuide: creare una griglia di impaginazione in Photoshop","datePublished":"2013-02-06T13:09:30+00:00","dateModified":"2023-02-27T14:43:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/"},"wordCount":1066,"commentCount":3,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img620x200.jpg","keywords":["Adobe Photoshop","tutorial Photoshop","web design"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/","url":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/","name":"Griglie di impaginazione in Photoshop con GuideGuide - blog.artera.net","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img620x200.jpg","datePublished":"2013-02-06T13:09:30+00:00","dateModified":"2023-02-27T14:43:09+00:00","description":"Leggi dal blog: GuideGuide: creare una griglia di impaginazione in Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img620x200.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/02\/img620x200.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/guideguide-impaginazione-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"GuideGuide: creare una griglia di impaginazione in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/12590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=12590"}],"version-history":[{"count":6,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/12590\/revisions"}],"predecessor-version":[{"id":217004,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/12590\/revisions\/217004"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media\/12594"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=12590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=12590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=12590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}