[Galerie] Indy

[Indy]

Webdesigns:

http://npshare.de/files/4ca73d4e/venetica.jpg (http://www.venetica-rpg.de)

http://npshare.de/files/65a9547d/divinity.jpg (http://www.divinity-saga.de/images/content/div1460.jpg)

http://npshare.de/files/7c3c7a1d/theoldrepublic.jpg (http://npshare.de/files/60995e13/theoldrepublicgro%C3%9F.jpg)

http://npshare.de/files/bb6bd96b/tt.jpg (http://npshare.de/files/ebf1b58e/toadtown.jpg)

Feedback und Verbesserungsvorschläge gerne gesehen.

Bei Bedarf schustere ich gerne ein Webdesign zusammen, wahlweise als psd oder fertig in HTML und CSS verpackt. :O

[Indy]

*Update*

Tja... Kleinere Änderungen an den Schriftgrößen- und farben vorgenommen,
Die Zierstriche der Main und der Navis etwas "aufgehellt", sodass diese sichtbarer für das freie Auge werden und anschließend di erechte Navi noch mit Inhalt gefüllt, um deren Gestaltung noch etwas anschaulicher zu machen. - Feintuning eben.

[Indy]

*Update*

Und ein neues Webdesign in der Galerie hochgeladen:

Venetica!

[Stoffel]

Für den Anfang schon ziemlich gut. :)

Zur Kritik im Einzelnen:
Fable:
Um oben anzufangen, der Header ist viel zu hoch für 'ne Fanseite. Da wollen die Besucher vormalig informiert werden, ergo nicht erst bei jedem neuen laden wieder zum Inhalt scrollen müssen. Da hätte man sich vieles einsparen können.

Unten wirds mir dann insgesamt zu dunkel, zumindest wenn man die Verhältnisse von Inhalt (wo der Text btw etwas sehr nah am Rand ist) zu Navi betrachtet; auf letzterer sind die Links samt Überschriften einfach zu sehr im Hintergrund. Dadurch, das normaler Text auf der rechten Navi im Gegensatz zu den Links auch ins weißliche tendiert verstärkt sich das noch.

Dann zum Gesamteindruck: es ist insgesamt sehr blockartig aufgebaut. Alles in allem eben schlicht und eckig gehalten, ohne Übergänge von bspw. Navis zu Header oder allgemein zu den Seiten, wodurch es schmaler erscheint als nötig wäre. Wenn man die Inhaltsboxen so eckig hält wäre es an sich ja auch kein Problem ein dynamisches Design einzuplanen, das alle Auflösungen unterstützt, zumindest bis zu gängigen höheren wie 1680 Pixeln. Wenn man sich hingegen die Anpassung aufs dynamische schon spart ist es ja in Hinsicht auf die Umsetzbarkeit auch kein Problem, mehr Details oder abwechslungsreichere Formen einzubauen, die ich hier etwas vermisse.
Außerdem wirkt die Farbgebung insgesamt leider etwas monoton, was es etwas langweilig erscheinen lässt (allerdings besser als nicht zusammenpassende Farbtöne wie bei Venetica).

Ein Abschluss nach unten wäre noch schön gewesen.

Zu Venetica:
Bzgl. des blockartigen Aufbaus die gleiche Kritik, die einzelnen Elemente könnten noch stärker miteinander verknüpft werden. Vor allem die Navis wirken ziemlich aufgesetzt.

Der Header ist hier ebenfalls zu hoch und es gereicht deinem Design etwas zum Nachteil, das die Grafik des Spiels nicht grad die schönste ist - entsprechend wirkt zumindest die Qualität des/der verwendeten Grafiken. Wie auch bei Fable fehlt ein Footer.

Was mir hier wengier als bei Fable gefällt sind die verwendeten Farben, die den Gesamteindruck einfach stören. Rot und blau zusammenzubekommen ist ziemlich schwer und passt wie häufig auch in diesem Falle nicht zusammen. Zumal das rot beiderseits im Hintergrund viel zu intensiv ist und die Struktur zu ablenkend.

Besser als bei Fable gefallen mir hingegen der Aufbau von Inhaltskästen udn Navigationen, ist nicht mehr so langweilig bzw. standardgemäß sondern schon um einiges strukturierter.
__

Weiter so!

[Indy]

Danke. ;)

Zu den Headern:

Der Sinn der größeren Headern war vorerst einen sauberen und flüssigen Übergang zwischen Header und dem darunter folgenden Seitenhintergrund zu verschaffen. Dafür wollte ich versuchen im Gegenzug die Navielemente und die Main schon etwas weiter oben im Header anfangen zu lassen.

Leider sind die Header dadurch ein wenig zu gr0ß geraten, ich werde mal schaun, wie weit ich die Navis und Main noch weiter nach oben "pflanzen" kann, bzw. den Header ein wenig abkürzen.

Bei Venetica hatte ich das Problem, dass nur ein Logo, sowie 4 Screenshots zum Spiel zur Verfügung standen. - Irgendwelche bunten Artworks oder Renderscreens gibt es leider noch nicht. Ich hatte nur die Wahl zwischen 4 Screenshots, wo sich dieser Schiffsaufbruch der jungen Scarlett sich am besten für ein Seitendesign anbot.

Die Rot- und Blautöne habe ich eigentlich absichtlich in der Form verwendet. Die bunten Farbtöne sollen den grafischen Fantasy-Look des Spiels einfangen und gut zum Spielelogo passen. :) Mir persönlich sagt der Farbmix eher zu, das Meeresblau versteckt sich meiner Meinung nach eher im Hintergrund, aber ich verstehe deine Ansicht.

Mit den der Gestaltung der Navi- und Mainelemente habe ich eher meine Schwierigkeiten, die ich momentan versuche zu beseitigen. Gibt es eventuell spezielle Webdesign-Tutorials, die sich diesen Inhalten widmen? Ich habe bereits Ausschau nach derartigen Hilfen im Internet gehalten, bisher jedoch nur Web 2.0-Tutorials, die sich eintönigen und buttonlastigen Web 2.0-Seiten widmen.

Aber danke für das Feedback, ich werde mir die Ratschläge für die Gestaltung des nächsten Designs zu Herzen nehmen.

btw: Voll dynamische Designs würde ich persönlich ungerne machen, da diese auf breiten Bildschirmen meist sehr in die Länge gezogen und einsam wirken... - Gut, von zentrierten Designs in einheitlicher Auflösung kann man das auch behaupten, jedoch können diesen imho schöne Backgrounds verpasst werden, welche den freien Bereich ausschmücken. Daher tendiere ich mehr zu zentrierten Designs in 1024x768 oder vielleicht auch 1280x800 Pixeln.

[Indy]

Update:

3 neue Venetica-Signaturen, im Stile des Seitendesigns hinzugefügt.

[Indy]

Und schon wieder ein Update.^^

Venetica:
Rechte Navigation komplett überarbeitet, Headerlogo ausgetauscht, Werbung eingefügt, Navigationsinhalte hinzugefügt, Netzwerkleiste designt, sowie einen Hover-Forenbutton hinzugefügt.

Fertig. :A

[Indy]

Sooo,

Webdesign Nummer 3 hinzugefügt: Divinity-Saga.

[Ovaron]

Ich habe zwar nicht wirklich viel Erfahrung im bearbeiten von Grafiken aber imho ist das Divinity Design das beste deiner bisherigen Arbeiten.
Das sieht meiner Meinung nach verdammt gut aus :dup:

Hoffentlich gibt es auch bald eine Netwerkseite hier im WoP mit dem Design

[Indy]

Hoffentlich gibt es auch bald eine Netwerkseite hier im WoP mit dem Design

Sorry, das Design ist nicht für die WoP bestimmt. ;)

Es wird allerdings ohnehin bereits an einer Divinity-Seite in der WoP gearbeitet. siehe hier (http://forum.worldofplayers.de/forum/showthread.php?p=7205453#post7205453)

Aber danke für das Feedback. :)

[Indy]

Und wieder mal ein Update:

Das Venetica-Design (http://npshare.de/files/38/9253/veneticafertig.jpg) habe ich noch einmal vollständig von vorne begonnen, jetzt sollten sich eigentlich keine Farben mehr beißen. :)

Wie gefallen die Farbvariationen? :)

[Stoffel]

Schöner. :)

Ist für meinen Geschmack nur alles etwas zu dunkel, bzw. entsteht der Eindruck aufgrund der geringen Kontraste im Mittelbereich. Vielleicht könnte der Hintergrund noch etwas dunkler und der Rest, wie die Inhaltsboxen, etwas heller. Nicht viel, wohlbemerkt.
Ist's sonst soweit schon fertig, oder sollte Kritik erstmal speziell dazu kommen?

Ansonsten würde ich noch hinzufügen, dass es für die Naviüberschriften schön bzw. besser für das Gesambild wäre, wenn die im Stile des Logos gestaltet wären, allerdings müsstest du sie dann natürlich daraus zusammenbasteln. Ist also zeitlich recht aufwändig.

[Indy]

Ok. :)

Wie sieht es nun damit (http://npshare.de/files/38/7922/webdesignheller.jpg) aus? Passen damit die Helligkeit und Kontraste?

Vielleicht sollte ich mir wieder einen CRT als Zweitmonitor anschaffen. Mit einem Notebook-TFT alleine lassen sich die Helligkeit und Farbkontraste relativ schlecht abschätzen. >_>

[Diabolo93]

ich finde dein fable design sehr gelungen lediglich der helle rand an den haaren des chars stört mich

[t8ker]

ich finde dein fable design sehr gelungen lediglich der helle rand an den haaren des chars stört mich

Auf was du so achtest:p.

Mir gefallen das Fable und Divinity Design auch echt gut!:gratz
Bei fable würde ich es aber besser finden, wenn man die wichtigen Überbegriffe wie "Info" etc. unterstreichen würde. Auf mich würde das ganze somit einen wesentlich übersichtlicheren Eindruck machen. Auch wenn man es schon gut so erkennt, macht es meiner Meinung nach mit einer unterstützenden Untermalung nocheinmal etas mehr her:).

[Diabolo93]

naja als ich auf die lupe klickte um das bild in der orginalgröße zu sehen stach mir das sofort ins auge :D:dnuhr:

[Indy]

Update in Form von The Old Republic. ^^

[Indy]

Update: Toadtown ist neu.