Mad Arts Factory - Design

Diagramme zum Vergleichen zum Selberbauen

Mon, 06 Oct 2008 18:28:50 +0200

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

Alexanders Hobbythek: Balkon

Mon, 02 Jun 2008 22:45:50 +0200

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

Sch�ne Statistiken

Wed, 21 May 2008 09:12:25 +0200

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

Social Networks: Nutzen vs. Nutzbarkeit

Wed, 16 Jan 2008 16:31:22 +0100

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

Neues Gewand f�r www.mad-arts.de

Thu, 16 Aug 2007 23:14:13 +0200

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

Logo basteln mit Inkscape

Thu, 12 Jul 2007 22:39:21 +0200

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

Auf der Suche nach einem Logo: Das Finale

Mon, 09 Jul 2007 12:55:48 +0200

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

Auf der Suche nach einem Logo 7

Sun, 08 Jul 2007 19:53:38 +0200

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

Auf der Suche nach einem Logo 6

Sat, 07 Jul 2007 16:58:14 +0200

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

Auf der Suche nach einem Logo 5

Fri, 06 Jul 2007 21:55:36 +0200

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

Auf der Suche nach einem Logo 4

Thu, 05 Jul 2007 21:53:46 +0200

Tag vier, Entwurf vier. Wahrscheinlich selbsterkl�rend, so dass ich nicht viel dazu sagen muss.

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

Auf der Suche nach einem Logo 3

Wed, 04 Jul 2007 16:01:37 +0200

Dritter Tag, dritter Versuch. Der Entwurf war eigentlich eher ein Unfall, weil ich beim Zeichnen mit der Maus verrutscht bin, aber als ich dann das seltsam auf der Seite liegende Gebilde, das an ein Unendlich erinnerte, war mir klar, das da nur noch zwei Pupillen fehlen. Und weil es noch ein bissl nackt war, etwas Schrift dazu.

Und weil wird gerade bei Schrift sind, wer nette Fonts sucht, sollte mal bei der Free Fonts Kategorie des Smashing Magazine vorbeischauen. Sowieso nur gro�artiger Content.
Und ich habe beschlossen mir ein Grafiktablett zuzulegen. Da ich in echt kaum mehr zum Zeichnen komme, ist das die perfekte Alternative f�r zwischendurch. Leider ist das wieder mit einer nervigen Suche nach passenden Produkten im Internet los. Wer also eine Idee hat, darf mich das gerne wissen lassen. Mehr als 100 Euro m�chte ich aber nicht f�r ein Grafiktablett ausgeben wollen.
Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art

Auf der Suche nach einem Logo 2

Tue, 03 Jul 2007 20:36:30 +0200

Tag 2, Skizze 2. Inspiriert von meiner Donnerstagsmalerei in einem vergangenen Fr�hling und Sommer kam das dabei heraus. Wie gehabt, es ist nur eine Skizze und ich hoffe, dass ich Ender der Woche ein Motiv habe, das ich weiter verfolgen kann.

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

Auf der Suche nach einem Logo

Mon, 02 Jul 2007 22:53:31 +0200

Die letzten Tage war es hier sehr ruhig und irgendwie war mir auch am Wochenende nicht wirklich nach kreativen Erg�ssen, die ihren Weg in dieses Blog finden sollten. Aber wenigstens habe ich mal wieder Papier, Bleistift und Fineliner in die Hand genommen um etwas zu scribblen. Nach 12 Jahren braucht die Mad Arts Factory nun mal endlich ein Logo. Und daran verzweifle ich nun gerade. Zu allem f�lt mir irgendwas ein, es gibt absolut fantastische Quellen der Inspiration wie den LogoPond, die LogoMaid, die LogoSauce, die LogoLounge, Web2Logo, Logotypes und und und.
Aber all die Inspiration f�hrt dazu, das ich noch ratloser bin. Also mal ganz klassisch mit Assoziation versucht. Und was assoziiert man mit mad oder arts? Klar, nichts. Zumindest ich nicht. Bis auf Milit�rischer Abschirmdienst, das Magazin oder bescheuert ist mir nix brauchbares eingefallen. Und zu art nur ein Pinsel. Das kann's doch wohl ech nicht sein.
Also ganz back to the roots (engl.: zur�ck zu den Wurzeln). Und was gibt es da? Genau, meine alte Signatur, die ich unter Bilder setz(t)e. Also hab ich mal versucht da was draus zu machen. Und das kam dabei raus:

Jetzt hab ich blo� das n�chste Problem. Wie bei allem, was ich mache, kann ich nicht wirklich einsch�tzen, ob das gut ist oder totaler Stuss. Deswegen versuche ich jetzt jeden Tag bis Ende der Woche (ja, ich versuche es wirklich) einen Entwurf f�r ein Logo zu ver�ffentlichen und ihr, die Leser, d�rft mir helfen ein neues Logo f�r die Mad Arts Factory zu finden. So ganz Web-2.0-und-user-generated-Logo-m��ig und so. Also, wer Hinweise, Anregungen, Kritik oder andere Antr�ge hat, darf kommentieren, eine Mail schreiben (logo AT ma0 DOT de) oder mich per IM anfunken.
Wie gesagt, der Krakel 3 cm h�her ist der Entwurf f�r Montag, also Nummer 1.
Technorati Tags: mind, logo, logo creation, inspiration, mad arts factory, mad arts, design, art

Jadgsaison er�ffnet: Der Preisbock

Wed, 06 Jun 2007 12:22:18 +0200

Seit gestern ist die Seite live(r als bisher), seit 9:00 Uhr kann man jagen. Die Rede ist vom Preisbock, einem Live Shooping-Dienst (oder b�sartig auch Woot-Clone) aus Jena.

Was macht den Preisbock anders, vielleicht sogar besser? Mal schauen.
Allererstens kommt der Preisbock aus Jena und ist daher aus Prinzip schon mal besser.
Nun gut, versuchen wir das hanze mal etwas objektiver und weniger lokalpatriotisch.
Was f�llt zuesrt auf? Genau, das Design. Im Vergleich zu den meisten anderen Live Shopping-Diensten besticht die Seite geradezu durch Originalit�t und Charme. Neben Hautstadtprodukt und Schutzgeld f�llt mir spontan keine andere Seite ein, die mal etwas mehr wagt, wenn es um die Optik geht.

Was f�llt sonst noch auf? Jingles als zus�tzliche Produktbeschreibung, die sonst aufs wesentliche beschr�nkt sind. F�r mehr gibts das Datenblatt als PDF. Ob man das mit den Jingles auf Dauer durchhalten kann, wei� ich nicht, eine lustge Idee ist es allemal. Was noch?
Die Seite wirkt, wenn auch auf eine ~~bockige~~ lustige Art, sehr produktlastig. Informationen, die mich, als ich das erste Mal Woot gesehen habe, fasziniert und interessiert haben, also Vekaufsstatistiken etc. oder Informationen, die man auf den klassischen Live Shopping Kan�len wie QVC sieht, also wie viel ist noch da mit Counter, fehlen. In der Erl�uterung steht, dass diese Informationen bewusst fehlen, um die Spannung zu halten. So lange es noch da ist, kann man auf den Kaufen-Button klicken.
Zu den Angeboten oder B�cken, wie sie hier hei�en, kann man noch nicht soviel sagen, es gibt ja erst ein Produkt. Das Startangebot selbst ist wirklich g�nstig und �berzeugt durch versandkostenfreie Zustellung. Ob das immer so sein wird, h�ngt sicherlich vom jeweiligen Verk�ufer ab.
Was bleibt noch zu sagen? Nat�rlich, das Fazit.
Also, der Preisbock ist ein wirklich sch�n anzuschauender und lustiger Live Shopping-Dienst aus dem Intershop-Tower (nicht zu verwechseln mit Intershop!). Die Firma dotSource hat mit diesem Dienst eine interessante Marketing-Plattform f�r eigene oder wie in diesem Fall die Kunden eines Genossenschaftsunternehmens, aber auch f�r andere Unternehmen, die Lust haben, diese Plattform zu nutzen. Es ist keine v�llige Innovation im Bereich Live Shopping, aber eine ansprechende Umsetzung dessen, was man heutzutage von einem solchen Dienst erwartet.
Bleibt nur noch zu sagen: Viel Erfolg.
Technorati Tags: internet, shopping, e-commerce, Preisbock, live shopping, Web 2.0, marketing