<?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/"
	>

<channel>
	<title>zoomart - blog - magazine &#187; tipografia</title>
	<atom:link href="http://www.zoomart.net/blog/it/tag/tipografia/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zoomart.net/blog/it</link>
	<description>web design &#124; web marketing &#124; Napoli</description>
	<lastBuildDate>Tue, 13 Dec 2011 08:18:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Zoomart su Web Design Index 9</title>
		<link>http://www.zoomart.net/blog/it/2010/07/24/zoomart-su-web-design-index-9/</link>
		<comments>http://www.zoomart.net/blog/it/2010/07/24/zoomart-su-web-design-index-9/#comments</comments>
		<pubDate>Sat, 24 Jul 2010 09:52:36 +0000</pubDate>
		<dc:creator>Zoomart</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Eventi]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Rassegna Stampa]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Agile Rabbit Editions]]></category>
		<category><![CDATA[Comunicazione]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[The Pepin Press]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[Web Design Index 9]]></category>
		<category><![CDATA[Zoomart Design]]></category>

		<guid isPermaLink="false">http://www.zoomart.net/blog/it/?p=1912</guid>
		<description><![CDATA[

			
				
			
		
Siamo molto felici di apprendere che il nostro sito web, www.zoomart.net, è stato incluso nell&#8217;ultima edizione di Web Design Index, un bel libro colorato, grande e patinato, edito da The Pepin Press (Agile Rabbit Editions).
La pubblicazione è una raccolta di siti web rilevanti, in ambito  internazionale,  selezionati in base a criteri come: efficacia, [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike_button" style=""><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2010%2F07%2F24%2Fzoomart-su-web-design-index-9%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
<div class="tweetmeme_button" style="float: right; margin: 0 0 10px 10px;">
			<a rel="nofollow" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2010%2F07%2F24%2Fzoomart-su-web-design-index-9%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2010%2F07%2F24%2Fzoomart-su-web-design-index-9%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Siamo molto felici di apprendere che il nostro sito web, <a rel="nofollow" href="http://www.zoomart.net" target="_blank"><strong>www.zoomart.net</strong></a>, è stato incluso nell&#8217;ultima edizione di <a href="http://www.pepinpress.com/catalogue/view/170" target="_blank" rel="nofollow"><strong>Web Design Index</strong></a>, un bel libro colorato, grande e patinato, edito da <a rel="nofollow" href="http://www.pepinpress.com/" target="_blank" rel="nofollow"><strong>The Pepin Press</strong></a> (Agile Rabbit Editions).<br />
La pubblicazione è una raccolta di siti web rilevanti, in ambito  internazionale,  selezionati in base a criteri come: <strong>efficacia, qualità e innovazione</strong>.</p>
<p><img src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/07/web-design-index-9-zoomart.jpg" alt="Zoomart su Web Design Index 9" title="Zoomart su Web Design Index 9" width="670" height="388" class="alignnone size-full wp-image-1925" /><br />
<span id="more-1912"></span></p>
<blockquote><p>A partire dalla prima edizione nel 2000, la pubblicazione <strong>Web Design Index</strong> è diventata una delle più importanti pubblicazioni nel settore web design. Il libro, pubblicato ogni anno, è una collezione di <strong>1002 straordinari siti web</strong>.<br />
<strong><em style="float:right;">(The Pepin Press)</em></strong></p></blockquote>
<p><span  style="clear:both; display:block; margin-top:25px;">Attualmente sono state stampate 25,000 copie di Web Design Index 9, ed il libro è disponibile in cinese, inglese, francese, tedesco, italiano, giapponese, coreano, polacco, russo, spagnolo.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zoomart.net/blog/it/2010/07/24/zoomart-su-web-design-index-9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cool QR-Codes</title>
		<link>http://www.zoomart.net/blog/it/2010/02/28/qr-code/</link>
		<comments>http://www.zoomart.net/blog/it/2010/02/28/qr-code/#comments</comments>
		<pubDate>Sun, 28 Feb 2010 16:56:34 +0000</pubDate>
		<dc:creator>Zoomart</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fotografia]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Comunicazione]]></category>
		<category><![CDATA[Immagini]]></category>
		<category><![CDATA[Materiale Promozionale]]></category>
		<category><![CDATA[Packaging]]></category>
		<category><![CDATA[QR-Code]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://www.zoomart.net/blog/it/?p=1197</guid>
		<description><![CDATA[

			
				
			
		
QR è l&#8217;acronimo di &#8220;Quick Response&#8221; e il QR-Code è un codice a barre bidimensionale sviluppato dalla corporation giapponese Denso-Wave nel 1994. Le applicazioni di questo tipo di codice sono molteplici e possono spaziare dall&#8217;apertura dei browser verso un determinato URL, al trasferimento di dati quali testo o immagini. Il crescente utilizzo del QR-Code è [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike_button" style=""><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2010%2F02%2F28%2Fqr-code%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
<div class="tweetmeme_button" style="float: right; margin: 0 0 10px 10px;">
			<a rel="nofollow" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2010%2F02%2F28%2Fqr-code%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2010%2F02%2F28%2Fqr-code%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><strong>QR</strong> è l&#8217;acronimo di &#8220;Quick Response&#8221; e il <strong>QR-Code</strong> è un codice a barre bidimensionale sviluppato dalla corporation giapponese Denso-Wave nel 1994. Le applicazioni di questo tipo di codice sono molteplici e possono spaziare dall&#8217;<strong>apertura dei browser verso un determinato URL</strong>, al <strong>trasferimento di dati quali testo o immagini</strong>. Il crescente utilizzo del QR-Code è determinato dalla facilità di lettura dei dati. <strong>Il contenuto del QR-Code può, infatti, essere letto rapidamente da un software installato sul telefono cellulare, semplicemente scattando una foto.</strong> Ora&#8230;<a rel="nofollow" href="http://qrcode.kaywa.com/" target="_blank" rel="nofollow">genera il tuo QR Code</a>!<br />
<div id="attachment_1253" class="wp-caption alignnone" style="width: 760px"><img class="size-full wp-image-1253" title="QR-Code Zoomart" src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/02/QR-Code-Zoomart.jpg" alt="Il codice QR per la Pagina principale di Zoomart in lingua italiana" width="750" height="323" /><p class="wp-caption-text">Il codice QR per la Pagina principale di Zoomart in lingua italiana</p></div></p>
<p><span id="more-1197"></span><br />
La possibilità di utilizzare i QR-Codes per memorizzare velocemente numeri telefonici e visitare siti web, senza dover digitare manualmente gli URL, ha fatto in modo che questi codici a barre trovassero largo impiego nella pubblicità su carta stampata, con lo scopo di veicolare gli utenti verso siti web.<br />
E&#8217; possibile inserire un QR-Code su <strong>cartelloni pubblicitari, biglietti da visita o addirittura sugli imballaggi</strong> di ogni tipo di prodotto. Adesso vediamo come i QR-Codes sono utilizzati in modo &#8220;non convenzionale&#8221;&#8230; </p>
<ul class="image-list">
<li><img class="alignnone size-full wp-image-1240" title="QR-Code Belt" src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/02/qr.jpg" alt="QR-Code Belt" width="740" height="400" /><br />
Photo by <a rel="nofollow" rel="nofollow" href="http://www.flickr.com/photos/fluidforms/3525672926/" target="_blank">Alexander Karelly</a></li>
<li><img class="alignnone size-full wp-image-1244" title="QR-Code Bear" src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/02/qr2.jpg" alt="QR-Code Bear" width="740" height="400" /><br />
Image by <a rel="nofollow" rel="nofollow" href="http://www.flickr.com/photos/13886756@N03/3332533037/" target="_blank">Esbie</a></li>
<li><img class="alignnone size-full wp-image-1246" title="QR-Code Packaging" src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/02/qr3.jpg" alt="QR-Code Packaging" width="740" height="400" /><br />
Image by <a rel="nofollow" rel="nofollow" href="http://www.flickr.com/photos/add/187811645/" target="_blank">Add.Me</a></li>
<li><img class="alignnone size-full wp-image-1242" title="QR Babygrow" src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/02/qr1.jpg" alt="QR Babygrow" width="740" height="400" /><br />
Photo by <a rel="nofollow" rel="nofollow" href="http://www.flickr.com/photos/treacletart/2666700797/" target="_blank">Christopher Hawkins</a></li>
<li><img class="alignnone size-full wp-image-1248" title="QR-Code Billboard" src="http://www.zoomart.net/blog/it/wp-content/uploads/2010/02/qr4.jpg" alt="QR-Code Billboard" width="740" height="400" /><br />
Image by <a rel="nofollow" rel="nofollow" href="http://www.flickr.com/photos/cogdog/2902210442/" target="_blank">Cogdogblog</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.zoomart.net/blog/it/2010/02/28/qr-code/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tipografia per il web</title>
		<link>http://www.zoomart.net/blog/it/2009/08/28/tipografia-per-il-web/</link>
		<comments>http://www.zoomart.net/blog/it/2009/08/28/tipografia-per-il-web/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 18:37:50 +0000</pubDate>
		<dc:creator>Zoomart</dc:creator>
				<category><![CDATA[Testi]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://lnx.zoomart.net/blog/it/?p=3</guid>
		<description><![CDATA[

			
				
			
		
L’attività tipografica  è l’equilibrio e la relazione correlata tra la forma dei caratteri tipografici sviluppati sulla pagina. Questo equilibrio richiede delle competenze specifiche che talvolta possono essere particolarmente impegnative, tanto da giustificare il termine di arte tipografica come la capacità di fornire al lettore gli strumenti necessari per comprendere la forma ma allo stesso [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike_button" style=""><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2009%2F08%2F28%2Ftipografia-per-il-web%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
<div class="tweetmeme_button" style="float: right; margin: 0 0 10px 10px;">
			<a rel="nofollow" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2009%2F08%2F28%2Ftipografia-per-il-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zoomart.net%2Fblog%2Fit%2F2009%2F08%2F28%2Ftipografia-per-il-web%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>L’attività tipografica  è l’equilibrio e la relazione correlata tra la forma dei caratteri tipografici sviluppati sulla pagina. Questo equilibrio richiede delle competenze specifiche che talvolta possono essere particolarmente impegnative, tanto da giustificare il termine di arte tipografica come la capacità di fornire al lettore gli strumenti necessari per comprendere la forma ma allo stesso tempo assimilare la sostanza dei contenuti.<br />
<img class="alignnone size-full wp-image-11" title="caratteri-tipografici" src="http://lnx.zoomart.net/blog/it/wp-content/uploads/2009/08/caratteri-tipografici.jpg" alt="caratteri-tipografici" width="750" height="269" /></p>
<p>Possiamo quindi parlare di capacità estetico-contenutistica di una pagina web quando il designer riesce tramite la scelta opportuna dei caratteri tipografici a trasmettere una comunicazione verbale e visiva che diventa parte del lettore a mano a mano che si addentra nell’analisi della pagina stessa.<span id="more-3"></span></p>
<p>Una gerarchia visiva basata sull’uso di caratteri tipografici come un’adeguata punteggiatura, titoli, sottotitoli, utilizzo appropriato delle immagini  facilitano il visitatore del nostro sito a integrarsi  in esso e a percepire con consapevolezza il messaggio principale che da esso ne deriva. Le regole di base della tipografia per le pagine web sono pressoché simili a quelle comunemente usate per la stampa ma ci sono alcune piccole differenze non del tutto trascurabili come l’enorme differenza di risoluzione tra le due varianti. Mentre per la maggior parte delle riviste, magazine e giornali stampati la risoluzione comune è di circa 1200 dpi (acronimo di dots per inch,  punti per pollici)  raramente il monitor del nostro computer mostra più di 80 dpi. Questo elemento associato all’area utilizzabile per i nostri contenuti, molto inferiore a quella di una rivista stampata, influisce moltissimo sulla quantità di elementi che il copywriter può inserire nella pagina. La tipografia per il web inoltre soffre di fattori esterni che dovrebbero essere presi in considerazione dal designer prima e dallo sviluppatore poi per rendere quanto più uniforme il risultato finale che sarà visualizzato dai nostri lettori.</p>
<div class="video">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="750" height="422" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2524730&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="750" height="422" src="http://vimeo.com/moogaloop.swf?clip_id=2524730&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p><a rel="nofollow" href="http://vimeo.com/2524730">Typography</a> from <a rel="nofollow" href="http://vimeo.com/user773075">Jules van Helvoort</a> on <a rel="nofollow" href="http://vimeo.com">Vimeo</a>.
</div>
<p>Nella tipografia di una rivista stampata i fattori esterni che influiscono sul risultato finale della nostra opera dipendono in maggior parte da noi, nel caso del web le pagine create vengono rielaborate volta per volta rigo per rigo, titoli, sottotitoli e contenuti dall’interazione tra il browser in esecuzione, server web e sistema operativo dell’utente. Si comprende quindi che un autore web non potrà mai essere sicuro al 100% che il lettore visualizzi le pagine nello stesso modo in cui lui le ha progettate, cause ricorrenti possono essere un carattere mancante sulla macchina dell’utente, un browser obsoleto o semplicemente diverso dal nostro.<br />
Come accennato precedentemente affinché un font sia visibile dal nostro lettore questo deve essere installato sul computer dell’utente, riducendo così la scelta del designer per il suo “atto creativo” a pochi font, definiti come web-safe installati su tutti i computer come Arial, Georgia, Times New Roman, Verdana e pochi altri.  Eppure i caratteri tipografici contribuiscono a supportare la comunicazione di un sito web al pari, per esempio, dei colori. Esistono varie alternative percorribili dal designer per risolvere questo problema.  La prima soluzione, forse la più comune usata finora, è quella di sostituire un titolo testuale per noi rappresentativo con un immagine contenente il titolo con il font da noi desiderato. Questa soluzione, anche se appare a prima vista la più facile, non è del tutto conveniente per diversi motivi. Il primo su tutti è la difficoltà nel cambiare il titolo qualora ci fosse la necessità di farlo, implicherebbe un cambiamento a livello grafico e non una semplice digitazione del nuovo contenuto testuale.  L’altro motivo non secondo al primo è l’impossibilità da parte dei motori di ricerca di leggere il testo delle immagine, perdendo così in coerenza ed ottimizzazione del nostro lavoro.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zoomart.net/blog/it/2009/08/28/tipografia-per-il-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

