<?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>Tutorial Photoshop &#124; WebDesign &#187; webdesign</title>
	<atom:link href="http://www.andrealeti.it/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.andrealeti.it</link>
	<description></description>
	<lastBuildDate>Mon, 06 Feb 2012 02:17:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Psicologia dei colori</title>
		<link>http://www.andrealeti.it/psicologia-dei-colori/</link>
		<comments>http://www.andrealeti.it/psicologia-dei-colori/#comments</comments>
		<pubDate>Tue, 17 May 2011 01:24:19 +0000</pubDate>
		<dc:creator>Andrea Leti</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Webdesign - Creare siti web]]></category>
		<category><![CDATA[colore emozione]]></category>
		<category><![CDATA[colore siti web]]></category>
		<category><![CDATA[colore sito web]]></category>
		<category><![CDATA[colori per un logo]]></category>
		<category><![CDATA[colori siti web]]></category>
		<category><![CDATA[effetti psicologici web design]]></category>
		<category><![CDATA[emozioni dei colori]]></category>
		<category><![CDATA[il verde]]></category>
		<category><![CDATA[il viola]]></category>
		<category><![CDATA[significato colori logo]]></category>
		<category><![CDATA[significato dei colori]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.andrealeti.it/?p=331</guid>
		<description><![CDATA[[Aggiornato il 17 maggio 2011] I colori nella vita hanno sempre dei significati molto importanti, per esempio il colore degli abiti che si indossano determinano [...]]]></description>
			<content:encoded><![CDATA[<p>[Aggiornato il 17 maggio 2011]</p>
<p>I <strong>colori</strong> nella vita hanno <strong>sempre</strong> dei significati <strong>molto importanti</strong>, per esempio il colore degli abiti che si indossano determinano lo stato di umore che si ha, oppure si può capire alcuni aspetti della persona conoscendo per esempio il suo colore preferito, in psicologia vengono attuati dei test per capire la personalità della persona.</p>
<p>I colori ci trasmettono <strong>effetti psicologici</strong> <strong>ed</strong> <strong>emotivi</strong>. Vediamo allora, in dettaglio, quali sono gli effetti trasmessi dai colori, per poter scegliere con maggiore consapevolezza i colori da utilizzare per le nostre pagine web.</p>
<h3>Rosso</h3>
<p><img class="aligncenter size-full wp-image-2699" title="rosso" src="http://www.andrealeti.it/wp-content/uploads/rosso.jpg" alt="" width="560" height="120" /> Colore della passione, dell’amore. In psicologia simboleggia calore, l’alimentazione ed è molto stimolante. Per molti un colore troppo aggressivo. Simbolizza anche il pericolo, il sangue, il fuoco e la violenza. Il Rosso è il primo colore dell’arcobaleno che i neonati imparano a riconoscere, il primo a cui tutti i popoli hanno dato un nome. Nell’arte paleocristiana rappresentava in concomitanza con il nero il demonio rosso Lucifero.</p>
<h3>Arancione</h3>
<p><img class="aligncenter size-full wp-image-2700" title="arancio" src="http://www.andrealeti.it/wp-content/uploads/arancio.jpg" alt="" width="560" height="120" /><strong></strong>Il Colore dell’accoglienza e dell’ospitalità è percepito come un colore vibrante ed è molto in voga per i siti web poiché simboleggia attenzione, ricerca e studio. Simbolizza inoltre la fiamma, il fuoco, la lussuria.</p>
<h3>Giallo</h3>
<p><img class="aligncenter size-full wp-image-2701" title="giallo" src="http://www.andrealeti.it/wp-content/uploads/giallo.jpg" alt="" width="560" height="120" />Il colore del Sole simboleggia l’allegria, la felicità, la crescita e l’oro. Può anche simboleggiare disonestà, codardia, tradimento, gelosia, falsità, malattia e azzardo. Suscitando una sensazione d’espansione e spingendo al movimento, il giallo corrisponde ad una condizione di libertà e autosviluppo.</p>
<h3>Verde</h3>
<p><img class="aligncenter size-full wp-image-2702" title="green" src="http://www.andrealeti.it/wp-content/uploads/green.jpg" alt="" width="560" height="120" /></p>
<p>Simboleggia la natura, ambiente, vita, crescita, fortuna, gioventù, primavera, fertilità ma anche a putrefazione, acido e veleno. L’effetto di stabilità prodotto dal verde rappresenta, da un punto di vista psicologico, i valori saldi che non mutano. La scelta del verde indica inoltre autostima.</p>
<h3>Blu</h3>
<p><img class="aligncenter size-full wp-image-2703" title="blu" src="http://www.andrealeti.it/wp-content/uploads/blu.jpg" alt="" width="560" height="120" />Simboleggia la calma, l’acqua, il cielo, l’armonia, la fiducia, la pulizia e la lealtà. Tristezza e depressione. Fissando a lungo questo colore si produce un effetto di quiete, soddisfazione ed armonia. Basti pensare ad un paesaggio col mare calmo.</p>
<h3>Viola</h3>
<p><img class="aligncenter size-full wp-image-2704" title="VIOLA" src="http://www.andrealeti.it/wp-content/uploads/VIOLA.jpg" alt="" width="560" height="120" />Simboleggia regalità, spiritualità, passione ed amore.<br />
Crudeltà, arroganza e pianto. Il viola inoltre è il colore della penitenza. Colore tradizionale della mistica, della spiritualità ma anche della fascinazione erotica, il viola indica l’unione degli opposti, la suggestionabilità.</p>
<h3>Rosa</h3>
<p><img class="aligncenter size-full wp-image-2705" title="rosa" src="http://www.andrealeti.it/wp-content/uploads/rosa.jpg" alt="" width="560" height="120" />Simboleggia femmilità e gioventù. Il colore preferito dalla maggior parte delle donne di tutto il mondo comunica un messaggio di debolezza e ingenuità.</p>
<h3>Bianco</h3>
<p><img class="aligncenter size-full wp-image-2706" title="bianco" src="http://www.andrealeti.it/wp-content/uploads/bianco.jpg" alt="" width="560" height="120" />Il colore della purezza. E’ sinonimo di pulizia, innocenza, spazio, castità, semplicità e pace.Ma anche morte (culture orientali), freddezza e sterilità.</p>
<h3>Marrone</h3>
<p><img class="aligncenter size-full wp-image-2707" title="marrone" src="http://www.andrealeti.it/wp-content/uploads/marrone.jpg" alt="" width="560" height="120" />Simboleggia neutralità, terra e caldo. Sporcizia. Il forte bisogno, l’indifferenza o il rifiuto verso questa tinta indicano pertanto un preciso atteggiamento verso ciò che è corporeo e materiale e verso i piaceri fisici.</p>
<h3>Nero</h3>
<p><img class="aligncenter size-full wp-image-2708" title="nero" src="http://www.andrealeti.it/wp-content/uploads/nero.jpg" alt="" width="560" height="120" />Associato a potere, eleganza, magia, mistero e notte. Simboleggia anche lutto e morte (culture occidentali), cattiveria, infelicità, tristezza, rimorso e rabbia. Oggi giorno è un colore molto apprezzato nella moda femminile per la sua caratteristica di far sembrare la persona più magra. Nell’arte paleocristiana rappresentava il demonio.</p>
<h3>Grigio</h3>
<p><img class="aligncenter size-full wp-image-2709" title="grigio" src="http://www.andrealeti.it/wp-content/uploads/grigio.jpg" alt="" width="560" height="120" />Simboleggia neutralità, intelligenza, solidità, pulizia e qualcosa di moderno. Viene anche associato a maturità e tristezza. Lo si sceglie per definire una distanza ed un non coinvolgimento.</p>
<p>Un bravo graphic webdesigner deve tener conto anche di questo. Lo sapevi? E tu ne hai mai tenuto conto?<br />
Dai vai a stravolgere i colori del tuo sito oppure <strong>lascia un commento</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andrealeti.it/psicologia-dei-colori/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Gestione efficiente dei contenuti nei siti web</title>
		<link>http://www.andrealeti.it/gestione-efficiente-dei-contenuti-nei-siti-web/</link>
		<comments>http://www.andrealeti.it/gestione-efficiente-dei-contenuti-nei-siti-web/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 10:40:29 +0000</pubDate>
		<dc:creator>Andrea Leti</dc:creator>
				<category><![CDATA[Webdesign - Creare siti web]]></category>
		<category><![CDATA[cms da utilizzare]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.andrealeti.it/?p=1323</guid>
		<description><![CDATA[Un sistema di gestione dei contenuti - CMS  - Content Management System -  può davvero risolvere tantissimi problemi. Approfondiamo!]]></description>
			<content:encoded><![CDATA[<p>Anche se nei meandri del web riesco ancora a scovare dei siti con testo blu su sfondo rosso, e testo arancio su sfondo grigio, con arial e times new roman mischiati fra loro come la pasta mista con i ceci, gli standerd della progettazione oggi sono assai diversi e incredibilemtne più alti rispetto a 10 anni fa.</p>
<p>Dai progettisti di pagine web ci si aspetta la capacità di creare siti eleganti e dotati di sistemi di integrazione intelligenti.</p>
<p>Oggi il cliente vogliono essere in grado di aggiornare i contenuti nel proprio sito, creare nuove pagine ed avere una sorta di flush per le news che gli parmetta di esporre sempre le novità agli utenti/clienti che visitano il sito. Di certo non vorranno mettersi a studiare Dreamweaver per farlo.</p>
<p>Cosi un <strong>sistema di gestione dei contenuti (CMS Content Management System o CMS)</strong> può davvero risolvere tantissimi problemi per la soddisfazione della maggior parte dei tuoi clienti.</p>
<p><img class="aligncenter  size-full wp-image-1324" style="margin: 0 10px 5px 0; float: left;" title="logo_ibm_websphere.thumbnail" src="http://www.andrealeti.it/wp-content/uploads/2010/06/logo_ibm_websphere.thumbnail.gif" alt="" width="128" height="128" /></p>
<p>I CMS di fascia alta come <strong>WebSphere</strong> di IBM e <strong>Bitrix</strong> solitamente utilizzati per la gestione di numerosi siti di giornali e case editrici, oltre che nel campo industriale (il prezzo di questi sistemi va dalle 4 alle 5 cifre).</p>
<p>Sistemi più economici come Adobe Contribute offrono versioni essenziali dello stesso servizio ma possono essere complicati da configurare anche per il progettista più esperto, figuriamoci per chi ha poca dimestichezza con il Web.</p>
<p>Nel settore dei CMS vi è la crescente sensazione che le soluzioni Open Source siano addirittura in grado di offrire prestazioni migliori! La scelta dei CMS Open Source è vasta. Ci sono al momento circa 100 CMS per la gestione dei contenuti e in molti casi riescono a conquistarsi un seguito abbastanza magro, in concomitanza con il lancio, finchè lo sviluppatore non perde interesse. Un esempio lampante è <strong>Scoop CMS</strong>.</p>
<p><img class="aligncenter size-full wp-image-1325" style="margin: 0pt 10px 5px 0pt; float: left;" title="wordpress" src="http://www.andrealeti.it/wp-content/uploads/2010/06/wordpress_02.png" alt="" width="128" height="128" /><br />
Un chiaro esempio di Successo è proprio <strong>WordPress</strong>. Il nostro WordPress infatti fa da base a milioni di blog in tutto il mondo con una interfaccia elegante, familiare alle prime versioni di Microsoft Word e facile da utilizzare e personalizzare che nasconde un cuore di funzioni semi-automatiche decisamente sofisticate.</p>
<p>Anche CMS come Joomla, Drupal e ocPortal sono ormai fra gli strumenti preferiti dei progettisti web più smaliziati che vogliono dei risultati rapidi e con poco spreco di risorse umane e in temrini di tempo.</p>
<p>Chiudo con una domanda: <strong>Se un cliente ti dovesse chiedere un sito web su cui non deve vendere nulla, ma  che necessita di poter aggiornare i contenuti in maniera abbastanza facile e senza spendere poco tempo, adotteresti una soluzione CMS Open Source? Se si quale?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.andrealeti.it/gestione-efficiente-dei-contenuti-nei-siti-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dove prendere contenuti di esempio per i template?</title>
		<link>http://www.andrealeti.it/dove-prendere-contenuti-di-esempio-template/</link>
		<comments>http://www.andrealeti.it/dove-prendere-contenuti-di-esempio-template/#comments</comments>
		<pubDate>Sun, 23 May 2010 15:41:00 +0000</pubDate>
		<dc:creator>Andrea Leti</dc:creator>
				<category><![CDATA[Webdesign - Creare siti web]]></category>
		<category><![CDATA[template tutorial]]></category>
		<category><![CDATA[testo e per layout]]></category>
		<category><![CDATA[testo per template]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.andrealeti.it/?p=1287</guid>
		<description><![CDATA[Ecco dove prelevare del testo di esempio per i tuoi template web!]]></description>
			<content:encoded><![CDATA[<p>Questo articolo è una risposta pubblica che nasce dalla domanda di un lettore, alle prime armi con il webdesign, che mi chiede: <em>Andrea dove posso trovare del contenuto di esempio da inserire nei <strong>template per siti web</strong> che realizzo?</em></p>
<p>Per risolvere questo quesito basta utilizzare il famoso <a href="http://it.wikipedia.org/wiki/Lorem_ipsum" target="_blank"><strong>lorem ipsum</strong></a> che cito:</p>
<blockquote><p><em>&#8220;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea  commodo consequat. Duis aute irure dolor in reprehenderit in voluptate  velit esse  cillum dolore eu fugiat nulla pariatur. Excepteur sint  occaecat cupidatat non proident, sunt in culpa qui officia deserunt  mollit anim id est laborum.&#8221;</em></p></blockquote>
<p>Questo Blocco di testo, si può trovare sul sito <a href="http://www.lipsum.com" target="_blank"><strong>lipsum.com</strong></a> è di facile fruizione, basta solo fare un copia ed incolla.</p>
<h3>Curiosità</h3>
<p>Secondo quanto scritto su <a href="http://www.draft.it/cms/Contenuti/lorem-ipsum-dolor-sit-amet-sicuri" target="_blank">draft</a>, il testo sembra latino, ma di fatto non vuol dire pressoché niente, a causa di molte parole storpiate e inesistenti.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andrealeti.it/dove-prendere-contenuti-di-esempio-template/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Badge in   stile Web 2.0</title>
		<link>http://www.andrealeti.it/badge-in-stile-web-2-0/</link>
		<comments>http://www.andrealeti.it/badge-in-stile-web-2-0/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 17:52:18 +0000</pubDate>
		<dc:creator>Andrea Leti</dc:creator>
				<category><![CDATA[Risorse grafiche]]></category>
		<category><![CDATA[Bagde]]></category>
		<category><![CDATA[bottoni grafici]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.andrealeti.it/?p=714</guid>
		<description><![CDATA[Con l&#8217;avvento del Web 2.0 anche quelli che sono gli oggetti grafici, come per esempio i bottoni, sono cambiati. Con la mania dei badge 2.0, [...]]]></description>
			<content:encoded><![CDATA[<p>Con l&#8217;avvento del Web 2.0 anche quelli che sono gli oggetti grafici, come per esempio i bottoni, sono cambiati. Con la mania dei badge 2.0, infatti, da alcuni anni i bottini 3d sono apparsi davvero ovunque in rete per avvisare i visitatori di qualcosa di importante.</p>
<p>Sono particolarmente popolari fra i Blogger e nei siti di social Networking, anche se per la verità li stanno  utilizzando un pò tutti e un pò ovunque.</p>
<p>I badge sono molto allegri e lanciano un messaggio positivo! Eccone alcuni che ho preparato per voi da scaricare a fine articolo attraverso un link che rimanda ad un file per<strong> Photoshop</strong>!</p>
<p><img class="aligncenter size-full wp-image-715" title="Badge" src="http://www.andrealeti.it/wp-content/uploads/2009/11/Badge.png" alt="Badge" width="498" height="380" /></p>
<p>Se ti interessa ecco il file da scaricare: <a title="Badge Download" href="http://www.andrealeti.it/download/Badge.psd"><span style="text-decoration: underline;">Badge per siti web</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.andrealeti.it/badge-in-stile-web-2-0/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Webdesign &#8211; Home Page la pagina più importante</title>
		<link>http://www.andrealeti.it/webdesign-home-page-la-pagina-piu-importante/</link>
		<comments>http://www.andrealeti.it/webdesign-home-page-la-pagina-piu-importante/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 11:53:55 +0000</pubDate>
		<dc:creator>Andrea Leti</dc:creator>
				<category><![CDATA[Webdesign - Creare siti web]]></category>
		<category><![CDATA[creare homepage]]></category>
		<category><![CDATA[esempi homepage]]></category>
		<category><![CDATA[idea homepage]]></category>
		<category><![CDATA[spunti home page]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.andrealeti.it/?p=320</guid>
		<description><![CDATA[Proprio perche è la pagina piu visitata, l’home page diventa automaticamente il posto migliore per inserire un menù di collegamenti o un sommario del sito. [...]]]></description>
			<content:encoded><![CDATA[<p>Proprio perche è la pagina piu visitata, l’home page diventa automaticamente il posto migliore per inserire un menù di collegamenti o un sommario del sito. La maggior parte degli utenti visualizzerà il sito su un monitor con dimensioni dai 15 a 19pollici (in media), ed i 4/5 pollici verticali superiori sono l’unica parte sicuramente visibile sui loro schermi.</p>
<p>Allora, per ottenere una navigazione efficiente, il numero di collegamenti nella parte superiore della home page deve essere massimo ma sempre tenendo presente che non si puo rovinare il design del sito stesso.</p>
<p><span id="more-162"> </span></p>
<blockquote><p>L’home page non deve subire grosse variazioni una volta che il vostro sito è on line perché gli utenti resterebbero disorientati se una home page cambia troppo spesso.</p></blockquote>
<p><strong>Le pagine</strong> &#8211; Dopo aver definito l’home page andiamo a progettare le singole pagine del nostro sito che saranno differenti tra loro per lunghezza e contenuti.</p>
<p><strong>Lunghezza</strong> &#8211; Abbiamo già parlato della larghezza (Risoluzione dello schermo in un altro articolo ) di una pagina web ma non della sua lunghezza. Se una pagina web è troppo lunga l’utente non riuscirà a visualizzarla interamente sullo schermo e sarà costretto a scorrere verticalmente.</p>
<p>Lo s<em>corrimento verticale può causare la perdita di contesto</em> da parte dell’utente, perché gli elementi come i titoli dei documenti, gli identificatori del sito e i collegamenti alle altre pagine del sito scompaiono dallo schermo.</p>
<p>Se volete progettare pagine lunghe prevedete di inserire pulsanti tipo “Torna Su” a intervalli regolari oppure ad ogni fine titolo, così facendo l’utente non dovrà mai scorrere più di metà schermo per trovare un pulsante di navigazione che lo riporti all’inizio della pagina.</p>
<p><strong>Contenuti</strong> &#8211; Ogni pagina di un sito web dovrebbe contenere: titolo, autore, informazioni di copyright e collegamento alla home page. Spesso le pagine Web vengono stampate o salvate su disco e senza queste informazioni non è semplice determinare l’origine di un documento.</p>
<p>Paragonate ogni pagina del vostro sito a un ritaglio di giornale e assicuratevi di includere le informazioni necessarie per determinarne la fonte.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andrealeti.it/webdesign-home-page-la-pagina-piu-importante/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

