Weil ich heute selber erst testen und probieren musste wie es geht, eine Anleitung für diejenigen, die ein ähnliches Problem haben. Ziel war die Gegenüberstellung von Werten ähnlich der Alterspyramide - manchmal ist so eine Darstellung doch schöner als ein normales Balken- oder Säulendiagramm. Und hier mein Ansatz:
Zuerst braucht man natürlich ein paar Werte. Damit das Ganze mit gegenüberstellen funktioniert, muss eine Spalte negative Werte haben - das muss man also machen.

Dann über Einfügen > Diagramm und das gestapelt Balkendiagramm auswählen.

Dann erhält man schon etwas, das dem Ziel nahekommt, allerdings stehen halt negative Werte in der Tabelle und auf der Y-Achse.

Um die negativen Werte wieder in positive zu verwandeln, bearbeitet man die Eigenschaften der Y-Achse (und das Zellenformat falls gewünscht). Als Zahlenformat nimmt man benutzdefiniert und dann tippert man "0;0" in das dafür vorgesehene Feld.

Dann noch ein bisschen bunt anmalen und fertig ist das Diagramm. Funktioniert in Excel und Calc.

Hat dieser Typ Diagramm eigentlich einen eigenen Namen?
Technorati Tags: diagram, visualization, Excel, Calc, tutorial

Mein Balkon hat jetzt einen sehr stylischen Ralleystreifen. Dadurch sieht er nicht nur viel sportlicher aus als vorher, nein, er ist jetzt auch wesentlich aerodynamischer:

Technorati Tags: handicrafts, DIY, home improvement, balcony

Nicht wirklich überlebensnotwendig, aber dafür umso schöner. Zumindest erkennt man relativ schnell Phasen, in denen ich eine Band oder ein Album (wieder)entdeckt habe.

Wer selber ausprobieren möchte, findet alle notwendigen Ressourcen bei last.fm.
Technorati Tags: tools, design, art, last.fm, visualization, statistics

Network Updates, Pulse oder wie auch immer die Funktion bei den verschiedenen Netzwerken heißt, das Prinzip ist mehr oder weniger identisch und auch ganz praktisch. Ich sehe wer neue Kontakte hat, einen Artikel geschrieben hat oder wie der momentane Gemütszustand ist. So weit, so gut.
Beim genauen Hinschauen ist mir dann aber aufgefallen, das der Umfang, die Komplexität und die Usability dieser Seiten nicht immer unbedingt in einem sinnvollen Verhältnis zum zu beobachtenden Netzwerk steht. Hier mal ein paar Screenshots der Dienste, die ich (mehr oder weniger) aktiv nutze: Xing, LinkedIn, Plaxo, MySpace und Facebook.

Was sofort auffällt ist die doch sehr unterschiedliche Länge dieser Seiten. Und in meinem konkreten Fall heißt dass sogar, um so weniger Kontakte ich in diesem Netzwerk habe, um so länger wird die Liste. Die kürzeste Übersichtsseite hat mit 160 Kontekten Xing, die längste mit 1! Kontakt hat Facebook.

Und in genau dieser Reihenfolge würde ich auch mal den Nutzen und die Nutzbarkeit der einzelnen Seiten betrachten. Auf Xing und LinkedIn alles schön übersichtlich, bei Facebook weiß ich nicht mal was ich da alles sehe - und ehrlich gesagt interessiert es mich auch nicht wirklich. Viel zu viele bescheuerte Widgets, Applikationen und Listen.
Bei aller Liebe zu Web 2.0 und Social whatever sollte man doch die Basics nicht vergessen: Einfachheit, Nutzbarkeit und Effizienz.
Technorati Tags: design, mind, Web2.0, quality, usability, social networks

Nachdem ich ja jetzt einen riesigen Bildschirm habe, musste ich etwas machen. Bisher war ich ja immer ein Freund von skalierenden bzw. fließenden Designs. Also egal wie groß der Bildschirm, wird der Content breitgezogen. Mein Laptop hatte mit 1440 Pixeln in der Breite bis jetzt die größte Auflösung und das war OK, der Text war immer noch lesbar. Als ich aber das erste Mal vor 1920*1200 saß, habe ich überhaupt nix mehr gefunden, weder auf dem Desktop, noch auf Seiten mit fließenden Layouts. Ich muss zwar weniger scrollen, dafür ist der Text nicht mehr lesbar, weil sogar eine Langbeschreibung bei Amazon in 2 Bildschirmzeilen passt (etwas übertrieben natürlich). Und deshalb gibt es hier jetzt auch ein Layout mit fixen Breitenangaben - natürlich weiterhin tabellenfrei. Ein paar kleine Fehler gibt es noch, aber generell sollte es doch hinhauen. Getestet habe ich auf Opera 7.22 und IE 7.0. Sogar mit Amaya 9.0 sah es ganz annehmbar aus, wenn es aber trotzdem fiese Probleme gibt, einfach Bescheid geben.
Ach ja, wegen den Credits und so. Inspiriert ist dieses Layout von SEO Position und N.Design Studio. Wer Interesse hat, es gibt jetzt dieses Design als Template für die phptemplate-Engine auf Drupal 4.4.
Technorati Tags: web design, redesign, layout, www.mad-arts.de, mad arts

Einer hat auf Anhieb erraten, welches Logo mein Favorit war und an genau diesem hab ich heute ein wenig gebastelt. Und weil es vielleicht hielfreich ist, zeige ich alle Schritte, die zum Ergebnis geführt haben.
Werkzeuge waren Inkscape und mein neues Wacom Volito 2. Weil ich noch nicht so geübt bin hat es knapp 2 Stunden gedauert, wahrscheinlich sind profis wesentlich schneller fertig.
Also auf geht's mit dem Tutorial: "How to create a glossy mad arts logo" beziehungsweise "Wie baue ich mir mein eigenes mad arts Logo".

Schritt 1 bis 4:
Los geht es ganz einfach mit einem Kreis, der dann mit einem schönen radialen Farbverlauf gefüllt wird und dann geklont. Mit dem Bézir-Werkzeug zeichnet man eine schöne geschwungene Linie und nutzt diese um den geklonen Kreis zu teilen. Ein teil wird gelöscht und beim anderen wird der Farbverlauf etwas abgedunkelt und leicht weichgezeichnet. Mit der selben technik werden werden noch zwei weitere Formen gemacht, die als Highlight udn Schatten dienen und schon haben wir eine schöne glänzende Kugel:


Schritt 5 bis 8:
Als nächstes wird mit dem Textwerkzeugt ein M geschrieben und auf eine brauchbare Größe gezogen. Jetzt habe ich etwas getrickst und paint Shop Pro verwendet um den Verzerrungseffekt zu erzielen. Das Ergebniss wird als Bitmap eingefügt und dann mit dem Bézier-Werkzeug nachgezeichnet, damit der Buchstabe in jeder AUflösung ordentlich ausschaut. Ist der Buchstabe OK, legt man ihn über die Kugel und der größte Teil der Arbeit ist geschafft:


Schritt 9 bis 12:
Nun nur noch das Finisch, das heißt der Buchstabe wird ebenfalls mit einem schönen Farbverlauf eingefärbt und geklont. Ein Klon wird verwendet um ein Mittelstück, ebenso wie in Schritt zwei beschrieben, herauszuschneiden, der als Highlight dienen soll.
Ein weiterer Klon des Buchstaben wird komplett schwarz gefärbt und mit etwas Weichzeichnen dient er als Schlagschatten auf der Kugen. Ein weiterer Klon der ersten Kugel wird ebenfalls zum Schlagschatten umfunktioniert. Das sähe dann alles so aus:


Wie gesagt, zwei Stunden hat es bei mir gedauert um diese Version des Logos zu bekommen. Es ist sicherlich noch nicht die finale Version, dafür muss ich noch ein paar Schriftarten ausprobieren, aber so oder so ähnnlich wird es schon aussehen:

Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art

So, der Übersichtlichkeit halber nochmal alle sieben Finalisten zusammen. Gibt es irgendwelche Wortmeldungen? Ich habe meine(n) Favoriten, beziehungsweise eine Ahnung an welchen Entwürfen weitergearbeitet wird.

Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art

Nach einer Woche ist es nun geschafft, heute der letzte Entwurf. Jetzt muss ich erstmal sacken lassen und dann geht es in die nächste Runde.

Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art

Vorletzter Tag, sechster Entwurf. So langsam wird es schwierig neue Ideen zu entwickeln. Eigentlich gab es alles schon mal irgendwie irgendwo.

Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art

Man mag es kaum glauben, am fünften tag gibt es jetzt den fünften Entwurf. Das heißt, dass es diese Woche noch 2 Entwürfe gibt und dann kommt der 2. Teil der Suche nach einem Logo - nämlich das Ausarbeiten eines der Entwürfe, bis ich wirklich zufrieden bin.

Was noch auf mich zukommt kann ich bisher nur erahnen, aber der Artikel Step-by-step logo gibt mir ein ungefähres Gefühl. Nur bin ich in diesem Fall Dienstleister und Kunde in einer Person. Zumindest bin ich sehr froh, dass es Inkscape gibt. Soviel habe ich schon lange nicht mehr gezeichnet. Und nächste Woche kommt auch mein Grafiktablett. Entschieden habe ich mich für das Wacom Volito 2. Ich konnte eigentlich keine wirklich schlechten Berichte finden und bei dem Preis kann man auch nicht so viel falsch machen - hoffe ich. Leider gab es am Mittwoch irgendwie einen Lieferengpass, so dass ich das Wochenende noch warten muss. Und ich hab mich so gefreut. Irgendwie bin ich es nicht mehr gewohnt auf irgendwas zu warten. Ich gehe immer automatisch davon aus, dass ich das Zeug am nächsten tag in der Hand halte, wenn ich vor 12:00 Uhr bestelle.
Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art, shopping, wacom, pen tablet