15 x Farbharmonie im deutschen Web

Manche Webseiten passen einfach, die Farbharmonie stimmt perfekt. Alles passt wie die Faust aufs Auge. Ich hab probiert euch 15 deutschsprachige Webseiten herauszusuchen, bei denen ich finde, dass die Farbharmonie mit dem Design sehr gut zusammen passt.

Farbharmonie-Sebastian-Krull

http://www.sebastiankrull.de

Farbharmonie-Kreatives-Leipzig

http://www.kreatives-leipzig.de

Farbharmonie-billomat

http://www.billomat.com

Farbharmonie-Tolingo

http://www.tolingo.de

Elmastudio

http://www.elmastudio.de

Farbharmonie-Bollerwagen

http://www.meinbollerwagen.com

Farbharmonie-Stadtsoldaten

http://www.cochemer-stadtsoldaten.de

Farbharmonie-ShortMoves
http://shortmoves.de/10/

Farbharmonie-Maturanahaus

http://www.maturanahaus.de

Farbharmonie-Figurenschneider

http://www.figurenschneider.de

Farbharmonie-Formrausch

http://www.formrausch.com

Farbharmonie-Innovation-Germany
http://www.innovation-germany.ca

Farbharmonie-Nusillu

http://www.nusillu.com

Farbharmonie-Schakal-Wal

http://cargocollective.com/schakalwal

Farbharmonie-the-four-element

http://www.thefourelements.de/

Was mir mittlerweile oft in diversen Portfolios / Webseiten auffällt, dass die Hintergrundfarbe Schwarz ausgestorben scheint. Sehr viele Seiten benutzen  Whitespace als Trennungsgerüst. Man kann sich bei Farbharmonien, immer ganz gut an den Jahreszeiten orientieren. Frühling: Grün – Sommer: Gelb / Orange – Herbst : Braun – Winter: Blau. Diese Farben in Kombination mit Weiß, setzen sich mittlerweile immer öfters durch. Zumindest nach meiner subjektiven Betrachtung. Wenn ihr die perfekte Farbharmonie sucht, könnt ihr euch gerne auch einen alten Beitrag von uns anschauen. Dort findet ihr Web-Tools die die Farbharmonie bestimmen können.

Tags: , , , ,

Abgelegt unter: Favorit Farbwolke, Linktipps

Showcase von elektronischer Musik | Webdesign

Dies ist ein Gastbeitrag von Philipp Elzner. Philipp studiert Multimediatechnik und bringt derzeit seine Diplomarbeit zum Abschluss, betreibt einen Musik Blog (http://www.house2electro.de), twittert (http://twitter.com/philipp09) gern, mag die Fotografie (http://www.flickr.com/photos/phlp) und schreibt Fundstücke des Webs in seinen Posterous Blog (http://dasmultimediablog.posterous.com).

Da ich ein Freund der elektronischen Musik bin, im Speziellen House, Electro, Minimal und Techno, möchte ich einige ausgewählte Webseiten der elektronischen Musikszene vorstellen. Bei einer Webseite handelt es sich um einen DJ-Musik-Shop, bei den anderen um Künstler der besagten Musikrichtungen. Nein, ich möchte es auf keinen Fall mit Hörern anderer Musik Genres verscherzen, ich möchte auch keinen zwingen, hier Musik zu hören, die nicht gefällt. In diesem Beitrag soll es lediglich um Folgendes gehen: Die Gestaltung, die Technik und die Farbwahl.

Ich habe versucht originelle und interessante Webseiten zu finden. Am Ende ist es eine Mischung aus flashbasierten und (X)HTML/CSS basierten Webdesigns geworden. Die ausgewählten Webseiten sind nicht immer die nutzerfreundlichsten oder schönsten, da es hier einfach darum geht, aktuelle Webdesign-Trends in dieser Szene aufzuzeigen.

Ein Trend ist die Nutzung von großen, aber auch eher kleineren Bildern der Künstler. Entweder als Hintergrund, Header oder einfach als grafisches Element der Webseite. Viele der Webseiten haben einen Musikplayer integriert, der automatisch beim Besuch Musik abspielt. Aus Usability-Sicht ist das sehr störend, aber da es sich um Musikwebseiten handelt, sehe ich den Einsatz als netten Zusatz, wenn nicht sogar als Notwendigkeit.

Farblich gesehen bieten die gewählten Webseiten einen bunten Mix: Strahlende, helle, lebendige Farben und dann auch ziemlich dunkle Farben. Die Farbe des Designs beschreibt meist auch die Stimmung der Musik des Künstlers. Warme sowie helle Farben (blau, pink, orange, grün) stehen meist für fröhliche und stimmungsvolle Housemusik, wohingegen sehr dunkle Farben (schwarz, grau) für die eher mystische Technomusik stehen. Flash dominiert bei solchen Webseiten, wobei insgesamt mit viel Liebe zum Detail gestaltet wurde und auch viele ausgefallene Ideen dabei sind.

Flash

Beatport / http://www.beatport.com/de-DE

beatport

David Guetta / http://www.davidguetta.com

davidguetta

Axwell / http://www.axwell.co.uk

axwell

Dirty South / http://www.dirtysouth.com.au

dirtysouth

Oliver Huntemann / http://www.huntemann.co.uk

oliverhuntemann

Flashelemente

deadmau5 / http://www.deadmau5.com

deadmau5

Fedde Le Grand / http://feddelegrand.com

feddelegrand

Verzicht auf Flash

Moguai / http://www.moguai.com

moguai

Stephan Bodzin / http://www.bodzin.de

stephanbodzin

Lexy & K-Paul / http://www.lexykpaul.eu

lexyandk-paul

Fazit

Der Trend geht leider in der Musikszene noch immer Richtung Flash. Doch warum eigentlich? Das kann ich auch nicht erklären, da in der heutigen Zeit doch fast alle Flashfunktionen (z.B. Musikplayer, Slideshow) mit anderen Techniken wie jQuery oder ähnlichem realisiert werden können. Flash sieht oft richtig schick aus, es macht bling bling, es bewegt sich etwas, Musik spielt im Hintergrund, vieles ist animiert. Der Einsatz von Flash ist aber sehr oft nicht zu Gunsten des Nutzers, da die Lade- und Reaktionszeiten dementsprechend lang sind.

Die Webexperten streiten sich schon seit Jahren über die Verwendung von Flash oder nicht. Der Streit wird mit Sicherheit auch noch viele Jahre andauern. Es wird empfohlen Flash wirklich nur zu verwenden, wenn es einen Mehrwert für eine Webseite bietet. Hier sei als Beispiel der Audioplayer, die Schrifteinbettung (sIFR http://de.wikipedia.org/wiki/Scalable_Inman_Flash_Replacement) oder die Videoeinbindung genannt. Dass es wirklich teilweise mit Flash oder sogar ohne geht, zeigen die letztgenannten Webseiten. Ich bin gespannt, wo der Trend in dieser Szene noch hingeht und was man webdesigntechnisch erwarten kann.

Dieser Beitrag ist Teil des Farbwolke-Tags:
Farbwolke-Tag

Tags: , , , , ,

Abgelegt unter: Farbwolke - Tag, Gastbeitraege, Musiker

Inspiration finden, aber richtig Teil 3

Heute möchte ich euch den 3. Teil unserer Reihe “Inspiration finde, aber richtig” vorstellen.  Der 1. Teil war eine Zusammenstellung von Internet Links und der 2. war ein Wegweiseer wie man ausserhalb der virtuellen Welt Inspiration finden kann. Heute möchte ich euch 10 CSS Showcases vorstellen, die mir öfters der Inspiration dienen.

1. CSS Mania

cssmania

www.cssmania.com

2. CSS Design

cssdesignfr

www.css-design.fr

3. CSS Showcase

cssshowcase

www.cssshowcase.co.uk

4. cssWOW

csswow

www.csswow.com

5. cssBurst

cssburst

www.cssburst.com

6. Best Web Gallery

bestweb

www.bestwebgallery.com

7. CSS Import

cssimport

www.cssimport.com

8. CSSelite

csselite

www.csselite.com

9. CSSREMIX

cssremix

www.cssremix.com

10. Web Creme

webcreme

www.webcreme.com

Tipp für Portfolio-Besitzer: Wer übrigens selber ein Portfolio betreibt, kann dies ja dort auch einreichen. Damit steigert ihr eure Besucherzahlen und eure Seite wird bekannter. Design ist International, also scheut euch nicht, eine deutschsprachige Seite einzureichen. Farbwolke & Martin-Neuhof.com wurden angenommen und ich kann aus eigener Erfahrung sagen, das diese Galerien echte Besuchermagneten sind.

Tags: , , , ,

Abgelegt unter: Inspiration finden

mediaCore studios

media-core

Name: mediaCore studios

Herkunftsland: Florida, USA

Farben der Seite: Blau / Weiß

Beschreibung: mediaCORE studios ist eine sauber gestaltet Webseite. Relativ simpel gestaltet mit kleinen Highlights. Die helle Präsentation überzeugt mit ihren Inhalten. Die Webseiten in der Rubrik “Showcase” sind gut aufgebaut und überzeugen mit einer guten Farbharmonie.

Google Pagerank: 3

Link: http://www.mediacorestudios.com

Tags: , , ,

Abgelegt unter: 2D, Agentur, Blog, Portfolio