<?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>Ei, si pot ser! &#187; disseny</title>
	<atom:link href="http://retoc.net/category/disseny/feed/" rel="self" type="application/rss+xml" />
	<link>http://retoc.net</link>
	<description></description>
	<lastBuildDate>Sun, 25 Jul 2010 23:50:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Disseny 2.0</title>
		<link>http://retoc.net/disseny-20/2008/02/02/</link>
		<comments>http://retoc.net/disseny-20/2008/02/02/#comments</comments>
		<pubDate>Sat, 02 Feb 2008 21:10:58 +0000</pubDate>
		<dc:creator>Joan Vilarnau</dc:creator>
				<category><![CDATA[disseny]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://retoc.net/disseny-20/2008/02/02/</guid>
		<description><![CDATA[
Ja he parlat de la web 2.0 i el canvi que aquest fenomen ha significat quant als continguts i a la forma d&#8217;entendre la mateixa web, molt més participativa i en què d&#8217;alguna manera desapareix la línia entre redactor i lector, ja que potencialment tots els lectors esdevenen redactors. Una altra cosa és si realment [...]]]></description>
			<content:encoded><![CDATA[<div class="post">
<p>Ja he parlat de la web 2.0 i el canvi que aquest fenomen ha significat quant als continguts i a la forma d&#8217;entendre la mateixa web, molt més participativa i en què d&#8217;alguna manera desapareix la línia entre redactor i lector, ja que potencialment tots els lectors esdevenen redactors. Una altra cosa és si realment hi ha tanta gent que tingui coses interessants a dir&#8230;</p>
<p>Però avui mirarem una altra cara de la web 2.0: el seu disseny. L&#8217;aparició de la web 2.0 ha estat possible per la conjunció de diversos factors, però el més important, i del tot imprescindible, ha estat possible per una sèrie d&#8217;avenços tecnològics que ja vam tractar <a href="http://retoc.net/la-web-20/2008/01/13/" class="liinternal">aquí</a><a href="http://retoc.net/la-web-20/2008/01/13/" class="liinternal"><img style='border:0;' src='http://retoc.net/wp-content/plugins/tensai-rss/external.png'/></a>. Tal com comentava en aquella ocasió, al costat de bases de dades que gestionen el contingut dels webs, hi ha la separació en arxius diferents del contingut<img src='http://retoc.net/wp-content/uploads/2008/02/gimp.png' alt='GIMP' align="right" /> degudament etiquetat i del disseny del contingut. El disseny actualment es posa en un arxiu que rep el nom de <em>CSS</em>, és a dir, <em>full d&#8217;estils en cascada</em> (<em>cascade style sheet</em>). </p>
<p>Treballar separadament en el disseny amb una codificació específica ha possibilitat que els estàndards evolucionessin fins a possibilitar el que podríem anomenar <em>disseny 2.0</em> o, pròpiament, el disseny de la web 2.0. I, certament, el disseny web ha canviat moltíssim. Si tot just fins fa quatre o cinc anys una pàgina web solia ser molt llarga, amb la lletra petita, pocs espais en blanc, molts continguts junts, etc., ara el disseny orientat a l&#8217;usuari no només implica que aquest hi pot participar, sinó que el disseny s&#8217;adapta a l&#8217;usuari que entra per primer cop al web i no coneix on pot trobar la informació. Afortunadament, les imatges en moviment són història&#8230;</p>
<p>Això es plasma en un seguit de caractaerístiques, que trobem recollides en <a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm" target="_blank" class="liexternal">alguns manuals</a><a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm" target="_blank" class="liexternal"><img style='border:0;' src='http://retoc.net/wp-content/plugins/tensai-rss/external.png'/></a> de disseny 2.0:</p>
<ol style="margin-left: 50px;">
<li>Simplicitat</li>
<li>Disseny centrat</li>
<li>Menys columnes</li>
<li>Capçalera separada</li>
<li>Àrees sòlides</li>
<li>Navegació simple</li>
<li>Logos en negreta</li>
<li>Text més gran</li>
<li>Parts instroductòries del text en negreta</li>
<li>Colors forts</li>
<li>Superfícies riques (i 3D)</li>
<li>Fons degradats</li>
<li>Reflexos</li>
<li>Icones boniques</li>
<li>Destacats en forma d&#8217;estrella</li>
</ol>
<p>Les icones, com hem vist són essencials en el disseny 2.0. Afortunadament, tenim serveis de cerca d&#8217;icones amb llicència GPL (és a dir, lliures), com <a href="http://www.iconfinder.net/" target="_blank" class="liexternal">Iconfinder</a><a href="http://www.iconfinder.net/" target="_blank" class="liexternal"><img style='border:0;' src='http://retoc.net/wp-content/plugins/tensai-rss/external.png'/></a>, d&#8217;on he tret el logo del <a href="http://ca.wikipedia.org/wiki/GIMP" target="_blank" rel="nofollow" class="liwikipedia">Gimp</a><a href="http://ca.wikipedia.org/wiki/GIMP" target="_blank" rel="nofollow" class="liwikipedia"><img style='border:0;' src='http://retoc.net/wp-content/plugins/tensai-rss/external.png'/></a> que veieu més amunt. El Gimp és un programa lliure de disseny, és multiplataforma (això vol dir que es pot instal·lar també a Windows ;) i us el podeu descarregar en català des de <a href="http://www.softcatala.org/prog145.htm" target="_blank" class="liexternal">Softcatalà</a><a href="http://www.softcatala.org/prog145.htm" target="_blank" class="liexternal"><img style='border:0;' src='http://retoc.net/wp-content/plugins/tensai-rss/external.png'/></a>.</p>
</div>
<div>Article original, a: <a href="http://retoc.net">Ei, si pot ser!</a></div>
]]></content:encoded>
			<wfw:commentRss>http://retoc.net/disseny-20/2008/02/02/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
