stil-voll

Nuit Blanche

2010-09-16T20:40:00.000+02:00

absolut beeindruckend und mit wunderschöner Musik hinterlegt...

das Making Of

Making Of Nuit Blanche from Spy Films on Vimeo.

und der fertige Film

Nuit Blanche erforscht einen flüchtigen Moment zwischen zwei Fremdem, die ihre kurze Verbindung in einer Fantasiewelt offenbaren.

daily inspiration #7

2010-09-15T11:27:00.000+02:00

heute gibts mal eine Auswahl toller Fotos von einer tollen Fotokünstlerin und lieben Freundin :O)

End of my day by *FeliDae84 on deviant ART

When you get caught... by *FeliDae84 on deviant ART

Longdrink by *FeliDae84 on deviant ART

? by *FeliDae84 on deviant ART

Starfield by *FeliDae84 on deviant ART

Two ways, one goal by *FeliDae84 on deviant ART

Wintery by *FeliDae84 on deviant ART

Pattern by *FeliDae84 on deviant ART

Whisper by *FeliDae84 on deviant ART

daily inspiration #6

2010-09-08T22:47:00.000+02:00

es wird mal wieder Zeit für ein paar schöne Bilder...wie immer freuen sich die Künstler über Feedback :O)

-contentedness- by *virginval on deviant ART

What have I done? by `kuschelirmel on deviant ART

VER XI by ~MarcoHayek on deviant ART

-wolven- by *Obscurae on deviant ART

Fotografiertes

2010-09-06T22:46:00.000+02:00

watch this by ~Tattoomaus78 on deviant ART

pure by ~Tattoomaus78 on deviant ART

white by ~Tattoomaus78 on deviant ART

Schni-Schna-Schnecke by ~Tattoomaus78 on deviant ART

what do you want..., tiger? by ~Tattoomaus78 on deviant ART

Mein Tag ist gerettet....

2010-05-17T21:11:00.001+02:00

"We’re really happy to announce that our forthcoming album “Beyond Hell/Above Heaven” will be released in Germany on September 10th and in most parts of Europe and UK on September 13th by Vertigo/Universal...."

Eeeeeeeeeeeendlich hat das Warten ein nun absehbares Ende. Meine Lieblingsband veröffentlich am 10. September ihr neues Album "Beyound Hell/Above Heaven"

Und per Newsletter gab es auch schon eine kleine Kostprobe vom neuem Album mit dem Song "A Warrior's Call" ...den gibts natürlich auch auf youtube....typischer Volbeat-Sound...das lässt ein knaller Album erwarten...

"New Song"

....ich freu mich sooooooooooo...

Hier noch die aktuellen Tourdaten:
02.11. Düsseldorf Philipshalle
03.11. Ludwigsburg Arena
04.11. München Zenith
13.11. Chemnitz Arena
14.11. Berlin C-Halle
15.11. Hamburg Sporthalle

Volbeat ich kooooooooooooooooommmmmmmmmmmmmmmmeeeeeeeeeeeeeeeeeee.....

Wer noch?

Ich bin sichtbar schöner...

2010-05-17T20:17:00.002+02:00

Die Proben aus meinem Buzz-Kit sind nun alle verteilt und aufgebraucht und ich muss sagen, ich und jeder meiner "Mitbuzzer" war angenehm überrascht.

Mein Eindruck:

Dove VisibleCare Dusch-Creme

Die Duschcreme ist weiß und die Konsistenz ist dickflüssig und cremig und daher sehr leicht zu dosieren. Das sie etwas dickflüssiger ist als das Duschbad, das ich sonst verwendet habe, finde ich sehr angenehm. Dadurch lässt sich die Duschcreme leicht auf der Haut verteilen und schäumt auch etwas auf nicht zu viel und nicht zu wenig finde ich. Bereits beim eincremen merke ich wie zart die Duschcreme sich auf meiner Haut anfühlt, die pflege ist spürbar, finde ich.

Der Geruch der Duschcreme ist sehr angenehm. Auch auf der Haut kann man diesen Duft noch leicht riechen. Die Haut fühlt sich sauber und schön gepflegt an. Bei regelmäßiger Anwendung wird die Haut tatsächlich weicher und ist nicht mehr so schuppig.

Bei diesem Produkt trifft das Herstellerversprechen voll zu, und hat mich restlos überzeugt, so dass ich mir gleich einen kleinen Vorrat angelegt habe.

Dove Visible Effects Body Lotion

Die Lotion lässt sich sehr gut dosieren. Die Konsistenz ist angenehm und lässt sich sehr leicht verteilen und zieht auch schnell ein. Schon nach einer Minute kann man sich anziehen, ohne das die Klamotten am Körper kleben. Meine Haut reagiert nicht allergisch, also keine Rötungen, kein Jucken und kein Brennen. Die schnell einziehende Lotion hinterlässt keinen Fettfilm. Die Haut ist zart und geschmeidig. Auch nach Stunden scheint die Haut noch gut mit Feuchtigkeit versorgt zu sein.

Der Duft ist zart, frisch und unaufdringlich und harmonisiert mit den Dusch-Cremes von Dove VisibleCare. Ich nutze gerne Parfüms. Die Body Lotion konkurriert in keiner Weise mit den Düften.

Die Lotion pflegt sehr gut und seit der regelmäßigen Benutzung empfinde ich meine Haut als weicher und geschmeidiger.

Fazit: Restlos überzeugt bin ich von der Duschcreme. Ein tolles neues Produkt dass ab jetzt nicht mehr in meinem Badezimmer fehlen darf. Die Bodylotion ist gut, aber ich empfinde sie als weniger revolutionär als die Duschcreme.

Meinung meiner "Mitbuzzer"
Mein Ehemann schließt sich meiner obigen Meinung in jedem Punkt an. Auch er ist von der Duschcreme restlos begeistert und ebenso von der Bodylotion (die er häufiger benutzt als ich)

Freunde, Verwandte und Kollegen, die ich mit dem Buzzkit versorgt habe waren ebenfalls durchweg positiv überrascht. Die Rückmeldungen waren immer die Gleichen: Toller, sofort spürbarer Pflegeeffekt, zarter und sehr angenehmer Duft, und vor allem bei der Duschcreme endlich mal etwas neues – das, im wahrsten Sinne des Wortes, cremige Gefühl bereits beim duschen.

Auch hier konnte die Duschcreme wieder etwas mehr Punkten als die Bodylotion.

Vielen Dank für die tolle Aktion.

Jaaaaaaaa...ich bin nun sichtbar schöner ...ok ok...meine Haut zumindest...der Sommer kann kommen... ;O)

Ich bin ein Buzzer...

2010-03-28T20:54:00.001+02:00

...und stolz darauf ;O)

Ich darf wieder etwas testen und zwar über das Portal buzzer.biz. Dieses mal die neue Dove VisibleCare Dusch-Creme und die Dove Visible Effects Body Lotion. Seit Freitag sind beide Produkte fleißig im Einsatz. Na dann bin ich ja mal gespannt, ob ich tatsächlich sichtbar schöner werde *gg

Die extra Pröbchen habe ich auch schon fleißig verteilt. Es kann also gebuzzet werden was das Zeug hält.

check out this amazing guy!

2010-03-27T11:14:00.002+01:00

Die Sound-Kreationen entstehen allein mit seiner Stimme, Effektgerät und Loopstation. dubfx...ein Straßenmusiker vom Feinsten....

daily inspiration #5

2010-03-26T21:45:00.000+01:00

ich hab wieder ein paar schöne Bilder für euch...

virginval.deviantart.com

(mit Klick aufs Bild zur größeren Ansicht)

arite.deviantart.com

(mit Klick aufs Bild zur größeren Ansicht)

handro.deviantart.com
(mit Klick aufs Bild zur größeren Ansicht)

expressionata.deviantart.com
(mit Klick aufs Bild zur größeren Ansicht)

miah-art.de

2010-03-25T08:31:00.002+01:00

Hallo Ihr Lieben,

mein neustes "Werk" ist nun endlich online. Eine niegelnagelneue Homepage für eine liebe Freundin. Komplett inkl. cms made by me :o) ... Schaut doch mal vorbei und hierlasst liebe Grüße in ihrem Gästebuch ;o)

miah-art.de

Wie findet Ihr die Seite?

Hast du gute Augen?

2010-03-18T23:09:00.000+01:00

...ja? Dann mach diesen Test.... :O)

daily inspiration #4

2010-03-09T22:01:00.000+01:00

...ist das nicht süss?

the exchange of flowers-color

begemott.deviantart.com
(mit Klick aufs Bild gelangt ihr zu Galerie)

daily inspiration #3

2010-03-08T22:16:00.001+01:00

das Bild hab ich heute erst entdeckt..finde ich total beeindruckend...ich mag Mattepainting total gern...unbedingt auch das making-off ansehen....Respekt!

CITY_V44_SUNSET

chew-i.deviantart.com

(mit Klick aufs Bild gelangt ihr zu Galerie)

daily inspiration #2

2010-03-07T12:47:00.001+01:00

...weiter gehts....heute gibt es ein tolles Bild von virginval

--splash--

virginval.deviantart.com

(mit Klick aufs Bild gelangt ihr zu Galerie)

ich kann keinen Schnee mehr sehen...

2010-03-06T12:33:00.000+01:00

....da wacht man unschuldig und nichts ahnend auf...guckt aus dem Fenster...und was muss man sehen? Schnee!!! Schon wieder Schnee!!! Dabei war der doch zum Glück erst weg und es sah schon ein bisken nach Frühling aus. Da wird doch der Hund in der Pfanne verrückt...ich mag nich mehr...

daily inspiration #1

2010-03-06T10:26:00.000+01:00

Sodele, ab heute gibt es hier jeden Tag (ich geb mir Mühe das einzuhalten ;o) ) ein neues Kunstwerk zu bestaunen.

Den Anfang macht ein Bild von Miah/Mihray:

"i wanna do bad things with you"

mihray.deviantart.com

(mit Klick aufs Bild gelangt ihr zu Galerie)

Blogparade: Lieblingsserien

2010-03-01T16:11:00.004+01:00

Lori hat eine Blogparade ins Leben gerufen...Thema Lieblingsserien...

Na da mach ich doch mal mit und oute mich mal ;o)

Platz 1:

Verbotene Liebe - verfolge ich schon seit Jahren und komm einfach nicht davon los

Quelle

Platz 2:

Marienhof - kommt dirket nach VL und wird darum gleich noch mitgeguckt

Quelle

Platz 3:

Aktenzeichen XY...ungelöst - keine Soap, ich weiss, aber schau ich auch regelmäßig....immer wieder spannend, erschüttern und ab und an erfreulich

Quelle

Platz 4:

Anne und die Liebe - das ist mein Samstag-Nachmittag-Bügelprogramm (alle Wochenfolgen auf einmal)

Quelle

mein Fazit zum Hygienespülertest

2010-02-28T14:07:00.001+01:00

So, nun ist es ja schon eine Weile her, als ich das Päkchen mit dem Hygienespüler ausgepackt habe.

Getestet werden soll der Persil Hygiene Spüler. Das tolle, er beseitigt bereits ab 15° C bis zu 99,99% aller Bakterien. Darunter auch Pilze und Viren, wie z.B. Influenza. Okeyyy, meine Maschiene kann erst ab 30 Grad aber besser als nix. Also meiner Meinung nach der passende Spüler für alle die Kinder und Haustiere haben oder Sportbekleidung waschen möchten sowie natürlich auch prima geeignet wenn man eine Gemeinschaftswaschmaschine nutzt.

Die ersten Ladungen Wäsche sind nun gewaschen, getrocknet, gebügelt und auch schon wieder getragen. Das Waschmittel wird wie gewohnt verwendet. Zusätzlich gibt man dann noch eine Kappe (90 ml) zur Wäsche dazu. Diese kommt ganz normal in die Weichspülerkammer. Gewaschen habe ich alles bei 30 Grad (i.d.R. wasche ich zwischen 40 und 60 Grad, kommt drauf an)

Mein Fazit: Die Wäsche riecht sauber und frisch. Keine Flecken, alles sauber. Hautverträglichkein super. Insbesondere war ich bei der Wäsche der Hundedecken beeindruckt. Ein echter Härtetest für den Spüler. Die riecht nun sogar nach einer 30 Grad Wäsche schön sauber. Ob da nun tätsächlich 99,9 % aller Keime und Bakterien beseitigt sind, kann ich natürlich als Laie nicht beurteilen. Aber der Gedanke daran ist schon beruhigend und ich kann nun, ohne die Waschmaschine einmal bei 90 Grad "durchkochen" zu müssen, nach den Hundedecken auch gleich wieder meine normale Wäsche waschen.

Ich bin eine Grinsekatze...wusste ich es doch

2010-02-22T18:54:00.002+01:00

Mehr Infos zum Film ALICE IM WUNDERLAND

gefunden bei miri und gleich auch mal getestet ;o)

wenn der Postmann 3 mal klingelt....

2010-02-19T16:23:00.000+01:00

juhu.....mein Testpaket ist da....na dann wollen wir das gute Stück doch mal auf Herz und Nieren überprüfen...hübsch aussehen tut er ja schon malder Venus Spa Breeze....

...und dann kam heute auch gleich noch mein zweites Testpaket von trnd.com an. Sicher und gut verpackt ist alles heil angekommen, nichts ausgelaufen oder beschädigt. Es enthielt eine 1-Liter-Flasche des Hygiene Spülers für mich zum testen, Marktforschungsunterlagen, Projektfahrplan mit Infos, 50 Broschüren zum Thema Wäsche und Hygiene sowie 30 Hygiene Spüler Proben in niedlichen 90ml Fläschchen zum weitergeben. Die erste Maschine Wäsche läuft schon...

Design Resourcen

2010-02-14T15:09:00.000+01:00

schicke (Vektor-)Grafiken kann man doch gar nicht genug haben...

alle frei downloadbar und echt einen Blick wert...

Photoshop Tutorial - Smudge Painting

2010-02-05T17:40:00.002+01:00

Der Wischfinger erzeugt einen Effekt, als ob man mit seinem Finger nasse Farbe auf einem Blatt Papier verwischt. Aber er kann auch noch mehr. Mit diesem Werkzeug lassen sich in Photoshop zB. Fotos so bearbeiten, dass diese wie ein Gemälde aussehen. Wie du diesen Effekt erreichst, möchte ich in diesem Tutorial erklären. Also fangen wir einfach mal an.

Schritt 1:
Zunächst brauchen wir erst einmal ein Bild, welches wir in ein Gemälde verwandeln möchten. Hierbei ist es gleich, ob du ein Tier, eine Landschaft oder wie ich ein Portrait bearbeiten möchtest.
Ich hab mich für ein Portrait entschieden. Und zwar dieses hier:

Das kleine Kerlchen hab ich von www.sxc.hu.

Schritt 2:

So, ein Bild haben wir schon einmal. Dann kann es ja los gehen.

Als erstes müssen wir den Kontrast des Bildes erhöhen. Welche Methode du dafür wählst, bleibt dir überlassen.
Ich habe die Hintergrundebene einmal dupliziert. Danach den Ebenenmodus auf" farbig nachbelichten" gestellt und die Deckkraft auf 47 % gesetzt. Dies sind aber keine Standardvorgaben, da es immer auf das Ausgangsbild ankommt, wie viel mehr Kontrast dieses benötigt. Also einfach mal ausprobieren.

Bei mir sieht das nun so aus:

Schritt 3:

Jetzt benötigen wir das richtige Werkzeug um arbeiten zu können. Dazu habe ich hier im Downloadbereich die von mir verwendeten Brushes zur Verfügung gestellt.
Diese kannst du dir HIER runterladen. Eine weitere Möglichkeit wäre auch, die Standard-Werkzeugspitzen zu benutzen. Hierbei eignen sich am besten die natürlichen Werkzeugspitzen. Am besten ist es, alles mal auszuprobieren um zu sehen, mit was du am besten arbeiten kannst. Also wie gesagt, ich habe die von mir erstellen Brushes benutzt und auf diese beiden ist auch das Tutorial aufgebaut.

Schritt 4:

Nun gehts endlich richtig los.

Zunächst vergrößern wir unser Bild mit dem Zoomwerkzeug ein wenig um präziser arbeiten zu können.

Wir fangen in meinem Fall mit der Haut des kleinen Zwerges an. (Insofern du ein Bild mit mehr Hintergrund gewählt hast als ich, sollte zu erst der Hintergrund bearbeitet werden.)

Nun wähle ich das Wischfingerwerkzeug mit der "smugde"-Werkzeugspitze.

Setze nun die Stärke auf einen Wert zwischen 45 und 65 %.

Ich arbeite hier mit 50 %.

Nun fangen wir an mit dem Wischfinger wie mit einem Pinsel die Haut zu verwischen. Hierbei ist es wichtig, immer dem natürlichen Verlauf der Gesichtszüge zu folgen.
Achtet hierbei darauf, die Konturen nicht zu stark zu verwischen. An kniffligen Stellen lieber die Größe der Werkzeugspitze etwas kleiner wählen. Wie gesagt, wir verwischen nun die komplette Haut. Stell dir am besten dabei vor, du würdest ein Bild malen. Wichtig hierbei ist, nicht wie wild hin und her zu wischen. Sondern stätig in eine Richtung.

An dunkleren Stellen kannst du den Modus auf "aufhellen" stellen, um einen weicheren Übergang zu erzeugen. In der Regel steht der Modus jedoch auf "normal".

Wenn wir die Haut soweit fertig haben, sieht das Ganze nun so aus:

Als nächstes kommen die Augen, der Mund und die Augenbrauen dran.

Hierzu setzen wir die Stärke der Werkzeugspitze auf ungefähr 25 - 30 % und wählen eine kleine Größe. Nun verwischen wir ganz vorsichtig erst die Iris. Dies machst du am besten, indem du kreisförmig um die Pupille fährst. Achte bitte auch hier darauf, nicht den Übergang zwischen Iris und dem Weiß des Auges zu sehr zu verwischen. Gefällt dir die Iris so, kommt nun das weisse des Auges dran. Danach setzen wir die Größe der Werkzeugspitze noch weiter herunter und ziehen die einzelnen Wimpern nach.

Wenn das geschafft ist, widmen wir uns nun den Augenbrauen und dem Mund und gehen ebenso vor.

Nun sollte es in etwa so aussehen:

Sieht doch schon ganz gut aus, oder?

Aber die Haare fehlen noch. Und da das so nicht bleiben kann, kommen die nun als nächstes dran *gg

Hierzu wechseln wir unsere Werkzeugspitze und wählen den "hair"-brush.

Diesem verpassen wir eine Stärke von 60 - 75 %.

Nun verwischen wir die Haare. Das geht am besten, wenn man sich vorstellt, man würde diese Haare kämmen. Also auch hier wieder dem ursprünglichen Verlauf der Haare folgen. Hierbei aufpassen, dass der Übergang von den Haaren zur Haut nicht zu sehr verwischt wird. Sollte dies der Fall sein, dann bitte die Stärke der Werkzeugspitze einfach etwas niedriger einstellen.

Wenn nun auch die Frisur sitzt, sieht das Ganze so aus:

Toll, wa? *gg Aber ganz fertig sind wir noch nicht.

Ich habe nun mit dem Abwedler noch ein paar Highlights in die Haare, die Augen und auf die Lippen gesetzt, um das Ganze plastischer wirken zu lassen.

Nun ist es gleich geschafft.

Als Letzes wenden wir auf unser Bild den Scharfzeichnungsfilter "unscharf maskieren" an.

Hierzu stellst du bitte folgende Werte ein: 25/50/0

Dadurch werden nun die Augen etwas aufgehellt, dem Ganzen etwas mehr Tiefe hinzugefügt und die Schatten verstärkt.

Und siehe da...wir sind schon fertig und haben aus einem gewöhnlichen Foto in wenigen Schritten ein tolles Gemälde gezaubert.

Nun kann keiner mehr behaupten, er könne nicht malen *gg

Ich wünsche euch nun ganz viel Spaß beim Smudgen. Jedoch lasst euch gewarnt sein...Das kann süchtig machen *gg

Eure Tattoomaus

Hier noch zwei weitere Beispiele:

Versuchskaninchen

2010-02-01T19:23:00.001+01:00

Hatte ich heute doch tatsächlich so eine schicke pinke email in meinem Postfach. Bald bekomme ich ein Päckchen und dann darf ich entweder den neuen den neuen Gillette Venus Embrace oder den neuen Gillette Venus Breeze Spa noch vor dem offiziellen Verkaufsstart ausprobieren. Na dann bin ich ja mal gespannt.

Not macht erfinderisch....

2010-01-29T22:54:00.001+01:00

Was macht man, wenn einem das eigene Wohnzimmer zu leer vorkommt, man keinen Platz für seinen Krimskram und kein Bock auf 0815-Regale hat? Genau...man schnappt sich einfach ein paar alte Obstkisten und eine Leiter, stellt alles schick zusammen, Klimmbimm drauf verteilen und fertig sind die Designermöbel :O)

10 Dinge, die jeder (zukünftige) Webdesigner wissen sollte

2010-01-28T21:04:00.001+01:00

Es gibt viele Aspekte, ein Webdesign zu schaffen. Webdesigner müssen sich bei der Entwicklung eines neuen Layouts häufig in verschiedene Rollen hinein denken und eine Menge an Wissen über das Erstellen wirksamer und verwendbarer Seitenlayouts besitzen.

Die meisten Lektionen, die du im Webdesign lernen wirst, kommen mit der wachsenden Arbeitserfahrung. Das Ler nen ist ein sich immer wiederholender und nie endender Prozess und es gibt keinen besseren Weg neue Erkenntnisse zu gewinnen, als Fehler zu machen und dann aus diesen zu lernen.

In diesem Tutorial will ich euch 10 wesentliche und allgemeine Tipps, die jeder Anfänger im Webdesign wissen sollte, vermitteln.

1. Optimiere deine Webgrafiken für eine schnellere Seitenladezeit

Die Optimierung von Webgrafiken ist ein wesentlicher Aspekt für ein schnelles Laden der Seiten. Hierbei ist es wichtig, das richtige Format auszuwählen und sicherzustellen, dass das Bild von der Dateigröße her so klein ist wie es nur geht. Die richtige Auswahl des Grafikformats entscheidet wesentlich über Qualität und Ladezeit. Trotz des Zeitalters von schnellen DSL-Verbindungen sollte man nicht die Menschen vergessen, die mit wesentlich langsameren Verbindungen im Internet unterwegs sind. Läd eine Webseite zu lange kann es schnell passieren, dass der Besucher die Seite sehr schnell wieder verlässt und er wird wohl vermutlich auch nicht wieder kommen.

Hier nun eine allgemeine Regel, um das richtige Dateiformat auszuwählen:

Das GIF-Format besteht aus maximal 256 Farben und eignet sich in erster Linie für Bilder, die nur geringe Farbtiefen aufweisen. Besonders gut lässt sich das GIF-Format für Navigationselemente verwenden. Durch eine Farbreduzierung kann die GIF-Datei noch weiter verkleinert werden. Wegen der eingeschränkten Farbenzahl eignet sich das Format nicht für Fotos und Farbverläufe.

Das JPG-Format (auch JPEG) kann bis zu 16,7 Millionen Farben darstellen und eignet sich deshalb für Bilder, die mehr als 256 Farben enthalten wie zB. Fotos. Anders als beim GIF, wird beim JPG durch eine Datenreduktion die Dateigröße verringert. Eine Farbreduzierung wie beim GIF ist hier nicht möglich.

Beim PNG handelt es sich um ein schon recht altes Grafikformat. Es vereint die Vorzüge vom GIF und JPG. PNG-Grafiken können mit bis zu 48-Bit-Farben abgespeichert und trotzdem so gut wie verlustfrei komprimiert werden. Dargestellt werden kann das PNG mit einer Qualität von 16 Millionen Farben und 256 Tranzparenzstufen.

Das beste Mittel um die Ladezeit so gering wie möglich zu halten ist, so wenig Grafiken wie möglich einzusetzen. Vieles lässt sich auch einfach durch CSS realisieren - ganz ohne den Einsatz von Hintergrundgrafiken.

2. Halte dein Design sauber und einfach

Ein gutes Webdesign ist nicht nur dasjenige, dass visuell ansprechend aussieht sondern auch benutzerfreundlich ist. Ein sauberes und einfaches Webdesign zeichnet sich dadurch aus, dass es klar strukturiert ist ohne verwirrend auf den Besucher zu wirken.

Indem man zu viele Elemente auf einer Seite hat, riskiert man, den Besucher der Webseite vom eigentlichen Zweck der Webseite abzulenken. Stell daher sicher, dass jedes Seitenelement einen Zweck hat und beantworte dir die folgenden Fragen:

Braucht das Design das wirklich?
Was macht dieses Element und wie hilft es dem Benutzer?
Wenn ich dieses Element einfach entferne, werden die meisten Besucher es zurück wollen?
In welchem Verhältnis steht dieses Element in der Absicht, der Nachricht und dem Zweck zu der Seite?

Obwohl es sehr eindrucksvoll sein kann, immer wieder ein komplett neues Konzept oder Interface für deine Website zu präsentieren, sollte immer sichergestellt sein, dass das Design für den Besucher zugänglich und intuitiv bleibt. Menschen gewöhnen sich sehr schnell an bestimmte Muster, Seiteneigenschaften, Farben usw. und können bei einem völlig neu überarbeiteten Konzept schnell die Orientierung verlieren.

Sei kreativ aber halte es trotzdem einfach und übersichtlich.

3. die Navigation ist das wichtigste Element einer Webseite

Die wesentlichste Eigenschaft ist die Navigation einer Webseite. Ohne eine Navigation würde der Benutzer ziellos durch die Webseite irren. auf der er zufällig gelandet ist.

Erstens ist es sehr wichtig, genug Zeit und viel Planung in Navigationsstruktur einer Seite zu stecken.

Die Platzierung, der Stil, die Technologie (wird JavaScript oder CSS verwendet?), die Brauchbarkeit und Zugänglichkeit sind einige der Punkte, an die gedacht werden müssen.

Man sollte auch bei der Navigation auf die Menge der Menüpunkte achten. Auch so kann man Besucher vergraulen. Bis maximal 9 Punkte ist ok, andernfalls verlassen die meisten Besucher gleich wieder die Website da nicht jeder Lust hat die Navigation nach dem gewünschten Punkt zu durchsuchen.

Weiterhin sollte die Navigation auch ohne CSS für die reinen Textbrowser funktionieren. Textbrowser eignen sich besonders zur schnellen Recherche, da Bilder, Werbung und ähnliches gar nicht erst geladen werden.

Die Navigation sollte auch ohne den Einsatz von zusätzlichen Technologien wie zB. JavaScript zugänglich sein. Nicht jedem Besucher ist es möglich, auf seinem Rechner alles zu installieren, sei es aus Gründen der Sicherheit oder der Firmenpolitik.

Ganz wichtig ist, dass eine gute Platzierung an einer gut sichtbaren Position gewählt wird. Eine gute Navigation ist sofort sichtbar, sobald die Webseite lädt und ohne die Webseite nach unten rollen zu müssen. Auch hier gilt: Ein kompli ziertes und unkonventionelles Design kann zu Benutzerverwirrung führen. Der Besucher darf sich nicht einmal für einen Bruchteil einer Sekunde fragen: „Wo ist die Seite-Navigation?“. Außerdem sollte es leicht sein, Seiten auf höchster Ebene (wie die Titelseite der Seite) von jeder Seite aus zu erreichen.

Die Hauptaufgabe der Navigation ist, es den Besuchern zu ermöglichen mit wenigen Handlungen und mit so wenig Anstrengung wie möglich die gewünschten Inhalte zu erreichen.

4. Verwende Schriftarten klug und methodisch

Obwohl es Tausende von Schriftarten gibt, können nur eine Hand voll verwendet werden (zumindest noch so lange, bis CSS3 durch die Hauptbrowser völlig unterstützt wird).

Die richtige Schriftart ist für jede Webseite wichtig, denn sie beeinflusst die Art und Weise, wie der Besucher eine Seite wahrnimmt (zB ernst und formal oder freundlich und lässig). Neben diesem gibt es auch wichtige praktische Kriterien.

Auswahlkriterien für die passende Schriftart:

Passt sie zum Charakter der Webseite?
Ist sie einfach auf einem Bildschirm zu lesen?
Ist sie auf vielen Browsern und Betriebssystem vorhanden?

Bleib beim Gebrauch von Schriftarten konsequent und verwende nicht zu viele unterschiedliche auf einmal. Stell sicher, dass sich Überschriften von Texten abheben. Verwende Leeräume zwischen den Texten, achte auf die Schriftart-Größe und die Linienabstände um den Inhalt angenehm und mühelos lesbar zu machen.

Leider werden sehr häufig falsche Schriftgrößen verwendet weil der Webdesigner so viel Text wie möglich auf so wenig Platz wie möglich unterbringen will. Ein Fehler ist es hier, um Platz zu sparen, eine zu geringe Schriftgröße zu wählen. Auch wenn wahrscheinlich viele Menschen keine Schwierigkeiten damit haben, auch Texte in kleineren Schriftgrößen zu lesen sollte auch immer an ältere Personen gedacht werden oder an die jenigen, die eine Sehschwäche o.ä. haben. Eine gängige und gut lesbare Schriftgröße für die Texte sind 12 px.

Bei der Wahl der Schriftart ist es außerdem wichtig für normale Texte serifenlose Schriftarten zu verwenden und bestenfalls eine Zeilenlänge von maximal 70-80 Zeichen einzuhalten. Denn das Auge liest auf dem Bildschirm lange nicht so entspannt wie auf dem Papier. Zu lange Text und zu viele Serifen machen das Auge müde und strengen es zu sehr an.

5. Farbe, Zugänglichkeit und Farbblindheit

Neben der Wahl der richtigen Schriftart und -größe ist ein weiterer wichtiger Aspekt die richtige Farbwahl.

In jedem Fall sollte die Schrift leicht und klar zu lesen sein. Am traditionellsten und besten ist immer noch - nicht wie häufig angenommen schwarze Schrift auf weißem Hintergrund - sondern schwarze/dunkelgraue Schrift auf einem leicht abgetöten gräulichen oder bläulichen Hintergrund, da ein zu hoher Kontrast die Augen genauso schnell ermüdet wie ein zu geringer.

Verwende außerdem Farben, die für Besucher mit besonderen Formen der Farbenblindheit zugäng lich sind. Unter vischeck.com kannst du prüfen, wie Menschen mit den verschiedenen Arten der Farbblindheit deine Webseite wahrnehmen. Die Seite ist zwar in englisch aber selbsterklärend.

Einige Farbenkombinationen funktionieren nur gut, wenn die eine Farbe als Vordergrundfarbe statt als Hin tergrundfarbe verwendet wird. Nimm zB. dunkelblauen Text auf einem rosa Hintergrund gegen rosa Text auf dem blauen Hintergrund. Obwohl es sich bei beiden Fällen um eine identische Farbkombination handelt, unterscheiden sie sich stark in der Lesbarkeit. Es ist also nicht nur wichtig, eine gute Farbenkombination zu wählen sondern auch darauf an, die jeweilige Farbe für das richtige Element auf der Seite anzuwenden.

6. Es sollte für dich ein Bedürfnis sein, den kompletten Code selber schreiben zu können

Mit verschiedenen WYSIWYG-Editoren (Abkürzung für “what you see is what you get”) wie zB. Nvu-html-Editor, FrontPage, Dreamweaver, FCK Editor usw., die den Markt überschwemmen, ist es sehr einfach ge worden auch ohne großartige html-Kenntnisse zu haben, eine Seite zu entwerfen. Jedoch produziert der größte Teil dieser Editoren ein unnötig aufgeblähtes Codedurcheinander mit schlechter HTML-Struktur die es einem oft schwer macht, die Seite später zu aktualisieren oder zu ergänzen.

Indem du den Code selbst schreibst, kommst du mit einem sauberen, knackigen und knappen Code aus, wo es ein Vergnügen ist, diesen zu lesen und aufrechtzuerhalten. Ein Code, auf den du stolz sein kannst und deinen eigenen nennen kannst.

Das Wissen, wie man einen WYSIWYG-Editor oder einen IDE-Editor mit einer Sehvorschau verwendet, sollte einen nicht davon abhalten, HTML und CSS zu lernen. Du solltest immer wissen, was welcher Codeschnipsel bewirkt, wie man etwas ändert oder optimiert um ein gutes benutzerfreundliches und barrierefreies Webdesign schaffen zu können.

7. Vergiss die Suchmaschinenoptimierung nicht

Ein guter Webdesigner sollte immer an die Grundlagen von SEO denken, wenn er eine Seite entwirft. Zum Beispiel sollte der Webinhalt gut strukturiert sein und wichtige Elemente als Kernstücke hervorgehoben werden (Sei tentitel, Firmenbezeichnung, Überschriften usw.). Auch das setzt voraus, dass man lernt das Design selbst in HTML/CSS umsetzen zu können. Versteht man erstmal die Grundlagen von semantischen und auf die Standards gründeten HTML/CSS wird man auch sehr schnell begreifen, das divs optimaler sind als Tabellen für ein Weblayout. Und das nicht nur für eine genaue Darstellung des Seiteninhalts sondern auch für die Suchmaschinenoptimierung.

8. Denke immer daran, dass Menschen von Natur aus ungeduldig sind

Die meisten Menschen benötigen durchschnittlich nur ein paar Sekunden um zu entscheiden, ob sie mehr lesen oder weg zu einer anderen Seite surfen wollen. Deshalb musst du als Webdesigner einen Weg finden, den Besucher dazu zu bringen, auf der Webseite zu bleiben. Viele Besucher wollen nicht erst ewig nach unten scrollen, um den kompletten Inhalt der Seite anzusehen. Wenn das, was sie auf dem ersten Blick oben sehen, sie nicht interessiert, sind die meisten Besucher auch schnell wieder weg, ohne den wesentlichen Inhalt der Seite erfasst zu haben. Denke daher daran, immer alle wichtigen Elemente so zu platzieren, dass sie leicht sichtbar sind. Wobei diese aber nicht über die obere Hälfte der Webseite hinausgehen sollten. Zu langer Text auf der Startseite könnte den Besucher eher abschrecken und ihn dazu bringen, die Seite schnell wieder zu verlassen ohne weitere Seiten zu lesen. Betrachte die obere Hälfte der Webseite als Verkaufsstand oder Werbetafel. Sei ein "Verkäufer" und versuche deinen Besuchern zu vermitteln, dass genau diese Webseite das ist, was sie sehen wollen.

9. unterschiedliche Browserdarstellung

Ein weiterer Punkt, den du als Webdesigner beachten musst, sind die Marotten der verschiedenen Browser. Nicht jeder Browser stellt die Webseite so dar wie es ein anderer macht. Die Webseite sollte nicht nur mit ein paar auserwählten sondern mit so vielen Browsern wie nur möglich funktionieren um ein breites Publikum abzudecken. Zur Überprüfung der Darstellung deines Designs auf vielen verschiedenen Browsern eignet sich u.a. Browsershots sehr gut.

10. erstelle ein Design, dass flexibel und zeitlos ist

Ein guter Webdesigner stellt sicher, dass die Seite leicht aktualisiert oder in der Zukunft schnell und unkompliziert modifiziert wer den kann. Das Entwerfen von Webseiten, die veränderbar und leicht zu pflegen sind, zeichnet einen guten Webdesigner aus. Mach deine Arbeit so modular wie möglich und trenne Stile von der Struktur.

Gerade in der heutigen - sehr dynamischen und schnelllebigen - Zeit ist es wichtig, flexibles Webdesign zu erstellen um nicht auf einer Stelle stehen zu bleiben.

Credit:

An dieser Stelle ein großes Danke an Jacob Gube von sixrevision.com welcher so nett war mir die Erlaubnis zu geben seinen Artikel ins deutsche zu übersetzen und als Grundlage für dieses Tutorial zu verwenden.

Gänsehaut pur ...

2010-01-27T23:09:00.002+01:00

wunder...wunder...wunderschööööööönnnn....

all you need is love around the world...

2010-01-25T14:12:00.000+01:00

eben gefunden bei chic & schlau

...156 Länder singen gemeinsam für das Starbucks Love Projekt. Ich finde eine schöne Sache...einfach mal 4 Minuten Zeit nehmen und ansehen....

absolut perfekt....

2010-01-21T21:11:00.003+01:00

Ich bin stöbere ja gern mal bei vimeo rum und da bin ich gerade auf ein Video gestoßen welches ich Euch nicht vorenthalten möchte. Na eigentlich sind es zwei...ich bin echt blass vor Neid... diese Videos sind einfach perfekt umgesetzt und es ist absolut faszinierend, sich diese anzusehen.

Die Videos wurden nicht einfach mit der Kamera gedreht sondern mittels diversen 3D- und Animationsprogrammen von “The Third & The Seventh” erstellt. Die einzelnen Sequenzen wurden Computer generiert und somit komplett animiert. Diese Tatsache finde ich einfach unglaublich.

So, jetzt heißt es erst einmal,zurück lehnen und entspannen....die Musik dazu ist auch einfach wunderschön....

The Third & The Seventh from Alex Roman on Vimeo.

Kahn's Exeter Short Film from Alex Roman on Vimeo.

das making of dazu...

Exeter Shot -- Making Of from Alex Roman on Vimeo.

tatü tataaaaa...die (das) neue Commag ist da...

2010-01-21T19:13:00.001+01:00

falls jemanden die Antworten auf unser Interview interessieren....hier steht alles drin...und noch viel mehr.... ;o)

Gewinnspiel bei mi-rizzza

2010-01-21T18:38:00.001+01:00

Die liebe Miri hat ein tolles Gewinnspiel am Laufen. Zu gewinnen gibt es eine Kette von nerdbirds.de.

Wie man daran teilnehmen kann könnt ihr hier nachlesen. Ich drück mir mal selbst die Daumen ;)

I am in love with these pillows

2010-01-18T16:19:00.002+01:00

Da soll mal noch einer sagen, Sofakissen sind langweilig....

Quelle: clickforart.com

apropo Däne...

2010-01-18T01:24:00.001+01:00

...die Dänen können nicht nur hübsche Sachen aus Papier ausschneiden...nein...aus Dänemark kommt natürlich auch die (für mich) beste Band der Welt....ich freu mich jetzt schon auf´s nächste Konzert...jawohl

Papier ist nicht nur zum bemalen da...

2010-01-18T00:06:00.002+01:00

Der Däne Peter Callesen ist ein wahrer Scherenzauberer...wie "Edward mit den Scherenhänden" nur noch viiiiiiiieeeeellll besser und mit Papier. Er zaubert aus Papier wunderschöne Kunstwerke...

Quelle:
Peter Callesen

Ein Besuch der Webseite lohnt sich auf jeden Fall.

es ist vollbracht...

2010-01-13T23:31:00.000+01:00

...die Antworten zum Interview für die Commag sind fertig ...gibts aber jetzt noch nicht zu lesen....nimmt ja die ganze Spannung aus der Sache ;o)

Miss Unkreativ

2010-01-13T19:26:00.003+01:00

Nennt mich Miss Unkreativ. Das neue Jahr fängt so an, wie das alte aufgehört hat. Mit einer Kreativitätskrise. Egal ob beruflich oder privat...mir will einfach nix gescheites einfallen. Meine to-do-Liste wird länger und länger....Hilffffeeeeee

Zur Inspiration aber mal ein paar schicke Bildchen...leider alle nicht von mir aber von gaaaaaaaaaaanz lieben psd-tutorials-Leutchen ;o)

mihol.deviantart.com

virginval.deviantart.com

mihray.deviantart.com

zowawoom.deviantart.com

drezdany.deviantart.com

like my cat....

2010-01-12T21:28:00.000+01:00

ich liebe diese Videos :o)

mich hats erwischt....

2010-01-12T20:48:00.001+01:00

puh...nun hat es mich auch getroffen...ein Interview für die Commag...und ich stocke schon bei der Beantwortung von Frage 2 *gg ...na das kann noch was werden...jetzt weiss ich, warum ich mich soooooooooooo lange darum gedrückt habe...aber ich hab noch bis Donnerstag Zeit...

Hier mal die Fragen, die sich unser lieber Denyo für mich bzw. uns (ja, wir werden zu zweit interviewt ;o) ) ausgedacht hat:

1 Frau Königin, Herr König, ich freue mich, dass Ihr die Zeit für die Beantwortung meiner Fragen gefunden habt.
2 Bevor wir uns mit Euren Aufgaben im Forum und Eurem „Baby“ - dem Dark Art Bereich - beschäftigen, möchten Eure Untertanen (und alle anderen User) sicher ein wenig mehr über Euch erfahren - mögt ihr Euch in ein paar Sätzen vorstellen?
3 Noch einen kleinen Blick in die Vergangenheit: Könnt Ihr Euch noch an Euren Start im Forum erinnern? Wie seid Ihr seinerzeit hier gelandet und was war es, das Euch zum Bleiben bewegt hat?
4 Nun seid Ihr zwei das Herrscherpaar im Dark Art Bereich des Forums. Wie seid Ihr zu dieser Rolle gekommen und was unterscheidet Eure Aufgaben von denen der anderen Moderatoren?
5 Viele User schleichen sicher neugierig, fragend um den Dark Art Bereich herum, würden gern einmal den Kopf hineinstecken und einen Blick werfen. Wie würdet Ihr diesen Usern „die dunkle Seite von PSD-Tutorials“ in ein paar Sätzen erklären?
6 Den Dark Art Usern ist Eure Königswürde natürlich bekannt, für die User von „oben“ mag es etwas befremdlich sein. Erklärt doch bitte kurz, was es damit auf sich hat.
7 Für all die User, die sich gern im Dark Art Bereich bewerben möchten, aktuell vielleicht aber noch etwas zweifeln, ob es das Richtige für sie ist, habt Ihr nun die Gelegenheit, denen die Bewerbung etwas schmackhaft zu machen.
8 Auch Eure Untertanen sollen natürlich nicht zu kurz kommen: Gibt es etwas, dass Ihr denen mit auf den Weg geben möchtet?
9 Zum Abschluss lasst uns dann einen Blick in die Zukunft werfen: Was wünscht Ihr Euch für die Zukunft des Dark Art Bereichs und wo seht Ihr ihn in drei Jahren?
Frau Königin, Herr König, vielen Dank für das Gespräch, es war mir eine Ehre.

...die Antworten kommen dann später....versprochen

Daisy

2010-01-11T11:25:00.000+01:00

...nennen die einen "Wetterchaos" ...ich nenn es Winter...zwar blöd für die, die Auto fahren müssen aber trotzdem doch wunderschön anzusehen....

Charly jedenfalls findet den vielen Schnee klasse ;o)....