Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden. Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Flat Design bei Rechnungen, Mahnungen und anderen Geschäftsdokumenten
Irgendwie bin ich damit nicht zufrieden. Sieht zwar ganz schick aus, aber das gewisse Etwas fehlt irgendwie. Habt ihr da Anregungen?
Gerne können wir den Thread auch in eine allgemeine Diskussion über Flat Design im Print ausufern lassen. Ich finde das Anwenden von Flat-Zeugs zwar sehr schick, aber bei größeren Unternehmen würde ich das niemals machen – Druckkosten und Umwelteinwirkung...
Imho solltest Du Dich auf eine Farbe beschränken und nicht zwei komplett unterschiedliche Farben nehmen (hier blau und grün). Wenn schon, dann mehrere Farbabstufungen mit der selben Farbe.
Ansonsten würde ich die Tabelle nicht waagrecht durch Farbabstufungen aufteilen, sondern eher senkrecht die einzelnen Rechnungspunkte farblich abtrennen. Ich meine, dass das etwas mehr Übersicht bringt. Zwischen der dunkelgrauen Gesamtsumme könnte noch ein kleiner Abstand rein um es ein bisschen abzutrennen wie auf Link 2.
Mache das Ganze mit LibreOffice Calc, damit ich es später auch in eine HTML-Tabelle umsetzen kann.
EDIT: mir gefällt das dritte Beispiel ganz gut, aber ich denke ich werde das Grau noch etwas heller machen. Der letzte Entwurf ist das "Original" von oben.
Hmmmm
Wenn, dann das 4. von oben. Obwohl da immernoch 4 Farben sind.
Der Footer gefällt mir noch nicht so.
Wie waers alles ins blaue? Kleiner in Blöcken?
Der Text: bitte überweisen Sie ... Als normalen Text ins weiße. Am besten Zahlungsziel Tagen. Da nicht nochmal Betrag. Sondern allgemein.
Alle Daten Kto, Firma etc in Footer! Nur blau!
Das Blau koennte noch nen Touch anders. Oder ist das vorgegeben?
Warum sind die Daten oben rechts verschoben?
Stimme da codec zu. Das Vierte von oben sieht aus der Auswahl am angenehmsten aus. Was mich aber irritiert sind die viel zu vielen unterschiedlichen Schriftgrößen.
Alles blau finde ich doof, der Kontrast zwischen blau und grün gefällt mir schon ganz gut. Eventuell lässt sich auch noch ein Orange aus den Firmenfarben heranziehen.
Das mit den kleiner in Blöcken meinte ich: Unten im Footer die Kto Daten etc. Den Satz hätte ich weiter runter schreiben sollen
Das grün ist ok so. Also die 2 Knallfarben. hatte das unten gemeint im Footer. Statt blau und grau nur das blau???
Müsste man testen.
möchtest du eine andere Schrift vorschlagen? Hatte mich eigentlich mehr oder weniger schon für Museo Sans entschieden, Alternative wäre Oxygen. Copy&paste aus meinem internen Wiki:
[h=4]Anforderungen[/h]
„Kleingedrucktes“ lesbar
Als normaler Dokumentenfont einsetzbar
serifenlos oder Slab Serif
modernes, schnörkelloses Schriftbild
Ausstrahlung: Professionalität, Qualität
kleine Schriftgrößen auf Displays gut differenzierbar
Webfont kostengünstig, wenn möglich Open Font License / Open Source generell
also mir gefällt die Rechnung schon ganz gut. Auch die Schriftart ist okay, auch wenn ich selbst der Überzeugung bin dass es keine Kostenlosen (open source, etc.), professionellen Schriften gibt. Da fehlen oft wichtige Schnitte, man muss unter Umständen mit Faux Fett arbeiten, und dann ist eh alles im Arsch. Aber die von dir gewählte geht ja, für den hier verlangten Zweck.
Hier die Sachen die mir noch aufgefallen sind:
du mixt in deinem Entwurf allerlei Textausrichtungen. Dadurch entsteht viel Unruhe im Gesamtbild. Ebenso, was auch schon genannt wurde: Beschränk dich auf 3 Schriftgrößen. (Logo nicht mit eingerechnet). Allein das der Text in "Rechnungsnr.:..." oben rechts ein wenig größer ist als die Unterzeilen von "Entgelt für Leistung" ist schon recht unnötig. 3 Schriftgrößen die unterscheidbar sind, mehr brauchst du nicht. Mit so Einschränkungen zwingt man sich auch zu Standardisierung in Dokumenten. Das ist immer gut für den weiteren Gestaltungsprozess.
Ich habe noch ein paar Punkte hier markiert, auf die ich einzeln eingehe:
1 Die Adresse steht "Auf stoß" mit dem subjektiv wahrgenommenen Rand des Dokuments. Die würde ich einziehen, das hilft dir dann auch bei Punkt 3, der Bankverbindung. Abstände sind wichtig um einen geschlossenen Eindruck zu erwirken. Ein direkt an, wenn auch hier nicht direkt erkennbaren, Kanten angrenzender Textblock wirkt diesem Eindruck entgegen.
2 Selbiges hier. Text sollte nicht "auf stoß" mit Kanten liegen, gerade wenn diese wie hier so klar sichtbar sind. Auch hier würde ich den Text einziehen. Ich selbst setze Text nicht näher als 5 mm an Kanten, es sei denn man will bewusst selbige aufbrechen. In deinem Beispiel kann man evtl. auf 4 mm gehen, aber alles darunter sieht unbeabsichtigt aus.
3 Auch hier: Einziehen. Wenn du die Punkte 1&2 umgesetzt hast, müsstest du von oben (Adresse & "Entgelt für Leistung") wieder Gestaltungsachsen haben an denen du den Text ausrichten kannst.
4 Zentrierter Text... Ich selbst habe eine persönliche Allergie dagegen, aber manchmal ist es wohl nicht vermeidbar. Vor allem bei variabler Satzbreite wie bei dir (Durch den dort nochmals genannten Rechnungsbetrag). Ob ich den da unten nochmal nennen würde weiß ich nicht. Vermutlich würde ich eher "...den vollen Rechnungsbetrag bis Monatsende..." schreiben. Da hast du weniger Eventualitäten, mit denen du bei der Gestaltung Rechnen musst. (Z.b. , wenn das Geschäft gut läuft, Rechnungen mit Beträgen wie "12.345,67" die dir dann gerne mal den Satz sprengen.)
Ich persönlich würde da den Text auf der selben Linie wie die Bankverbindung (nach dem in 2 genannten Einzug) beginnen lassen, ebenfalls Linksbündig.
5 auch hier mehr Abstand, dieses mal zu den horizontal verlaufenden Kanten der Blauen Fläche. Ausgesparter (weißer) Text braucht auch immer nochmal zusätzlichen Platz um sich, um den selben Eindruck wie der restliche, nicht ausgesparte Text zu haben. Ebenfalls würde ich hier schauen ob du den weißen Text um 0,5 punkt größer machst als sein schwarzer Counterpart, um gleich groß zu wirken. Das gilt auch für die Kostenaufstellung (Gesamtpreis etc...), da sieht man auch sehr gut was ich meine. beide "123,00 €" Beträge sind "gleich groß" was die Punktgröße betrifft, wirken aber unterschiedlich.
6 genauer arbeiten. Ich weiß das klingt pingelig und nervig, aber Kanten und Linien in Dokumenten sind die uneingeschränkten Herrscher über das Dokument. Alles muss sich ihnen entweder sklavisch unterwerfen, auf den nanometer genau, oder vollkommen dagegen verstoßen. So 1 mm Lücken wie bei der grünen Fläche gehen nicht. Die lassen den "aus einem Guss"-Eindruck zerfleddern und vermitteln Unordnung.
So, das wärs erstmal.
Oha, doch nicht: "Pos Art. Nr." muss in eine Zeile. Nur bei einem Punkt da Zweizeilig werden ist unsinnig, und der Abstand zur Oberkante der grauen Fläche auf der der Text liegt ist dadurch auch viel zu klein.
So, jetzt aber.
PS: ich hoffe das war jetzt nicht zu harsch. insgesamt gefällt mir dein entwurf sehr gut, schön klar und strukturiert, und ohne unnltigen schnickschnack, so wie es sein sollte wenn man eine Rechnung gestaltet.
Punkt 6 kapiere ich nicht, da hab ich den Text in der Tabellenzeile ausgerichtet (mache das mit LibreOffice Calc, weil es später ne Weile damit verwendet wird und dann als HTML-Layout umgesetzt wird).
Sind jetzt auch insgesamt 3 Schriftgrößen (Überschrift, kleiner Text, großer Text).
Das Pos./Art.Nr. soll in zwei Zeilen, weil Position und Artikelnummer bei den einzelnen Rechnungspositionen auch in zwei Zeilen kommen. Bisher ist da ja nur die Position drin, die Artikelnummer kommt noch
Ich bewerte das jetzt einfach mal als neutrale Person. Hab mit Absicht keine vorherigen Beiträge gelesen.
Der Gesamteindruck stimmt überhaupt nicht. Es wirkt überhaupt nicht serios. Außerdem so wenig Farben wie möglich verwenden, das geht ins Geld und du verbrauchst mehr blau wie schwarz.
Firmenlogo kommt noch eins dazu?
Soll jetzt echt nich böse gemeint sein, aber ich würds an deiner Stelle nochmal komplett lóschen und dir was neues überpegen
Kannst du das weiter ausführen? Geld für Druckfarben hab ich gerade noch so
Warum wirkt das für dich nicht seriös? Für manche Menschen wirkt auch meine Praxis, die Leute zu duzen, nicht seriös.
Firmenlogo gab es mal eins, aber das wird im Moment zugunsten der Wortmarke mit Sonderzeichen (crunch*) überarbeitet. Eventuell kommt auch wieder eins, ich will mich da bei meiner eigenen Firma einfach mal ausprobieren und auch etwas unkonventioneller wirken.
Aber die von dir gewählte geht ja, für den hier verlangten Zweck. 
