springers54 / reiki

0 stars 0 forks source link

Musterlayout für Zertifikate erstellen #90

Closed springers54 closed 6 years ago

springers54 commented 6 years ago

Neulich sprach mich ein Schüler an, dass meine Zertifikate ziemlich antiquiert sind und ganz Unrecht hat er nicht. Im Moment nutze ich noch die alten Zertifikate, die jetzt zu den neuen Seite gar nicht mehr passen.

Darum würde ich von dir eine Vorlage brauchen, die Schriften, Größen und Layout enthält. Ich würde oben im Banner auch wieder nur das jetzige Seitenbanner verwenden. Das alte Layout sieht so aus: grafik Ich kann dir die entsprechenden Word-Dateien schicken.

Auf der Rückseite habe ich immer die Lehrerlinie gedruckt grafik

Alternativ würde die Möglichkeit bestehen, sowohl die Lehrerlinie als auch das Zertifikat auf eine Seite zu bringen. Das würde Druckkosten sparen. Da Schüler die Zertifikate oft einrahmen, ist ja bei der doppelseitigen Variante die Linie eh nicht zu sehen. Vielleicht könnte man die Abfolge der Namen auch in den Fußzeilenbereich der Seite integrieren.

Wozu ich noch Ideen brauche: Viele Schüler machen verschiedene Ausbildungen. Wenn jedes Zertifikat gleich ausssieht und sich nur um Text unterscheidet, ist es langweilig. Ich habe darum teilweise die Farbe verändert, z.B. für Kundalini-Zertifikate Lila Schrift anstelle der Blauen bei Reiki-Zertifikat und sofern es mir möglich war, rechts andere Bilder eingesetzt. Manchmal Symbole aus dem jeweiligen System, oder ein Bild, wenn es keine Symbole gibt.

Schön wäre es, wenn ein System als Einheit zu erkennen ist, zumindest bei den Hauptsystemen. Das sind Usui, Kundalini, Engel-Ki, Shamballa, Karuna.

joergsteinhauer commented 6 years ago

Du brauchst also ein Dokument, welches man ausdruckt? Genrell würde ich auch einseitiges Dokument machen, weil man es ausdruckt und einrahmt. Außerdem würde ich das ganze Styling an die neue Website angleichen. Also: gleiche Farben, Flächen, Icons etc.

Ich sehe noch nicht ganz durch, aber sind das nicht diese 6 Systeme? https://zen-reiki.de/system/ Dann lohnt es sich, die Icons mit zu verwenden.

Brauchst du ein Dokument, welches du selber anpassen kannst? Also Word-Datei? Das wäre suboptimal, da man im Word weniger gut gestalten kann (das ist eine Krüke für solche Zwecke). Meist zerscheßt es auch das Layout, wenn man unterschiedliche Word-Versionen verwendet. Besser wäre es, wenn ich dir am Ende eine PDF gebe. Ich würde es in einem passendem Grafik-Programm erstellen (InDesign, Illustrator, Photoshop etc.).

Schicke mir bitte alle vorhandenen Ddateien, damit ich mir ein Bild machen kann.

springers54 commented 6 years ago

im Prinzip ist mir das am Ende egal, in welchem Programm das gemacht wird. Für die Lehrer wäre schon PDF sinnvoll, weil da sich nichts verschiebt. Allerdings brauchen wir dann sowas wie ein Formular, da wir jedes Mal den Namen und das Datum ändern müssen.

Früher habe ich das mal über einen Seriendruck gemacht, aber das hat sich auch nicht bewährt. Die Namen aus der Homepage rauszukopieren und einzusetzen, ist in Ordnung.

Die 6 Systeme sind die Grundsysteme. Die unten auf der Seite aufgeführten Systeme können eine einheitliche Gestaltung habe, wo nur der Name des Systems geändert wird. Darüber hinaus weihen manche Lehrer noch andere Systeme ein, diese sollten auch nur die Grundgestaltung haben.

Um den Aufwand nicht zu groß zu machen, schlage ich vor, erst mal das Usui-Zertifikat zu gestalten und im Hinterkopf das Konzept zu behalten, dass es mehrere Systeme gibt und bei den meisten Systemen auch mehrere Zertifikate, also mehrere Grade.

Ein paar Muster habe ich dir eingefügt. Vielleicht reicht das erst mal für einen Eindruck. Auch ein paar Lehrerlinien.

springers54 commented 6 years ago

Bis wann kannst du einen Musterentwurf fertigstellen?

joergsteinhauer commented 6 years ago

In nächsten Tagen, evtl. in einer Woche erst. Habe derzeit viel zu tun. Melde mich hier bald

joergsteinhauer commented 6 years ago

Habe jetzt auf die schnelle geschafft einen ersten Entwurf zu basteln, ganz schlicht und passend zum neuen Website-Stil:

Was kann/soll/muss noch angepasst werden? Ideen? Wünsche?

zen reiki zertifikat_zeichenflache 1

springers54 commented 6 years ago

Das Seitenlogo wirkt verloren im Layout, es ist einfach zu klein. Vielleicht sollte man in der Kopfleiste nicht nur das Wort Zertifikat schreiben, sondern Reiki-Zertifikat

Die Zertifikate werden unterschrieben, das passierte auf der Punktlinie. Außerdem ist links der Bereich, wo bei mir das runde Siegel aufgeklebt wird. Hier nochmal ein Bild mit dem Siegel zertifikat

Außerdem wollten wir die Lehrerlinie ja mit auf die Seite setzen, der Platz dafür ist mir noch nicht klar.

Weiterhin wäre meine Frage, wie unterscheiden sich z.B. Usui 1, Usui 2, Usui 3 von einander? Nur durch den Text in der Mitte? Dann haben wir wieder das Problem, dass es ziemlich langweilig wirkt.

Schlecht finde ich es aber nicht, gebe eben nur die Dinge zu bedenken.

joergsteinhauer commented 6 years ago

Ich habs noch mal angepasst.

Das Logo ist nun größer. Der Kreis neben der Unterschrift ist der Platz für den Siegel. Die Zertifikate unterscheiden sich im Namen UND im Icon, dieses ist jetzt im dunklen Kreis. Du hast ja bereis auf der Website überall entsprechende Icons eingefügt. Ich nehme an, diese ist für jeden Reiki-Bereich definiert und unique.

Insgesamt habe ich das Design an das jetzige Webseiten-Design angepasst, macht ja so Sinn.

zen reiki zertifikat_zeichenflache 2_zeichenflache 1

springers54 commented 6 years ago

Logo ist besser so, der dunkle Kreis gefällt mir unten nicht, da fand ich das helle besser im ersten Entwurf.

joergsteinhauer commented 6 years ago
springers54 commented 6 years ago
joergsteinhauer commented 6 years ago

Ok, wenn wir nicht genug Bilder/Icons haben, dann bleibt uns nur der Text. Den würde ich in so einen Kreis einsetzen. Der Kreis hat den geschwungenen Logo-Kreis als Element mit verbaut, ich finde es ganz chick so und das lockert alles bissel auf.

Zusärtzlich könnte man die Schrift im Kreis in der gleichen Schriftart setzen, wie das Logo (dafür müsste ich wissen bzw. nachschauen, was das für eine Schriftart ist).

zen reiki zertifikat_zeichenflache 2_zeichenflache 4

springers54 commented 6 years ago

Meine Schrift ist Ruach Ich würde es auch so vorschlagen wie du es jetzt gemacht hast. Dort wo wir Bilder haben nehmen wir die Bilder und den Text und dort wo wir keine haben nehmen wir da ein Kreis mit einem Schriftzug das sollte dann ausreichen. Die Vektorreservierung halte ich nicht für erforderlich. Die Zertifikate werden ja nur durch uns erstellt und nicht professionell gedruckt. Dafür sollte die Qualität ausreichen.

joergsteinhauer commented 6 years ago

Mit "Bildern" meinst du "Icons"?

Also ja, man kann durchaus mixen - mal Icon + Text, mal nur Text. wobei ich es dan nicht ganz so konsequent finde. Wenn, dann würde ich nur Text lassen. Aber entscheide du.

Hier dann noch die zwei Varianten.

Die Icons sind z.z. nun mal wirklich so klein, dass die Verpixelung arg zu sehen wird. Ich empfehel die Icons zu vektorisieren. Dauert auch nicht lange. Wenn ich weiß, welche das sind, brauche ich 15 min. Wo hast du diese Icons überigens her?

zen reiki zertifikat_zeichenflache 2_zeichenflache 5-1 zen reiki zertifikat_zeichenflache 2_zeichenflache 5-2

springers54 commented 6 years ago

Da, wo wir Icons haben, gefällt mir die Darstellung nach Bild 2 am besten. Ich glaube, ich würde unten keine Ruach Schrift verwenden. Mir scheint das zu überladen. Die meisten Icons waren beim Theme dabei. Einige habe ich aus einer Bibliothek gesucht. Diese müsste ich auch ein etwas größerer Auflösung noch haben. Wenn ich am Rechner bin, suche ich dir die Icons raus. Bin im Moment nur auf dem iPad

springers54 commented 6 years ago

So, jetzt am Rechner. Einige Icons sind von https://www.flaticon.com/ Man musste die Bildrechte nur im Impressum erwähnen. https://www.dropbox.com/home/Wordpress_Media/Icons dort sind einige abgelegt und du hast Zugriffsrechte auf den Ordner

Für die 6 Hauptsysteme würde ich die Bilder der icons verwenden.

Sollte man anstelle des farbigen Kreises nicht doch nur lieber das Logo (also schmaler goldener Ring auf weißem Grund) nehmen und dann den Text in der Mitte auch in der goldenen Schrift setzen? Der Balken oben, wo das System drin steht und der gelbe Fleck unten ist vielleicht etwas zuviel des Guten. Und auch hier scheint mir die Ruach-Schrift zu ablenkend, zumal wie auch sehr lange Texte haben so wie Kuthumi-Tierlichtheilung.

joergsteinhauer commented 6 years ago

Ok, Flatiocn ist gut. Der Link zur Dropbox geht so aber nicht ;) du musst da schon den korrekten Dropbox-Link kopieren (Rechtsklick im Ordner ...)

Ja, im Impressum sollte man angeben, dass Icons von Flaticon stammen. Im aZTertifikat muss das nicht unbedingt sein, ist ja nur intern und wird nur an eine Person ausgehändigt, interessiert da ja keinen.

Gut, dann nehmen wir für die 6 Hauptsystem die Icons - bitte zähle mir diese System auf und die dazugehörigen Icons.

Zu deinem Vorschlag mit dem Kreis: würde man den Kreis wie im Logo nehmen und mitten drin den Text setzen, müsste der Kreis relativ groß werden und der Text kleiln, damit der Text nicht an den orangenen Rand des Kreises anschließt. Ich würde das eher schon so lassen, wie in meinem Vorschlag. Finde es auch nicht übertrieben. Dafür könnte man den gelben Hintergrund beim "Grad" entfernen. Und ich nehme die normale Schrift für alle Texte, da hast du Recht.

springers54 commented 6 years ago

Bin gerade wieder nur am iPad. Die Seite Systeme kannst du über den Menüpunkten Regie Ausbildungen aufrufen die hattest du ja auch noch gestaltet. Dort hast du oben die sechs Hauptsysteme, und darunter die anderen weiteren Systeme. Dort siehst du auch die Icons. Zum Dropbox Ordner hattest du damals schon Zugang. Du bist in meinen Freigaben drin. Ich hatte dir den WordPress Media oft nur damals freigegeben. Wenn ich wieder am Rechner bin, kann ich die Freigabe aber noch mal wiederholen und dir den Link schicken. Die gelbe Farbe hinter den Systemen würde ich unbedingt lassen. Das gibt der Seite etwas Struktur.

So, jetzt die Links: https://www.dropbox.com/sh/7xkk2qv18s39hmp/AAD9g69z0vWh6KjNBFQ6CG_Qa?dl=0 https://zen-reiki.de/system/

joergsteinhauer commented 6 years ago

Ok, hast Recht, ich habe den Ordner vor paar Monaten aus meiner Dropbox entfernt, weil nicht mehr gebraucht. Habs jetzt wieder.

Habe nun auch fast alle Icons als Vektor runtergeladen und auch in der Dropbox abgelegt.

Einzig finde ich das Icons für "Shamballa-Reiki" nicht. Kannst du es bei flaticon ausfindig machen und mir den direkten Link schicken?

Ok, dann lassen wir den gelben Hintergrund, sieht ja auch gut aus.

springers54 commented 6 years ago

https://www.flaticon.com/free-icon/fukuoka-prefecture_12911 ich musste aber auch eine Weile suchen, bis ich dahinter gekommen bin, wie ich das damals gemacht habe.

joergsteinhauer commented 6 years ago

Ok, so hier dann finale Versionen. Oder hab ich was übersehen? Ein mal ohne Icon und ein mal mit.

Jetzt ist die Frage, wie ich die Grafiken/Dokumente bereitstellen soll? Welches format - PDF ...? Inwieweit soll das editierbar sein?

zen reiki zertifikat_zeichenflache 2_zeichenflache 6-2

zen reiki zertifikat_zeichenflache 2_zeichenflache 6-1

springers54 commented 6 years ago

Ich bin immer noch am Überlegen, ob es nicht sinnvoll ist, immer die Icon-Variante zu nehmen, die darunter gefällt mir nicht so wirklich. Ich würde dann ein Icon für "Sonstige Systeme" suchen. Das wären dann alle, die kein spezielles Icon bekommen und die sich nur durch den Schriftzug darunter unterscheiden.

Ich brauche eine editierbare Datei, wie Word, Abstände und Größen müsstest du vorgeben. Jedes System hat eine eigene Lehrerlinie, ich brauche also von dir nur ein Muster und die Grafiken, den Rest kann ich selbst machen. Da jeder Lehrer eine andere Linie hat, müsste auch jeder Lehrer den Namen und die Linie editieren können sowie den Text darunter.

Ich kann dann PDF daraus machen, hier müssen der Name des Schülers und das Datum geändert werden können.

joergsteinhauer commented 6 years ago

Ja, die Variante mit "Sonstige Systeme" hört sich gut an, dann machen wir so.

Ok, also editierbare Vorlage. Word ist leider so ziemlich schlecht für solche Zwecke, da gefühlt jede Word-Software-Version die Vorlagen unterschiedlich behandelt. Angenommen ich würde es in der aktuellen Word-Version anlegen, so würde die Vorlage in einem alten Word-Programm zerschossen sein.

Bevor wir hier über Word weiter reden - können wir uns nicht auf ein anderes Format einigen? Etwas satbilieres? Es hängt eben ganz davon ab, wer die Dateien ausfüllen muss. Da ist man meist dann doch an eine Software gebunden.

Was ist mit EPS? Die kann man in etlichen Grafikprogrammen editieren. Oder Google Docs? Google nimmt ja rasant an Beliebtheit, es hat also an sich jeder, der eine Gmail Adresse hat und dazu braucht man keine Software.

springers54 commented 6 years ago

Google Docs wäre für mich auch ok. EPS ist eher für die anderen Lehrer nichts.

springers54 commented 6 years ago

https://www.flaticon.com/free-icon/swirl_12550 Dieses Icon würde ich für alle sonstigen Systeme nutzen wollen.

joergsteinhauer commented 6 years ago

Ok, ich habe nun bei Gogole Docs eine Präsentation erstellt. Hier musste ich leider alle Elemente nachbauen und dann auch noch mi SVG/EMF Grafiken... aber nun steht die Vorlage und ist frei editierbar. Alle Elemente sind also Vektor Daten und können beliebig skaliert werden UND, was am wichtigsten ist, werden ebim Speichern als PDF nicht komprimiert.

Die Icons muss man dann immer wieder selber händsich über dem Kreis platzieren.

Ich habe dich zum Bearbeiten des Dokuments eingeladen. Schaue mal, ob das alles so ok ist. Du kannst das Dokument final dann auch in deinen Google Drive kopieren und dann für alle möglichen Personen freigeben.

https://docs.google.com/presentation/d/1w4Gn2naqSJgDnx9TB-UtoFnBqg1Mj-1BBda_dMaBfLY/edit?usp=sharing

springers54 commented 6 years ago

Ich habe jetzt einige Versuche gemacht, die Datei zu drucken. Auf dem Monitor sieht das ganz ok aus, auf dem Drucker schlägt das gelborange stark in ein krasses orange.

Ausprobiert habe ich jetzt die Farbe #f8b42cc5, die sieht bei mir gedruckt ganz ok aus. Diese sollten wir dann für die Schriften und Bilder nehmen.

joergsteinhauer commented 6 years ago

Ok, ja das hängt dann vom Drucker ab ;) Die Farben kansnt du ja beliebig anpassen. Einzig müsste man dann ggf. noch mal die Farbe des Logos anpassen, aber das muss ich machen.

springers54 commented 6 years ago

Ich habe jetzt mal eine Musterseite für Usui fertiggestellt

springers54 commented 6 years ago

Konzept steht und damit können wir das schließen. Lieben Dank nochmal, gute Arbeit ++

springers54 commented 6 years ago
joergsteinhauer commented 6 years ago

Habe ich damals doch hier eingebaut, s. letzter Slide https://docs.google.com/presentation/d/1w4Gn2naqSJgDnx9TB-UtoFnBqg1Mj-1BBda_dMaBfLY/edit#slide=id.g3133b952d9_3_5

springers54 commented 6 years ago

Sorry, hab ich übersehen und rechts in der Leiste gesucht. Nun weiß ich, wo ich gucken muss.