Site in neuem Gewand (Testlauf)

Hallo liebe Nutzer von Beyfiction!

Ich suche schon lange nach einem neuen Layout, habe bisher aber noch kein passendes gefunden.
Nun bin ich über ein Theme gestolpert, das mit persönlich etwas besser als das alte gefällt. Ich habe es an die Site angepasst (und bin noch dabei).

Ich möchte gleich vorweg sagen: das ist jetzt kein Design, das bleiben MUSS.
Zum einen finde ich vielleicht ein Design, das mir besser gefällt, zum anderen möchte ich mich natürlich auch an eurer Rückmeldung orientieren.
Solltet ihr das neue Design scheußlich finden (Rosa ist nicht jedermanns Geschmack - leider waren die farblichen Alternativen nicht sondernlich angenehm für die Augen und trotz allem, finde ich persönlich die Farbgebung recht stimmig - inzwischen ist es orange), gebt mir Bescheid - oder sollte euch etwas spezielles nicht so sehr zusagen. Vielleicht kann ich ja daran arbeiten, bzw. ist eine Rückkehr zum alten Design jederzeit möglich.
Aus diesem Grund würde ich mich über eine Rückmeldung wirklich sehr freuen - und bitte ehrlich sein! Es ist keinem geholfen, wenn etwas schöngeredet wird, das es nicht ist...
(Wie gesagt: die Suche nach dem perfekten Layout ist damit noch lange nicht beendet!)

Ein paar Infos zum neuen Design:
Es ist für Handys optimiert und außerdem responsive (d. h. es passt sich automatisch an die Bildschirmgröße an). Es ist breiter als das alte Design und ich habe die Schriftgröße etwas größer gestellt, um das Lesen zu erleichtern. (Natürlich gibt es da noch einiges mehr zu erzählen, aber das ist das Wichtigste)

Woran ich in jedem Fall noch arbeiten möchte (was aber leider einige Zeit in Anspruch nehmen kann, ihr kennt mich):
Im Footerbereich Upload-Links für Smartphone-Besucher (wurde in den Headerbereich verlegt); Links in anderer Farbe darstellen, als den regulären Text (hohe Priorität!); Hintergrundfarbe vielleicht etwas mehr ins rote oder ins lila ziehen - je nachdem was besser passt (wollte ich heute gleich machen, leider meint WinDoof mein Bildbearbeitungsprogramm nicht starten lassen zu wollen); Teil 1 ist geschafft - jetzt kommt die Schrift; Umrandungen für die Menüpunkte auf der Startseite, bei der Darstellung von Cosplays / Fanarts wird ein Teil der Beschreibung neben das Bild gesetzt - unschön! (hohe Priorität!)

Ich wünsche euch in jedem Fall frohe Ostern - und hinterlasst mir doch eine kurze Rückmeldung!

Viele liebe Grüße
Phase

PS: Das ist wirklich kein April-Scherz!

Kommentare

Bild des Benutzers Phase

Screenshot ist wie bei Apple mit Homebutton und Ein/Ausschaltknopf gleichzeitig. Würde mir helfen, um einen Eindruck zu bekommen, wo genau das Problem liegt. ^^'

Bild des Benutzers Tsukuyomi

Danke. Ich hab mal zwei Screenshots gemacht, vom FF und FA Bereich. Bei Bedarf kann ich auch noch andere Sparten liefern. Bei Basteleien und RPG passiert das auch.
Ich sehe nur gerade mobil keine Hochlademöglichkeit. Ist die auf dieser Website für Handys ausgeschaltet, oder liegt das an meinem Browser? Ich liefer es nach, wenn ich an den PC komme.

PS: Von den anderen Dingen mache ich natürlich auch Screenshots, habe die gerade nur vergessen. :'D

Bild des Benutzers Tsukuyomi

Bevor ich zu dem PC Eintrag komme, die Merkliste ist bei der PC Ansicht nun auf der rechten Seite statt links. Hattest du das beabsichtigt? Jedenfalls ist dadurch die Textbreite nun schmaler geworden und die Postings kommen nun mittig zentiert rüber. Finde ich persönlich super, obwohl die Merkliste erst mal etwas einsam wirkt, haha. XD

Außerdem fällt mir auf, dass sowohl in meiner mobilen als auch in meiner PC Ansicht nicht mehr der Button für die interne Hochlademöglichkeit vorhanden ist. Das macht mir gerade etwas das Hochladen von Screenshots schwer, weil ich auch nicht mit anderen Seiten vertraut bin. Ist das irgendwie in diesem Design nicht erhalten?

Okay, nun zur deiner Antwort:

Kein Problem, nur zu. Ist ja so auch besser. :)

Zu Farbe und überstehende Inhalte: Ich habe einen Screenshot von den überstehenden Inhalten bei Merkliste und Suchfeld gemacht, da kannst du auch die Farbe sehen, die mir derzeit angezeigt wird. Ich schaue mal, ob ich es auf Animexx hochlade und dann hier verlinke, oder so. Falls die interne Möglichkeit irgendwie ausfallen sollte, oder so.

Zu Design und Funktion: Funktionalität geht absolut vor, da stimme ich dir zu. Wenn alles benutzerfreundlich angepasst ist und die Navigation funktioniert, dann bin ich glücklich. Alles andere ist eine kleine Spielerei für mich, gern gesehen, muss aber nicht. Ich dachte, ich frage einfach mal, wie die Möglichkeiten sind. Es ist vermutlich nicht so wie bei Tumblr, wo einige ihre individuellen Hintergründe einspielen, oder? Ich bin auch nicht auf Tumblr, deswegen weiß ich leider auch nicht, wie es dort funktioniert. Sehe immer nur die bunten und kreativen Blogs, wo ich einige richtig cool finde.

Zum Logo: Das Beyblade Logo in der Beschreibung. Irgendwie wirkte es auf der letzten Seite dominanter. Liegt aber vielleicht nur an mir. Ach so, das soll kein wirkliches Logo sein? Sorry, dass ich das falsch interpretiert hatte. Dann hat sich das ja erledigt.

Nochmal zu Farbe und Farbtabelle: Scherz, wenn Animexx seine Farben wirklich ändert, dann wäre das blasslila frei. Aber nee, keine Animexx Farben, dass ist gut. XD
Ich habe mal kurz Google bemüht, weil ich mich an eine Farbtabelle erinnern konnte. Die Website aus meiner Erinnerung kenne ich nicht mehr, aber vielleicht hilft diese auch: http://www.farb-tabelle.de/de/farbtabelle.htm? Falls ich bei der Suche was falsch gemacht habe, dann kann ich mich erneut auf die Suche machen, wenn du magst. Aber wahrscheinlich bist du schon selbst drauf gekommen. :'D

Zur Textzentrierung: Ich hatte es schon am Anfang geschrieben, aber so wie es gerade ist, finde ich es ganz gut. Dass es etwa mittig ist, macht es für das Auge angenehmer.

Zu Merkliste und Suchfeld: Ich hatte ja weiter oben schon mal drüber geschrieben. Ich schaue mal, wie ich das mit dem Screenshot mache.
Wow, dass ist ja krass. Die Codes sind ein echtes Labyrinth, man weiß nie, wo man damit hinkommt, was?

Zu der Abgrenzung: Klingt nach einem super Plan, viel Erfolg dabei. ^^

Zum orangenen Startbutton: Ist mir auch ne ganze Weile nicht aufgefallen, bis ich mich erinnert habe, dass es bei einigen Seiten wohlmöglich als Orientierungshilfe so ist. Aber so wichtig ist das nicht, können wir gerne so stehen lassen.

Zum Abschluss: Das ist doch kein Problem, ein Schritt nach dem Anderen, dann kommst du schon am Ziel an. Und vieles passt doch schon ganz gut und vor allem, es funktioniert. Das ist das Wichtigste. ^^

Zu der weißen Hintergrund Farbe: Gott bewahre, an etwas dunkles hätte ich nicht mal im Traum gedacht. Es reicht, dass dieser Alptraum auf Animexx mit den ganzen Blautönen gepriesen wird. Ich weiß echt nicht, was sie sich bei den Farben für den Rebrush gedacht haben...
Ansonsten habe ich oben ja schon einen Link gepostet. Soll ich mich mal durch die Farben gucken, falls es mit dem Inhalt des Links klappt? Oder vielleicht gegebenfalls noch andere Websites mit Tabellen aufsuchen?

Zur Rückmeldung: Ich dachte nur, dass ich zu viel auf einmal gepostet habe, oder so...aber warscheinlich ist das eine Gefühlsfrage? :'D

Zu der Hilfe: Ich glaube, ich bin bei der Grafik gerade etwas überfordert, oder mein Gehirn will heute nicht mehr. Bei Farbe kann ich mich gerne auf die Suche machen, falls der eine Link nichts ergeben sollte.

PS: Wegen der Hochladefunktion. Ich habe gerade gesehen, dass es sie nur im Forum gibt. Ist das auch für andere Kommentarbereiche möglich? Oder soll ich die Screenshots einfach in der Forumssektion für Probleme hochladen?

Bild des Benutzers Phase

Hallöchen!

> Bevor ich zu dem PC Eintrag komme, die Merkliste ist bei der PC Ansicht nun auf der rechten Seite statt links. Hattest du das beabsichtigt? Jedenfalls ist dadurch die Textbreite nun schmaler geworden und die Postings kommen nun mittig zentiert rüber. Finde ich persönlich super, obwohl die Merkliste erst mal etwas einsam wirkt, haha. XD

Das habe ich umgestellt, weil du ja angeregt hattest, die Hauptseite etwas zu schmälern. Auf der linken Seite finden sich die Merkliste und auf den Unterseiten alle Favoritenlinks und -listen. Ich sehe gerade, dass ich die eine Box noch rüberschieben muss.

 

> Außerdem fällt mir auf, dass sowohl in meiner mobilen als auch in meiner PC Ansicht nicht mehr der Button für die interne Hochlademöglichkeit vorhanden ist. Das macht mir gerade etwas das Hochladen von Screenshots schwer, weil ich auch nicht mit anderen Seiten vertraut bin. Ist das irgendwie in diesem Design nicht erhalten?

Das Hochladen von Bildern war schon immer nur für das Forum aktiviert, das ist also kein Fehler. ^^' Am besten die Bilder einfach in den Probleme-Thread stellen, dort finde ich sie auch immer wieder, wenn ich den Zugriff darauf brauche. :-)
(Grund dafür ist einfach und ergreifend, dass jeder Upload natürlich auch Speicher frisst und ich schon ein wenig Kontrolle haben möchte, wo was hochgeladen wird. :-) )

 

> Es ist vermutlich nicht so wie bei Tumblr, wo einige ihre individuellen Hintergründe einspielen, oder? Ich bin auch nicht auf Tumblr, deswegen weiß ich leider auch nicht, wie es dort funktioniert. Sehe immer nur die bunten und kreativen Blogs, wo ich einige richtig cool finde.

Ich kann verstehen, dass du das cool findest, das tu ich auch. Allerdings ist das sehr aufwendig und "belastend" für eine kleine Homepage, die keinen eigenen Server hat und vor allem kein ausgebildetes Programmierer-Team hat. In den einzelnen Weblogeinträgen kann man ja über den HTML-Code einiges selbst gestalten. Aber alles, was darüber hinaus geht, ist hier auf der Seite leider nicht möglich (zumindest sofern wir keine Profi-Firma engagieren, die das alles bewerkstelligt).

 

> Zum Logo: Das Beyblade Logo in der Beschreibung. Irgendwie wirkte es auf der letzten Seite dominanter. Liegt aber vielleicht nur an mir. Ach so, das soll kein wirkliches Logo sein? Sorry, dass ich das falsch interpretiert hatte. Dann hat sich das ja erledigt.

Es sollte nur ein Deko-Element sein, damit die Besucher nicht auf eine reine Textwand stoßen... allerdings könnte ich (irgendwann einmal) das "B" oben mit dem Beyblade-Zeichen austauschen. Oder wir machen mal für die User einen Wettbewerb für ein eigenes Beyblade-Logo. Das würde mir gefallen. ^^

 

> Nochmal zu Farbe und Farbtabelle: Scherz, wenn Animexx seine Farben wirklich ändert, dann wäre das blasslila frei. Aber nee, keine Animexx Farben, dass ist gut. XD
Ich habe mal kurz Google bemüht, weil ich mich an eine Farbtabelle erinnern konnte. Die Website aus meiner Erinnerung kenne ich nicht mehr, aber vielleicht hilft diese auch: http://www.farb-tabelle.de/de/farbtabelle.htm? Falls ich bei der Suche was falsch gemacht habe, dann kann ich mich erneut auf die Suche machen, wenn du magst. Aber wahrscheinlich bist du schon selbst drauf gekommen. :'D

Ich weiß jetzt nicht sicher, ob ich mich falsch ausgedrückt hatte. Ich habe ja schon diverse abweichende Farben getestet, die nicht funktioniert haben und habe etliche Zeit damit verbracht, nach der "richtigen" Farbe zu suchen. Ich brauche also keine Farbtabelle, sondern einfach eine ausgewählte Farbe, die zur Seite passen würde. Es geht also nur darum, eine Farbe für mich zu finden. Dann können wir testen, ob sie farblich passt. Denn auch wenn ich viele Farben zur Auswahl habe, muss man erstmal die eine finden, die das Gesamtbild nicht zerstört. Und das ist eine sehr aufwendige Aufgabe, die ich aktuell nicht bewerkstelligen kann (und die ich deshalb gerne abgebe, nachdem das Angebot ja im Raum stand. :'D). (Man kann das auch gerne am PC ausprobieren, indem man einen Screen macht und die weiße Fläche zum Test verschieden umfärbt)

 

> Zu der Hilfe: Ich glaube, ich bin bei der Grafik gerade etwas überfordert, oder mein Gehirn will heute nicht mehr. Bei Farbe kann ich mich gerne auf die Suche machen, falls der eine Link nichts ergeben sollte.

Die Grafiken sind die Pfeile (die muss ich, denke ich, nicht erklären) und dieses Banner ist... gute Frage. Ich weiß noch nicht genau, wo das letzten Endes auftauchen wird.
top-blue ist der Header, t1-blue ist der Farbverlauf von der Farbe ins weiße, t2-blue ist der Farbverlauf vom Weißen zurück in die Farbe, so wie es unten am Seitenende aussieht. Diese drei Grafiken sind die wichtigsten, die Pfeile werden dann noch für die Sidebar benötigt.

 

Ich werde aber leider die nächsten Tage nicht zum Bugfixen kommen, weil ich auf der Animuc bin, Hausarbeit machen muss und dringend den Unterricht für Montag samt neuem Sitzplan ausarbeiten muss. Ich versuche aber bald wieder frisch ans Werk zu gehen.
Anfang bis Mitte nächster Woche bin ich außerdem in der Schule stark eingebunden. Das Wochenende habe ich mir bisher aber weitgehend frei gehalten, sodass ich hoffentlich zum Bugfixen und ähnlichem kommen werde.
Tut mir sehr Leid!

Bild des Benutzers Tsukuyomi

>Das habe ich umgestellt, weil du ja angeregt hattest, die Hauptseite etwas zu schmälern. Auf der linken Seite finden sich die Merkliste und auf den Unterseiten alle Favoritenlinks und -listen. Ich sehe gerade, dass ich die eine Box noch rüberschieben muss.

Ach so, finde ich so super. Vielleicht könnte man noch die Boxen Sicherheit und Online nach rechts schieben, damit es in etwa einheitlich ist? Anderseits kann das natürlich daran liegen, dass ich gerade nichts in der Merkliste habe, haha. XD
Wenn es daran liegt und ihr habt mehr darin, dann passt das so.

>Das Hochladen von Bildern war schon immer nur für das Forum aktiviert, das ist also kein Fehler. ^^' Am besten die Bilder einfach in den Probleme-Thread stellen, dort finde ich sie auch immer wieder, wenn ich den Zugriff darauf brauche. :-)
(Grund dafür ist einfach und ergreifend, dass jeder Upload natürlich auch Speicher frisst und ich schon ein wenig Kontrolle haben möchte, wo was hochgeladen wird. :-) )

Alles klar, wusste ich nicht. Dann werde ich mal dieses WE versuchen, alles hochzuladen. Habe so einige auf meinem Handy gemacht, aber von dort hochladen ist etwas umständlich. Nehme mir die Zeit dann am WE, um alles auf mein PC zu schieben.

>Ich kann verstehen, dass du das cool findest, das tu ich auch. Allerdings ist das sehr aufwendig und "belastend" für eine kleine Homepage, die keinen eigenen Server hat und vor allem kein ausgebildetes Programmierer-Team hat. In den einzelnen Weblogeinträgen kann man ja über den HTML-Code einiges selbst gestalten. Aber alles, was darüber hinaus geht, ist hier auf der Seite leider nicht möglich (zumindest sofern wir keine Profi-Firma engagieren, die das alles bewerkstelligt).

Verstehe, da kannte ich mich nicht aus, deswegen wollte ich mal fragen. Kurz, wir können nur mit den Bausteinen arbeiten, die es zur Verfügung gibt, richtig? Alles klar, dann weiß ich Bescheid. ^^

>Es sollte nur ein Deko-Element sein, damit die Besucher nicht auf eine reine Textwand stoßen... allerdings könnte ich (irgendwann einmal) das "B" oben mit dem Beyblade-Zeichen austauschen. Oder wir machen mal für die User einen Wettbewerb für ein eigenes Beyblade-Logo. Das würde mir gefallen. ^^

Das klingt nach einer super coolen Idee, könnte man wirklich als ein zukünftiges Projekt im Auge behalten.

>Ich weiß jetzt nicht sicher, ob ich mich falsch ausgedrückt hatte. Ich habe ja schon diverse abweichende Farben getestet, die nicht funktioniert haben und habe etliche Zeit damit verbracht, nach der "richtigen" Farbe zu suchen. Ich brauche also keine Farbtabelle, sondern einfach eine ausgewählte Farbe, die zur Seite passen würde. Es geht also nur darum, eine Farbe für mich zu finden. Dann können wir testen, ob sie farblich passt. Denn auch wenn ich viele Farben zur Auswahl habe, muss man erstmal die eine finden, die das Gesamtbild nicht zerstört. Und das ist eine sehr aufwendige Aufgabe, die ich aktuell nicht bewerkstelligen kann (und die ich deshalb gerne abgebe, nachdem das Angebot ja im Raum stand. :'D). (Man kann das auch gerne am PC ausprobieren, indem man einen Screen macht und die weiße Fläche zum Test verschieden umfärbt)

Sorry, ich habe dich vermutlich total falsch verstanden. >///<
Ich habe jetzt kein wirkliches Bearbeitungstool auf meinem PC, alles was ich habe ist das integrierte Windows Paint. Meinst du, damit kann man das machen? Hab das noch nie gemacht.

>Die Grafiken sind die Pfeile (die muss ich, denke ich, nicht erklären) und dieses Banner ist... gute Frage. Ich weiß noch nicht genau, wo das letzten Endes auftauchen wird.
top-blue ist der Header, t1-blue ist der Farbverlauf von der Farbe ins weiße, t2-blue ist der Farbverlauf vom Weißen zurück in die Farbe, so wie es unten am Seitenende aussieht. Diese drei Grafiken sind die wichtigsten, die Pfeile werden dann noch für die Sidebar benötigt.

Okay, ich glaube ich habe das jetzt grob verstanden. Entschuldige nochmal meine dumme Frage, aber was genau sollte rein theoretisch bei den Grafiken gemacht werden? Geht es um die farbliche Gestaltung, oder eine Abänderung der Grafik?

Alles klar und nichts hiervon muss dir leid tun. Es läuft doch alles und ich finde, es nimmt auch Gestalt an. Alles so, wie du kannst. ^^

Bild des Benutzers Phase

Sorry, dass es sich aktuell so sehr zieht. Die letzte Woche war megaanstrengend, weswegen nicht nur viel "nebenbei-Arbeit" (aka Haushalt und Co) bei mir liegengeblieben ist, sondern mein Körper mir am Freitag recht deutlich zu verstehen gab, dass ich nichts mehr arbeiten soll - weswegen ich meine Freitags-To-Dos dann alle zusätzlich am Samstag machen musste. v_v'

Ich versuche aber, dass ich jetzt die nächsten Tage wieder vermehrt nach der Arbeit an der Seite arbeite.

Bild des Benutzers Tsukuyomi

Alles super und danke für das Update. Dass klingt schon durchaus übel, pass gut auf dich auf.

Seiten