So, hab hier grade 2 Projekte am Laufen:

*Das eine, das ihr schon kennt, nur ein bisschen verändert

*Und ein neues

Contentfüllung mit kindisch-sarkastischen Witzen folgt noch.

Ich würde den Transparenzrahmen beim Kinderherz Verein über die Navigation legen, jetzt schneidet dass da irgendwie so unschön ein und erzeugt auch keinen Glaseffekt (falls das beabsichtigt war). Ansonsten schön bunt, aber irgendwie wenig Platz für den eigentlichen Content Inhalt.

Was immer auch geschieht: Nie sollt Ihr so tief sinken, von dem Kakao, durch den man Euch zieht, auch noch zu trinken! -- Erich Kästner

du bist doof :D
aber ja, bin auch wie master pegasus immer noch der meinung, dass ganz wenig platz leider nur für den inhalt ist :(
das design find ich voll toll, aber das mit dem contentplatz is meiner meinung nach halt doch ziemlich großer kritikpunkt leider :/

so, mein aktuelles werk:

http://www.mandaei.de

habs noch nicht für den ie optimiert, sondern es mir bis jetzt nur im firefox angeguckt, von daher können da durchaus noch fehler auftreten. ausserdem ist noch nicht alles ganz vollständig, zum beispiel müssen nochein paar der logos im kopf etwas vergrößert werden und noch son paar kleinigkeiten.

c&c bitte!

und dann gleich noch ne 2 fragen an die html-css-experten unter euch (wenns hier nicht sofort einer weiss, start ich noch nen thread im coding board):
(1)
auf der startseite sind diese neun fotos. einfach "aufgelistet" mit nem <br /> nach jeweils 3 fotos. und jetzt hätte ich gerne, dass sie jeweils 2px abstand haben. also hab ich denen jeweils nen 1px margin verpasst. dann haben aber die zeilen nen größeren abstand (obwohl ich die zeilenhöhe nochmal extra auf 1em gesetzt habe). gut, dann habe ich halt margin-top auf -2px gesetzt, dann passt es zwischen erster und 2ter zeile, aber zwischen 2ter und dritter ist der abstand dann wieder größer (3px). aber wieso? weiss da jemand weiter? ich beziehe ich übrigens auf www.mandaei.de/styles/style.css , im letzten abschnitt "FOTOS".
(2)
ich habe ja im hintergund des haupt-contents diese 2 'grunge'-grafiken die den inhalt rahmen sollen. allerdings kann man für jedes div nur eine bg-grafik definieren, daher splitte ich immer den inhalt in 2 divs "main-top" und "main-bottom". aber mir gefällt das gar nicht und das ist auch ziemlich unkomfortabel. ne idee wie man das sonst realisieren könnte?

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

***pseudoedit***
Für (2) hab ich inzwischen ne Lösung gefunden, ich hab einfach 2 divs ineinander geschachtelt, wovon der eine die obere grafik und die andere die untere grafik enthält.

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Noch ein bissl WIP, aber trifft vom design meine Vorstelltungen.
Kritik oder Vorschläge? ^^

Bild Blog <--

gar kein schlechter ansatz. allerdings fehlt mit etwas farbe, man erkennt sehr zu deutlich die photoshop-brushes und mir wär der text etwas zu klein. der baum gefällt. allerdings könnte ich überhaupt nicht sagen wofür die seite ist, ist das ein club oder ne konzerthalle oder so?

ich fänds schön, wenn sich auch mal jemand über meine design auslassen würde. das problem (1) hat sich ürbigens auf mysteriöse art und weise in luft aufgelöst.

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Zu deinem zweiten Problem, ein Vorschlag: Nimm nur ein Div, setz am Anfang ein normales Bild rein (der obere Grafikteil) und gib ihm als Hintergrund das untere Bild.

Den Grunge-Look find ich voll okay so. Passt rein, auch mit der Farbe. Bei der Navigation sind einige Links recht schlecht zu lesen, aber da ich mal annehme, dass das jeweils die Schriftart der jeweiligen Gruppierungen ist, würde ich das auch so lassen wollen. Vielleicht noch irgend einen Hover-Effekt drüber oder so, um die Seite damit aufzulockern. Ansonsten fällt mir gerade auch nichts weiter dazu ein... ah jo, der Header ist vielleicht noch etwas leer und verlassen, wenn nur "mandäï produktions" da steht.

DefCon ist großartig, denn...

deine lösung ist aber aus 2 gründen suboptimal: die grafik soll über den text gestülpt sein, so dass das orangene ein umgekehrtes U ergibt, also geht das nicht (wenn man nicht kompliziert mit layern arbeitet). ausserdem wäre es ein designelement im inhalt, was ich auch zu vermeiden versuche. aber ich hab ja schon ne andere lösung gefunden :-) (siehe post #3129)

danke für die blumen.

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

@Sir_Prize:
Müsste das nicht "productions" heißen?
Insgesamt macht die Seite einen zu laschen Eindruck, also ich hab was gegen überladene Seiten, aber das hier ist irgendwie zuuu ruhig.
Die Navi sieht man nicht auf den ersten Blick => schlecht, ich muss unter 1152x864 noch nach unten scrollen.
Der Rahmen des Contents gefällt mir eigentlich überhaupt nicht, zu pixelig und zu dick aufgetragen.
Insgesamt fehlt dem Design irgendwie die Identity...
Das Orange könntest du doch ins Logo einbringen?
Das Logo darf auch ruhig ein paar Effekte haben oder so.
Und die einzelnen Band-schriftzüge dürfen ruhig etwas größer sein.

hihi lustig, du sprichst all diejenigen dinge an, die ich auch so gemacht hätte, aber die mein mitbewohner, für den sie ist, genauso haben wollte.

Zitat:

UserFriendly postete
Müsste das nicht "productions" heißen

Zitat:

Insgesamt macht die Seite einen zu laschen Eindruck, also ich hab was gegen überladene Seiten, aber das hier ist irgendwie zuuu ruhig.

Zitat:

Die Navi sieht man nicht auf den ersten Blick => schlecht, ich muss unter 1152x864 noch nach unten scrollen.

Zitat:

Der Rahmen des Contents gefällt mir eigentlich überhaupt nicht, zu pixelig und zu dick aufgetragen.

Zitat:

Insgesamt fehlt dem Design irgendwie die Identity...

Zitat:

Das Orange könntest du doch ins Logo einbringen?
Das Logo darf auch ruhig ein paar Effekte haben oder so.
Und die einzelnen Band-schriftzüge dürfen ruhig etwas größer sein.

*edit*
wenn ich mir meinen post so durchlese klingt das so nach "ihr kritisiert mich hier und da und da aber das soll auch alles so, also kritisiert es gefälligst nicht!", ist aber nicht so gemeint :-)

ich wollte halt wissen was euch daran stört um zu schauen ob sich die kritikpunkte mit meinen unterscheiden. und das tun sie auch. aber ich richte mich nach meinem auftraggeber. :-)

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

ich hab auch mal ein wenig was gemacht und das ist dabei rausgekommen: http://bigmovie-24.de/hp4/

html und css valid, bedarf aber noch großer optimierung

ziel der seite:
- ohne großes gedöns inhalt gut wiedergeben
- für eine videothek (quasi die meines vaters)

wie findet ihr das ganze so weit? was ist auszubessern? das typische halt

danke

*e*
sir_prize: zentrier deine seite bitte (margin: 0 auto;), bei meiner auflösung (1440*900) ist gerade mal die linke bildhälfte gefüllt :\

"selbermachen rockt am meisten :D" - -LeJean-

- Für das Logo brauchst du nie so nen großen Header
- :o Tausend Scroll-Bars. Wie wärs mit einem "mehr lesen" ?
- Representativere evtl. noch kleinere Symbole mit Legende wären cool 8-)
- In dem Kasten rechts oben noch 3px Abstand von oben
- Das selbe im Footer
- So ein Schein nach außen von dem ganzen gelben Kasten wär noch toll.
- Die Navi ist toll. Ich weiß leider immer noch nicht, wie man das hinkriegt, dass man eine Textnavi macht, aber trotzdem das Hintergrundbild nen Rollover hat...
Ne kleine Erklärung wär nett.

das mit den scrollbars ist mir auch schon negativ aufgefallen :\
mal gucken wie ich das am dümmsten mit einem kleinen link anstelle

die symbole, erm ja, vergessen zu erwähnen - die bleiben natürlich nicht so, aber im moment hab ich auch keinen plan, wie man das aussagekräftig realisieren könnte (für jedes gängige film-genre ein mini-logo -> wenn einer ne idee hat)

abstände werd ich einfügen

schein nach außen wird getestet / ggf. wirds nen schatten ... mal gucken

die sache mit der navi ist einfach:

Quellcode:a { background: url(button.jpg); }
a:hover { background: url(button_hover.jpg); }
das sind die zwei wichtigen sachen, bildnamen sind natürlich frei wählbar :)

danke dir so weit!

"selbermachen rockt am meisten :D" - -LeJean-

http://offshore-band.de/frauenliste

Jetzt kommt noch die Frauenliste Donau-Ries x_x, ich mag keine emanzen x-p
Das Logo musste ich so übernehmen, das Original sieht man auf der URL, die bei meinem Design im Footer angegeben ist..
C&C erwünscht, cool wäre auch eine Punktevergabe von 0-10, dann kann man sich immer besser einschätzen.
Habe diesmal Sir-Pepes Ein-Bild-Navigation eingebaut ;)

http://www.alpha-septic.net/hosted/heizung.jpg

Neues Design für einen Heizungs-sanitär-betrieb von nem Bekannten.

C&C willkommen

Oh mann, schade dass nix kommt, ich bräuchte dringend Feedback :(
Hier ein Update:

http://alpha-septic.net/hosted/wenningergmbh.jpg

oben im header hast du wohl AA vergessen :) (links unten die ecke bei "heizen mit zukunft")
den bereich neben dem logo finde ich etwas unattraktiv (irgendwie so "offen") - vllt den header einfach ein stück weiter nach links ziehen? (aber nicht zu viel)
"zufalls-referenz" finde ich irgendwie doof, entweder den objektnamen oder nichts hinschreiben, aber zufalls-referenz mag ich nich :(
ausserdem sollte da der dunkelorange streifen über dem weißen sein, und nicht darunter. somit wäre das menu klarer abgeschnitten.

im groben und ganzen ein solides design, was seinen zweck erfüllen sollte :)

ps: was eventuell noch fehlt wäre eine leistungsbeschreibung (was die alles so machen, die seite gibt sonst recht wenig sinn, nämlich nur eine visitenkarte). aber das entscheidet ja sicher der betrieb.
die seite dann im finalen design bitte horizontal zentrieren.

von mir auch mal ein kleines update: http://bigmovie-24.de/hp4/
für den header fällt mir immer noch nix ein :(

mit der freundlichen unterstützung von LeJean wird das ganze natürlich noch in php umgesetzt

"selbermachen rockt am meisten :D" - -LeJean-

UserFriendly: die Frauenliste-Seite ist nett, wirkt recht angenehm, auch die Farbabstufungen. Aber ich frag mich echt, wer so ein Logo verbrochen hat... Vor allem auch in Kombination mit der alten (/bisherigen) Website... aber deine Arbeit ist gut :)

Die Heizungsseite hat warme Farben, passt. Die Headergrafiken find ich gut, wenn auch das blaue Overlay imo etwas unpassend ist. Existierte das Logo schon, oder ist das von dir?

Edit: nur mal so... das hier ist meine Testatseite für "Web-Engineering" (1. Semester) - also wird da nix großes erwartet / abverlangt. Ist btw auch schon abgegeben, aber ich wollt's mal zeigen: http://jean.cocktail-db.net/demo/

Danke fürs Feedback!

@Exec:

Das Menü kannst du etwas schmaler machen und den Navi-Text damit etwas nach links rücken lassen.
Zwischen Film-Thumbnail und Filmtitel sollte etwas Platz sein.
Wie wärs mit nem Logo im Header, der imo noch etwas zu groß ist? *hust*
Zusätzlich kannst du ja irgendwas mit Filmstreifen oder so dazu mit reinbasteln.
Der Runde Kasten im Header (Neu auf...) passt meiner Meinung nach nicht so sehr zum eckigen Drumherum.
Anstatt den hässlichen W3C-Buttons kannst du dir auch eigene erstellen:
http://www.handcode.de/php/dyn-button.php

@LeJean:
Das Grau im Hintergrund ist mit etwas zu dunkel, die Schrift im Header kann weiß sein und Serifenschrift nimmt man normalerweiße nur für Fließtext :>
Die Menüschrift hätte ich etwas größer gemacht und vertikal zentriert, damit kannst du dann auch die Content-Schrift größer machen.

Zitat:

Serifenschrift nimmt man normalerweiße nur für Fließtext

Resetting politics:
http://www.onlinepartei.eu

ich hab hier mal wieder was, und brauch ein paar persönliche Meinungen zum Äusseren:
http://jean.cocktail-db.net/flift/

Wie wirkt das auf euch? Ist das Menü gut zugänglich? Was ist mit der Farbgebung? Den Icons? Der Seitenaufteilung? Den anderen Grafiken? etc...

Danke,
LeJean

Den Stil deiner Grafiken finde ich sehr geil. Vor allem wie du die Eiswürfel gestaltet hast. Noch ein wenig an den Farben und Details feilen, dann rocken die schon ordentlich.
Das Design ans sich find ich nicht so... prickelnd ;). Zuviel weiss für meinen Geschmack. Der blaue Verlauf im Header sieht aus wie bei zig Standart-templates irgendwelcher cms systeme und auch der Schriftzug macht einfach zu wenig her.

Insgesamt ist alles schön übersichtlich - aber bei einem Lifestylethema wie Cocktails erwarte ich mir einfach mehr. Vor allem kräftige, bunte Farben, so wie man sie auch in den Cocktails findet. Das Auge trinkt schließlich mit!
Nochmals zu den Grafiken: Evtl. würde ich an deiner Stelle überlegen, ob es nicht besser wäre die Cocktailgläser in einer großen Version auf die Seite zu bringen und dann durch zufallsgenerator durchtauschen lassen. In der jetzigen Mini-Version machen sie nur halb soviel her...

also die ganzen Gläser gibts als 200x200 px Grafiken im Infoteil der Seite zu sehen, also nicht als gestalterische Elemente, was aber ja nicht bedeutet dass ich nicht noch andere malen könnte oder sonstwie Farbe reinbringen könnt. Mir fehlt leider so ein bisschen der Ansatz da noch mehr mit Grafiken zu gestalten. Ich hab das Gefühl dass das dann schnell überladen wirkt und die Gläser mit den farbigen Inhalten keine Akzente auf der Seite mehr setzen.
Hast du konkrete Vorschläge? Vor allem auch bezüglich der Schrift? Eigentlich mag ich's wenn das recht simpel wirkt, ich muss ja - obwohl's mit lifestyle zu tun hat - nicht gerade so ne bling-bling-Seite haben *g*
Also solang das recht dezent bleibt möchte ich auf jeden fall optisch noch mehr machen, zumal ja der Content-Bereich nicht immer so getrennt / mit diversen Elementen gefüllt ist.

Danke für Kritik und Lob :)

LeJean

Edit: du hältst aber die Boxen im Inhaltsbereich / Menü nicht für die von dir angesprochenen "Eiswürfel", oder? Ist mir noch garnicht in den Sinn gekommen dass die so aussehen könnten, eigentlich waren die einfach nur da um das so voneinander abzuheben und getrennte Bereiche zu haben...

@lejean:
das neue design is zwar übersichtlicher als das alte, aber irgendwie ~
- die schrift in der navi beim hover fährt zu weit weg (sieht komisch aus bei mir)
- die hintergründe könnten mehr "glossy" sein, dann bekämen die so ein eiswürfel-touch, was ziemlich cool wäre (?)
- viel zu kalt und farblos für eine cocktailseite, imo (ziemlich hell halt)

nächste woche mehr dazu, oder auch nicht

"selbermachen rockt am meisten :D" - -LeJean-