<?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>OrangeLemon Webdesign und Webprogrammierung &#187; Design</title>
	<atom:link href="http://www.orangelemon.de/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.orangelemon.de</link>
	<description>engineering the web</description>
	<lastBuildDate>Wed, 22 Jun 2011 09:43:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Die besten kostenlosen Web2.0-Design-Tools</title>
		<link>http://www.orangelemon.de/design/die-besten-kostenlosen-web20-design-tools</link>
		<comments>http://www.orangelemon.de/design/die-besten-kostenlosen-web20-design-tools#comments</comments>
		<pubDate>Sun, 08 Feb 2009 21:26:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Kostenlos]]></category>

		<guid isPermaLink="false">http://www.orangelemon.de/?p=22</guid>
		<description><![CDATA[Um seiner Webseite eine Prise Web2.0-Design zu verpassen, muss man kein Photoshop-Held sein. Inzwischen gibt es unzählige Tools und Generatoren, die einem sehr viel Arbeit ersparen. Egal ob es sich um Menüs, Buttons, Badgets oder Favicons handelt &#8211; mit ein paar Klicks kann jeder zu einem sehr ansehnlichen Ergebnis kommen. Wir haben die aus unserer [...]]]></description>
			<content:encoded><![CDATA[<p>Um seiner Webseite eine Prise Web2.0-Design zu verpassen, muss man kein Photoshop-Held sein. Inzwischen gibt es unzählige Tools und Generatoren, die einem sehr viel Arbeit ersparen. Egal ob es sich um Menüs, Buttons, Badgets oder Favicons handelt &#8211; mit ein paar Klicks kann jeder zu einem sehr ansehnlichen Ergebnis kommen.</p>
<p>Wir haben die aus unserer Sicht nützlichsten Gratis-Tools zusammengestellt:</p>
<h3><a href="http://www.buttonator.com/" target="_blank">Buttonnator</a></h3>
<p><a href="http://www.buttonator.com/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/buttonnator.png"  alt="Buttonnator" / rel="lightbox[gallerie]"></a><br />
Dieser Buttongenerator ist sowohl bedienfreundlich als auch umfangreich: Die Auswahl an Button- und Icondesigns sollte für Standardprojekte mehr als ausreichen. Einstellbar sind natürlich Schriftart und -größe aber auch teilweise Farbwerte von Button und Icon.</p>
<p><a href="http://www.buttonator.com/" target="_blank"></a></p>
<h3><a href="http://tools.blogflux.com/buttonmaker/" target="_blank">Button Maker </a></h3>
<p><a href="http://tools.blogflux.com/buttonmaker/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/button_maker.png"  alt="Button Maker" / rel="lightbox[gallerie]"></a><br />
Auf diese Art von Buttons trifft man in letzter Zeit immer häufiger. Ursprünglich von <a href="http://www.antipixel.com/blog/archives/2002/10/22/steal_these_buttons.html" target="_blank">Jeremy Hedley</a> als Ersatz für aus der Mode gekommene XML- und W3C-Buttons gedacht, hat sich das Design virenartig vermehrt und wird nun für alles mögliche und unmögliche verwendet. Mit Hilfe des Button Makers sind sie sehr schnell zusammengestellt. Wer vorher noch Inspiration braucht, kann sich in dieser <a href="http://gtmcknight.com/buttons/" target="_blank">Galerie </a>über 4000 kleine Kunstwerke anschauen.</p>
<p><a href="http://tools.blogflux.com/buttonmaker/" target="_blank"></a></p>
<h3><a href="http://www.quickribbon.com/" target="_blank">Quick Ribbon</a></h3>
<p><a href="http://www.quickribbon.com/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/ribbon.png"  alt="quickribbon" / rel="lightbox[gallerie]"></a><br />
Für Ankündigungen, Aktionen oder ähnliches eignen sich die bunten Bänder am rechten Seitenrand besonders gut. Mit diesem Generator kann man zwischen verschienenden Designs auswählen, die Farbe bestimmen, einen Text samt Link eingeben und muss dann nur noch den generierten Code in seine Seite einfügen. Das Bild wird dabei auf dem Server des Anbieters gespeichert.</p>
<p><a href="http://www.quickribbon.com/" target="_blank"></a></p>
<h3><a href="http://www.stripegenerator.com" target="_blank">Stripe Generator</a></h3>
<p><a href="http://www.stripegenerator.com/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/stripe_gen.png"  alt="stripegenerator" / rel="lightbox[gallerie]"></a><br />
Diagonal gestreifte Hintergründe gehören schon länger zum guten Web2.0-Ton. Der Stripe Generator lässt so gut wie keine Wünsche offen, es werden png-Dateien in der Größe 40*40 generiert, die man direkt als Hintergrundgrafiken einsetzen kann. Einstellmöglichkeiten umfassen Farben und Farbverläufe, Streifenbreite, Abstände, optional Schatten und Winkel. Die schönsten Muster sind im <a href="http://www.stripegenerator.com/index.php?page=showcase&amp;view=top" target="_blank">Showcase</a> gespeichert.</p>
<h3><a href="http://www.web20badges.com" target="_blank">Web20Badges</a></h3>
<p><a href="http://www.web20badges.com/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/badge.png"  alt="web20badges" / rel="lightbox[gallerie]"></a><br />
Mit einer recht großen Auswahl von 20 Bagdetypen ein nützlicher Generator, auch wenn an den Grafiken leider keine Farbeinstellungen vorgenommen werden können. Wer allerdings noch weiter runterscrollt findet alle Badges als Photoshop-Dateien zum kostenlosen Download!</p>
<p><a href="http://www.web20badges.com/" target="_blank"></a></p>
<h3><a href="http://www.izzymenu.com" target="_blank">Izzymenu</a></h3>
<p><a href="http://www.izzymenu.com/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/izzy.png"  alt="izzymenu" / rel="lightbox[gallerie]"></a><br />
Mit diesem Menügenerator kann man wirklich ansprechende Menüs zaubern. Einfach eine der Vorlagen auswählen, Schrift und einige andere Maße und Farben anpassen, opt. Animation aktivieren, Menüeinträge bearbeiten (auch Untermenüs sind möglich) und das fertige Menü generieren. Der Download umfasst eine HTML-Datei, alle Grafiken, eine Javascript-Datei und ein Stylesheet.</p>
<p>Auch als Anregung für eigene Designs eignet sich der über 100 Einträge umfassende Katalog sehr gut.</p>
<h3><a href="http://www.cssmenubuilder.com/home" target="_blank">CSS Menu Builder</a></h3>
<p><a href="http://www.cssmenubuilder.com/" target="_blank"><img class="blog_img_no_border" src="http://www.orangelemon.de/wp-content/uploads/menu.png"  alt="cssmenubuilder" / rel="lightbox[gallerie]"></a><br />
Im Gegensatz zu Izzymenu kann man mit diesem Tool selbst mitgestalten, wie das Menü aussehen soll. Aus einer Kombination von Menühintergrund, Icons, Tabs oder anderen Menüpunkthintergründen und frei wählbaren Farben ensteht ein indivduelles Design. Das Ganze ist dann per zip-File herunterladbar und besteht aus einer HTML- und einer CSS-Datei sowie den Grafiken.</p>
<p>Viel Spaß beim Ausprobieren! Wer ähnlich schicke Tools kennt, kann gerne einen Kommentar hinterlassen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.orangelemon.de/design/die-besten-kostenlosen-web20-design-tools/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

