<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/rss20.xsl" media="screen"?>
<rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<atom:link href="http://lettretrole.hautetfort.com/09-art-et-webdesign/index.rss" rel="self" type="application/rss+xml" />
<title>La Lettre et le Rôle - 09-art-et-webdesign</title>
<description>Portail d'entraide et de ressources - jeux d'interprétation textuels asynchrones</description>
<link>http://lettretrole.hautetfort.com/09-art-et-webdesign/</link>
<lastBuildDate>Sat, 22 Nov 2008 20:16:34 +0100</lastBuildDate>
<generator>HautetFort.com</generator>
<copyright>All Rights Reserved</copyright>
<item>
<guid isPermaLink="true">http://lettretrole.hautetfort.com/archive/2008/09/03/art-et-webdesign.html</guid>
<title>9. Art et webdesign</title>
<link>http://lettretrole.hautetfort.com/archive/2008/09/03/art-et-webdesign.html</link>
<author>noreply@hautetfort.com ()</author>
<category>09. Art et webdesign</category>
<pubDate>Wed, 03 Sep 2008 23:42:00 +0200</pubDate>
<description>
&lt;p&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Généralités&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 30px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;b&gt;8.1. Ergonomie&lt;br /&gt; &lt;br /&gt; 8.2. Webdesign&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #333399;&quot;&gt;&lt;b&gt;L'utilisation de la couleur dans les sites de jeu de rôle en ligne : une brève introduction&lt;/b&gt;&lt;/span&gt; - &lt;a href=&quot;http://www.lignes-en-jeu.org&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Lignes en Jeu&lt;/span&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;Plus que tout autre site, un site ou un forum lié à un jeu de rôle en ligne se doit d'être évocateur, de stimuler l'imaginaire, de porter au rêve, de transmettre une ambiance... Les couleurs retenues tout autant que les éléments graphiques et l'organisation de la page vont y contribuer. &lt;a href=&quot;http://www.lignes-en-jeu.org/re003.php&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Lire la suite...&lt;/span&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 30px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;b&gt;8.3. Typographie&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;i&gt;8.3.1. Principes&lt;/i&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;i&gt;8.3.2. Polices de caractères&lt;/i&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;http://www.dafont.com/fr/&quot;&gt;&lt;span style=&quot;color: #333399;&quot;&gt;&lt;b&gt;Dafont&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;i&gt;Base de donnée de polices de caractères librement téléchargeables.&lt;/i&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://fonts.lordkyl.net/&quot;&gt;Lord Kyl's madieval &amp;amp; fantasy fonts&lt;/a&gt;&lt;/b&gt; - &lt;a href=&quot;http://www.lordkyl.net/&quot;&gt;Lord Kyl's Realm&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;Polices médiévales et fantasy.&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;a href=&quot;http://www.geocities.com/TimesSquare/Alley/1557/fonts.htm&quot;&gt;&lt;b&gt;Coron's Source of Fonts&lt;/b&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;span class=&quot;postbody&quot;&gt;Ecritures antiques, médievales, cabalistiques, fantasy, SF...&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 30px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;8.4. Illustrations&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;span style=&quot;font-style: italic;&quot;&gt;8.4.1. Avatars&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;a href=&quot;http://portraits.rpgfr.net/&quot;&gt;&lt;b&gt;Le Marché des Portraits&lt;/b&gt;&lt;/a&gt; - &lt;a href=&quot;http://www.rpgfr.net/&quot;&gt;Le Marché de l'Aventurier&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;Consultez gratuitement les 2187 avatars en ligne. Hébergez vos avatars pour les utiliser sur les forums ou dans vos jeux.&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;a href=&quot;http://www.wizards.com/default.asp?x=dnd/arch/pc&quot;&gt;&lt;span class=&quot;size5red&quot;&gt;&lt;b&gt;PC Portraits Online Archives&lt;/b&gt;&lt;/span&gt;&lt;/a&gt; - &lt;a href=&quot;http://www.wizards.com/&quot;&gt;Wizards of the Coast&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;span class=&quot;bxboxbody&quot;&gt;Une collection de portraits que vous pouvez utiliser pour représenter votre personnage. Ils sont tirés de la rubrique &quot;PC Portraits&quot; d'anciens numéros de &lt;i&gt;Dragon Magazine&lt;/i&gt;.&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://www.mangavatars.com/&quot;&gt;MangAvatars&lt;/a&gt;&lt;/b&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;Avatars tirés de mangas et animés.&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;a href=&quot;http://avatarsduweb.free.fr/&quot;&gt;&lt;b&gt;Avatars du Web&lt;/b&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;Nombreux avatars, dont des avatars &quot;Heroic fantasy&quot;, &quot;Mangas&quot;, &quot;Animés&quot;...&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://www.heromachine.com/&quot;&gt;HeroMachine&lt;/a&gt;&lt;/b&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px; text-align: justify;&quot;&gt;Générateur en ligne d'image de super-héro.&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;span style=&quot;font-style: italic;&quot;&gt;8.4.2. Cartes&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;a href=&quot;http://www.gryc.ws/autorealm.htm&quot;&gt;&lt;b&gt;AutoREALM&lt;/b&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;Logiciel de génération de cartes pour les jeux de rôle médiéval-fantastiques.&lt;/p&gt; &lt;p style=&quot;padding-left: 30px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;8.5. Création graphique&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;i&gt;8.5.1. Logiciels graphiques&lt;/i&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;a href=&quot;http://www.gimp-fr.org/news.php&quot;&gt;&lt;b&gt;Gimp-fr&lt;/b&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;Le site de référence français du logiciel Gimp, le meilleur programme graphique 2D libre et gratuit.&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;a href=&quot;http://www.inkscape.org/&quot;&gt;&lt;b&gt;Inkscape&lt;/b&gt;&lt;/a&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;Le site de référence du logiciel Inkscape, le meilleur programme de dessin vectoriel libre et gratuit.&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;i&gt;8.5.2. Trucs et astuces&lt;/i&gt;&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;padding-left: 60px;&quot;&gt;&lt;span style=&quot;color: #993300;&quot;&gt;&lt;i&gt;8.5.3. Commande graphique&lt;/i&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; 
</description>
</item>
</channel>
</rss>