Freedback/Verbesserungsvorschläge

Hi leute,
ich programmiere zur zeit ein Sci Fi Browsergame und bin zu dem punkt angekommen wo ich das layout der seite genau wissen muss also habe jetzt angefangen ein layout zu entwerfen nun wollte ich mal nachfragen ob es ok ist oder eventuell verbesserungsvorschläge gibt. das layout findet ihr unter http://cccpmik.wmw.cc/layout2.jpg. also wie gesagt das wird später ein sci fi browsergame. der login button hat ne andere farbe weil es der mouseover effekt sein soll. der banner wird in etwas so aussehen aber das bild wird anders zz ist es von einem wallpaper von rf online. bin auf euer feedback gespannt.Aber bitte mit Begründung wenn ihr etwas schlecht findet
MFG

grundsätzlich ist es IO aber wenn ich genauer gucke, dann fallen mir folgende sachen auf:

1. wirkt zu trocken, um als spieltheme durchzugehen

2. ich persönlich finde die dunkelblau/silber/grau kombi zu angestaubt und nicht attraktiv

3. erinnert mich vom gesamtbild  sofort an zigtausende andere "galaxy/space" BGs sowieso

4. wenn aber dabei bist: mein vorschlag sich nicht zu sehr auf design zu konzentrieren, dafür ist er jetzt schon die zeit nicht  wert, besser gleich mit dem spiel anfangen und skinable zu programmieren, wirst in verlauf der entwicklungszeit noch tausende andere ideen zur gestaltung haben

ok danke, ehm ich habe vergessen zu erwähnen dass es eh ein 0815 bg sein soll ich will das einfach nur programmeiren um zu sehen ob ich es schaffe. das layout selbst ist bei mir von dem eigentlichen code getrennt. auf jeden fall danke für die antwort. mal schauen was andere dazu sagen

MFG

Ich gib dir einen Tipp.

Erstelle nie Layouts mit Blindtexten, vor allem nicht "Text Text Text". So wird die Seite nie aussehen.

Fülle mal die Navigationen und den Contentbereich mit sinnvollem hardcoded Text, so wie es später im Spiel auftacuht. Sonst bekommst du nie einen richtigen Gesamteindruck.

Ansonsten, finde ich das Design etwas naja farblos und trist? Schau dir mal das Blau hier auf der Seite an, das ist richtig farbintensiv. Nicht dass du die Farbe jetzt kopieren sollst, aber vielleicht verstehst du, was ich meine.

undgefair so?

lol, hilfe ..... augenkrebs

blum, warum machst du sowas

@blackscrorp, du hast es selber gesagt: fang besser mit dem spiel an und vergiss diesen designunfug hier

...

@Makconner: Jaja, der Künstler ... was machst du denn für Kunst?

Gerade die Meinungen von Leuten gestaltungsferner Berufe sind auch sehr wichtig,
immerhin sollen nicht nur Grafiker (von Künstlern will ich mal garnicht reden, das is was ganz anderes) dein Spiel zocken.

Ich frage mich, warum es so klein/schmal angelegt ist.
Da muss man dann alles so reindrücken.

Die Farben finde ich auch ein wenig bedrückend.
Ist halt die Frage, ob du so eine düstere Atmo haben willst.
Die zweite Farbversion geht auf jeden Fall mal garnicht, da stimme ich Redrick zu.

Ich würde erstmal die ganzen weissen Umrandungslinien weglassen, die kasteln alles so ein, das sieht chwer nach 90er Webdesign aus.

Ansonsten find ichs garnicht so schlecht, nichts besonders tolles, aber ich hab schon wesentlich schlimmeres gesehn.

> Wenn du was wissen willst was mit Grafik zu tun hat... frag einen Grafiker
> Wenn um Kust geht frag einen Künstler...
> und wenns um Logik geht einen Logiker....

Und wenn du Rat über Finanzen brauchst, frag einen Bänker...

Man hat ja nicht nur an der Wirtschaftskrise gesehen, wohin beschränkte Weitsicht führt.

...

Also anstatt auf dem Niveau Grafiken zu machen, wuerde ich die Seite nur plain in HTML runterschreiben mit extrem minimalistischen Layout (maybe fonttype/size, back-/foreground-colour, paar div Positionierungen/floatings und bischen was fuer Listenlayouting) und alles andere an Layout komplett vernachlaessigen.

Wenn es gut strukturiert ist, wird sich schon irgendwann jemand aus der Community die Zeit nehmen, ein schickes CSS-sheet zu basteln. Wenn es noch keine Community gibt, dann vermisst auch niemand ein mieses Layout. Zum Testen reicht mein Vorschlag.

Das sieht dann zehnmal professioneller und schicker aus, als so...

@makconner: Ich würde mal sagen, du bist Illustrator/Zeichner. Und dein Post kam ein bisschen oberschlau rüber, daher die Reaktionen.

@Thema:

Kallisti hat da sicher nicht ganz unrecht :)

...

Wie auch immer. Ich muss kein Künstler sein um zu sagen, ob mir eine Website gefällt oder nicht, und dabei erhebe ich etwas Anspruch. Im aktuellen Fall handelt es sich aber um eine Verfehlung meines Geschmacks und Anspruchs und darum rate ich den OP sich auf das Wesentliche, nämlich programmieren und *hust* Rechtschreibung zu konzentrieren. Ein Schnitzer wie 'undgefair' geht schon über das übliche Maß an Standarten hinaus.

An sich fand ich das erste Layout gar nicht so übel, insofern das Endprodukt auch ein düsteres Setting aufweist.

Ein wenig breiter dürfte es jedoch durchaus ausfallen. 1024 px müssen es ja nicht sein, aber man sollte schon mit Platz für Content planen.
Kallistis Alternative erscheint mir da am sinnigsten.

*scnr
--> also... erlaube ich mir mich selbst als Künstler zu bezeichnen.

Was du als Kunst bezeichnest, würde so mancher als Geschmiere bezeichnen - und eben auch andersherum.
Nichts gegen deine Qualifikation als Illustrator, sowie gegen ein wenig Promo - aber was du hier auf GN betreibst verdient eher die Bezeichnung: "schamlose Selbstbeweihräucherung"

umpf....

ok.. Gang zurück...

mein erster Post zu diesen Thema ist anders angekommen als er sollte...
ich wollte nich ausdrücken das man einen Künstler brauch...

...ich bitte um Entschuldigung.

@Makconner: Meiner Meinung ist es ziemlich peinlich bereits geschriebene Beiträge weg zu editieren. Steh doch einfach zu dem, was du geschrieben hast. Klar, jeder schreibt mal Mist, aber man sollte wenigstens die Größe haben dazu zu stehen.

Und noch was ganz anderes: Wie in deinem weg editierten Beitrag angesprochen gibt es eben Künstler, Programmierer usw. und jeder ist in seinem Spezialgebiet gut und in den anderen Gebieten weniger. Du ordnetest dich als Künstler ein. Auch wenn ich den Stil deiner Grafiken nur bedingt mag, würde ich dem zustimmen. Das ist dein Spezialgebiet. Nicht das programmieren. Deshalb vielleicht einfach mal konstruktive Kritik wie sie verschiedene Leute üben annehmen, auch wenn sie vielleicht in deinen Augen etwas überheblich sein mag.

also erstmal vielen dank für die zahlreichen antworten konnte nicht früher was dazu schreiben hatte was zu tun:D also mein ziel war es im grunde ein layout welches so wenig wie möglich grafiken hat und etwas dunkler ist zu gestalten. das 2e layout war natürlich nur ein scherz mit dem hellen blauen hintergrund war nicht wirklich gemeint:D es ging hauptsächlich darum zu wissen dass das layout besucher nicht verschreckt. denn ich habe gehört und selbst erfahrung gemacht dass wenn ich auf eine seite gehe schaue ich mir layout an und dann erst den inhalt. ich habe hier in der spieler liste viele browsergames gesehen bei dem man nicht wusste wohin man klicken sollte. mein layout wollte ich desswegen einfach mit dem 3 spalten layout machen. und es soll halt nur ne seite sein für das spiel. aber spielinterface selbst sieht dann anders aus. also ich schätze ich werde das erste layout nehmen und es so lassen wie es ist. es muss ja nicht jeden ansprechen es soll nur nicht jeden verschrecken:D also aufjeden fall vielen dank für eure antworten ich mache mich mal kurz an css ran

MFG BlackScorp

Du hast halt zu starke/viele Kontraste, zu viele kleine wannabe Farbverlaeufe und zu viele unnoetige, haessliche Grafiken (Buttons...).

Besinn dich echt auf ein simples CSS Layout, vollstaendig ohne Grafiken. Das sieht wirklich um ein vielfaches schicker aus. Halbwegs huebsches Layout ist gar nicht schwierig... Verdana/Helvetica/Arial auf relativ kleiner Fontsize, paar divs mit 1 px solid border und sich fuer ein oder maximal zwei Farben, die komplementaer (z.B. Blau und Gelb) sein sollten entscheiden + Farbtonvarianten von der dominanteren der beiden Farben (Varianten heisst dabei im 5-15% Farbtonbereich Schritten hoch/runter, nicht 000020 und 0000ff, sondern eben 000066, 000044 und 000022 oder so..). Graustufen sind zudem erlaubt, sollten aber nicht so kontrastreich auftreten wie in deinem Beispiel.

Das ist jetzt meine Definition von Aesthetik, ich weiss nicht wie viel davon allgemeingueltig ist. Also definierende, aber vor allem harmonierende Farbgebung, klare aber dennoch leichte Konturen und feste Struktur.

Vor allem ist weniger fast immer mehr. Also immer alle Konturen und Linien moeglichst duenn halten, solang man nicht echt Ahnung von Grafikdesign hat und weiss es gezielt einzusetzen. Aber dann ist auch mehr noetig als ein paar Boxen und Linien.

Im Zweifel liegst du mit schlichtem Schwarz auf Weiss, also ohne jegliches Layout, besser als mit dem, was du bisher gepostet hast.

Kann natuerlich sein, dass ich mich da grob irre, weil es lediglich mein Geschmack ist und ich nichts in der Richtung "gelernt" habe, aber ich glaube mit den Grundsaetzen liegt man designtechnisch nicht verkehrt.

naja ich habe mal das layout umgesetzt

http://cccpmik.wmw.cc/game/ ich denke ich werde mir nicht mehr gedanken über das layout machen sondern mit dem spiel beginnen. viele dank für eure vorschläge. leider bin ich anwendungsentwickler und kein mediendesigner desswegen kenne ich mich mit farben nicht so gut aus habe einfachso was ausgewählt was mir so gut gefällt.

MFG

Aender halt vielleicht noch die grossen Serifenschriften fuer die Navigationselemente ab.. die sehen ohne margin ziemlich unprofessionell aus. Also ich wuerd es 2 Schriftgroessen kleiner machen, bischen margin dazu (4-6px) und ueberlegen ob serifenlose Schriften nicht huebscher sind. Man kann mit Serifenschriften zwar sehr stylische Sachen basteln, aber da muss man dann bewusst Akzente mit setzen - z.B. fuer Ueberschriften im Zeitungsformat.

Wenn du dann noch die "Knubbelbalken" oben und unten weg machst, und durch einen einfachen Rand ersetzt, sowie die Username und Passwort Box nicht grafisch, sondern mit CSS stylst (guck dir das Ding mal im Safari an und klick drauf -_- native Elemente schauen in den meisten Browsern cooler aus), sieht es fast akzeptabel aus.

Und ich wuerde in den grauen Boxen den Header komplett weglassen. Das ist imho unnoetige Information. Sieht wahrscheinlich auch schicker aus, wenn dann diese horizontale Trennlinie wegfaellt, dann kann der Farbverlauf bleiben...

PS: Registrierung, ausloggen, einloggen

Ich weiß ja nicht ob das eine fertige Seite ist oder nur ein schnell geschriebener Test fürs Layout, aber hier paar Sachen die mir aufgefallen sind:

Startseite:

• Auf der Startseite wird "Viel SpaÃ" ausgegeben, im Footer auch ein komisches Zeichen, vielleicht falsche Zeichenkodierung?
• "auslogen" und "einlogen" würde ich entweder mit zwei "g" jeweils schreiben oder durch "Anmelden"/"Abmelden" ersetzen
• Banner fehlt noch oder warum ist da so eine große Lücke?

Registrierung:

• "Regestrieren" => "Registrieren" als Buttonbeschriftung auf der Seite und unter dem Login sowie beim Titel der Seite
• "(1) Der Benutzername muss zwischen 3 und 20 Zeichen lang sein und muss nur aus Buchstaben und Zahlen bestehen" => das zweite "muss" würde ich durch "darf" ersetzen
• Passwortbeschränkung auf maximal 12 Zeichen, warum? Ich verwende normalerweise 20 beliebige Zeichen/Sonderzeichen/Zahlen und ärgere mich immer über Seiten die mich keine solche sicheren Passwörter eingeben lassen
• "(3) Die E-Mail Adresse muss gültig sein. Biede eingegebenen E-Mail Adressen müssen gleich sein" => "Biede" soll wohl eher "Beide" heißen

Vom Layout her ist es Geschmackssache. Mir persönlich gefällt es nicht, weil das Layout nichts vom Geühl eines Browsergames vermittelt.

Das aktuelle find ich gar nicht so verkehrt (mal davon abgesehen, dass es das Wort "Regestrieren" nicht gibt).

Wenn du mal andere Farbkombinationen ausprobieren willst, wirf einen Blick auf http://kuler.adobe.com/. Aber meine Vorredner haben recht: Lass es jetzt so, wie es ist und konzentrier dich auf's Spiel.

Halte dich erstmal an Kallistis Vorschlag.
Mach ein einfaches Layout ohne viel Schnick Schnack.
Benutze ein paar Elemente und positioniere sie mit:
http://www.w3schools.com/Css/pr_class_position.asp
http://www.w3schools.com/css/pr_class_float.asp
so wie du sie haben willst.
In Sachen Farben empfehle ich dir:

http://colorblender.com/
http://www.colorschemer.com/online.html
Suche dir eine Farbe die dir gefällt
und lass dir die dazu passenden Farben vorschlagen.

Hi BlackScorp,

nettes Layout. Viele Leute haben Dir shon gute Ideen gegeben wie Du es noch ein bisschen besser machen kannst. Was mir noch auffaellt ist, dass Du bei den Ecken der Buttons sehr unsauber gearbeitet hast. Das ist ziemlich verpixelt. Das kannst Du besser, da bin ich mir sicher.

An sonsten fand ich das Bild im Header eigentlich sehr cool. Kommt das wieder rein?

Viele Gruesse,

cherry

ja wegen den rechtschreib fehlern das habe ich mal schnell hingetippt. wegen diesen komischen zeichen es sind umlaute die blöderweise nicht angezeigt werden aber das wird auch noch behoben. der platz oben ist für den header, den möchte ich erstellen wenn ich eigene grafiken erstellt habe. die buttons sind verpixelt weil es von png nach jpg convertiert wurde. passwort grenze da dachte ich mir dass wenn das passwort kürzer als 12 zeichen ist, kann sich der user es besser merken. ausloggen und einloggen mit anmelden abmelden zu ersetzen finde ich eigentlich richtig gut das werde ich auch umsetzen. die farben sind eigentlich ok ich denke das gesamt bild ändert sich sobald ein vernüftiger banner drin ist und mehr inhalt drin steht. aber ich werde mir später paar nette layout ausdenken. der banner, der in der jpg datei zu sehen, ist nur ein bearbeitetes bild von einem wallpaper eines mmorpgs:D der kommt natürlich nicht im endlayout rein. zum vergleich schaut euch mal die stämme an und denkt euch mal den banner und den typen links weg da bleiben auch nur 2 kästchen übrig und man würde nicht sofort an ein browsergame denken. ich programmier mal einfach mit diesem layout weiter und erstelle zum schluss ein endlayout

MFG

EDIT: so habe mir mal von http://kuler.adobe.com/#themes/search?term=Optimist die farbpalette genommen und das ist entstanden

http://cccpmik.wmw.cc/layout3.jpg

eventuell ist es eher ansprechender?? weil so viele negative bemerkungen über das erste layout:D das geht nicht

das is echt mal interessant, dass man mit eigentlich guten Farben in der falschen zusammenstellung auch ein schlechtes Layout machen kann.

Sorry, aber in deinem Layout passen die Farben so echt garnicht :(

Viel schlechter als vorher leider.

Wenn du mit den Farben was machen willst, musst du die anders kombinieren.
Eher die Brauntöne zueinander und Blau zu blau, aber nicht so völlig durcheinander.

Und mit Verläufen solltest du auch vorsichtiger umgehen bzw. einfach weglassen.

ach verdammt:( bin halt programmierer und kein designer:( aber ich probier mal weiter

Original von Blabbo

Viel schlechter als vorher leider

das nenn ich mal herunterwirtschaftet,  IMHO ist es das blödeste was man machen kann, in einer Community die Farbgestaltung seiner Homepage zu diskutieren, bringt einen nie weiter sondern sorgt für zusätzliche verkrampfungen, herzlichen glückwunsch

So du an blauen Farben bzw. Farbverlaeufen und dazu korrespondierenden Farben festhalten willst, waere der Styleguide der Bundeswehr fuer entsprechende Inspirationen zu empfehlen.

Auch sonst finde ich den Styleguide gelungen und wuerde empfehlen, etwas Aehnliches zu erstellen. So besitzt man auch fuer "spaeter" eine fest definierte Vorlage, so dass einheitliches Aussehen garantiert wird, so man sich an diese Vorlage haelt.

Dhyani

Original von BlackScorp

ach verdammt:( bin halt programmierer und kein designer:( aber ich probier mal weiter

Orientier dich doch erstmal an anderen Seiten/Templates. Dabei lernt man auch viel.
Ob es gerade die Bundeswehr ist, an der man sich orientieren soll ... naja. Ich finde die Farben doch sehr kühl, ein bisschen zu krankenhausmässig.
So ein Styleguide ist prinzipiell aber natürlich ne sinnvolle Sache

Original von Redrick

das nenn ich mal herunterwirtschaftet,  IMHO ist es das blödeste was man machen kann, in einer Community die Farbgestaltung seiner Homepage zu diskutieren, bringt einen nie weiter sondern sorgt für zusätzliche verkrampfungen, herzlichen glückwunsch

 soo negativ muss man´s jetz auch nicht sehen.

Original von Redrick

Original von Blabbo

Viel schlechter als vorher leider

das nenn ich mal herunterwirtschaftet,  IMHO ist es das blödeste was man machen kann, in einer Community die Farbgestaltung seiner Homepage zu diskutieren, bringt einen nie weiter sondern sorgt für zusätzliche verkrampfungen, herzlichen glückwunsch

irgendwie sehe ich das ein. habe mal nach inspirationen in der spieleliste mich etwas umgeschaut und ehrlich gesagt fast alle spiele die unter top 100 sind haben so ein schlechtes layout der page und manche sogar von den top 100. dann werde ich mir auch nicht die mühe machen vorallem wenn ich nciht mal sicher bin ob das spiel jemals online kommen wird. vielen dank für eure antworten ich werde einfach mal 3 spalten mit header setzen und fertig:D ohne farben textformatierung etc das reicht vor erst.

MFG

PS: Disskussion ist beendet thread kann geschlossen werden

sry aber ich konnte nicht einfach ruhe geben. es kann doch net sein dass ich es nicht schaffe ein layout hinzukriegen. habe nun geübt probiert experementiert und folgendes ist dabei rausgekommen. vllt entspricht das jetzt euere vorstellung??

http://cccpmik.wmw.cc/layout4.jpg

MFG

Sieht auf den ersten Blick ganz nett aus.
Ich würde das aber nicht Ingame verwenden.
Ich persönlich hasse 300px hohe Header,
wenn ich dafür ewig zum Content scrollen muss.

nene es soll nur die startseite sein für das spiel selbst werde ich mir was anderes ausdenken am besten ohne bilder um traffic zu sparen

Original von BlackScorp

nene es soll nur die startseite sein für das spiel selbst werde ich mir was anderes ausdenken am besten ohne bilder um traffic zu sparen

dafür sieht das nu aber ziemlich gut aus :D

Original von BlackScorp

http://cccpmik.wmw.cc/layout4.jpg

MFG

meinen segen hast du, sofern wert drauf legst

Original von Redrick

Original von BlackScorp

http://cccpmik.wmw.cc/layout4.jpg

MFG

meinen segen hast du, sofern wert drauf legst

Meinen hättest du nur, wenn du die obere Grafik als "Grafik" machst - und den Rest "steriler" mit normalen CSS/HTML. Gegen "runde Ecken" -- oder besser: leichten Schatten -- ist natürlich als Garnierung nichts zu sagen.

Aber, das ist das bereits angesprochen wurde: Jeder hat so seine Präferenzen, ich ga es lieber so mac-web2.0-dynamisch-schlicht..

@drezil

danke

@reddick

ich lege natürlich wert drauf

@knalli

das hatte ich natülich eh vor nur mit schatten muss ich mir noch überlegen wie ich es hinkriege

MFG

PS: ich finde das layout irgendwie nicht so besonders ich werde es mal mit orange schawarz kombi versuchen vllt klappts dann

Die Farben sind eigentlich gar nicht so schlecht, solltest eventuell nur die Palette für deinen Guide erhöhen. Ob man dann eine Nuance der Farbe ändert, kann man ja noch gucken.

Sofern du die "grafische Komplexität" im unteren Bereich schlichtest, wäre ein Schatten nicht schwer. Ich würde dir auf jeden Fall empfehlen, den Schatten -- soweit es möglich ist -- nicht in die Grafik sondern als Hintergrund (CSS!) einzubinden. Das sorgt für Flexibilität und ist überdies kleiner/schneller. Läßt sich als transparente PNGs lösen; Support für IE6 (falls erforderlich) müsste evtl über das IE7-Script eigentlich zu lösen sein.

Mich stören wieder die ganzen Ränder. Weniger wäre hier imo mehr.

Die unterschiedlichen Schriftarten gehn natürlich auch nicht.
Versuch auch nicht zu viele leicht unterschiedliche Schriftgrößen zu benutzen.
Du hast natürlcih nur schnell mal irgendnen Text in irgendner Schriftgröße und -art reingeballert.
Damit bekommst du aber nen falschen Eindruck von der Gesamtgestaltung, weil die Schrift ungeheuer wichtig ist.
Deswegen, wie oben schon jemand geraten hat, realistische Texte benutzen.

mach keine Verläufe von weiss nach blau, versuch lieber von hellerem blau zu dunklerem blau.

Aber im Endeffekt musst eh du zufrieden sein mit deinem Layout

Original von Blabbo

Deswegen, wie oben schon jemand geraten hat, realistische Texte benutzen.

http://de.lipsum.com/ - falls nichts besseres zur hand :D

Das Lorem Ipsum ist für eine deutschsprachige Seite leider nur suboptimal, da es den "Grauwert" eines Lateinischen Textes simuliert. Es gibt auch Lorem Ipsum basierend auf deutscher Sprache, die mir in diesem Fall besser erscheinen, leider finde ich auf die schnelle keinen Onlinegenerator.

Und nur für diesen Zweck sich mit LaTeX auseinander zu setzen ist overkill :-)

es war ja auch nur gedacht, damit da nicht nur ein satz als blindtext steht .. oder noch schlimmer "TEXT TEXT TEXT..."

außerdem ist der grauwert von latein und deutsch nicht so weit auseinander, denke ich mal..

ok danke für euern impressum:D habe nun das 5e layout erstellt. nun muss es euch gefallen. denn mir gefällts

http://cccpmik.wmw.cc/layout5.jpg

oder habe ich wieder von irgendwas zu viel??

MFG

Grafisch OK, würde noch die Begriffe 'Copyright' (gibt es in Deutschland übrigens nicht) und 'ausloggen' übersetzen. Wenn deutsch, dann richtig.

Geschweige von 'Home' und 'News'

ja wollte eh dort das copyright zeichen reinsetzen und ich änder das mal um in angemeldet bleiben. home und news etc das sind alle texte die ich einfach mal so eingetippt habe

Mach doch die doofen grauen linien raus!

den rand? ich weis net dann siehts irgendwie komisch aus

zeig mal ohne die Linen

http://cccpmik.wmw.cc/layout5_ohnerand.jpg hier ohne rand(oder habe ich jetzt zu viele ränder ausgemacht?):D

Ist falsch verlinkt ;)

Aber ich denke es geht vor allem um die 3 linien, die das 3-spalten-layout ausmachen. Konkret: die beiden senkrechten zwischen links/mitte und mitte/rechts, sowie die horizontale zwischen content und login

es ist nicht falsch verlinkt sondern da war irgendwie ein leerzeichen davor und ich kriege es nicht raus. so nun habe ich die erwähnten striche weggemacht sieht irgendwie "nackt" aus:D

http://cccpmik.wmw.cc/layout5_ohnerand.jpg <-- link um zu zoomen

Das ist auf jeden fall schon besser. jetzt noch die hintergrundfarbe der login-leiste und footer ändern (beides die selbe) und sich sachte absetzen lassen und damit den kontent verpacken. Dann dem seitenhintergrund ein dezentes muster oder pattern verpassen und dann find ichs als erste Version ganz gut.

schon viel besser, kannst auch gerne noch mehr linien wegmachen :)

Daumen hoch :-) find das ohne die linen viel besser als mit.

Find da ist nen richtig guter lernprozess zu erkennen.

Original von buhrmi

Das ist auf jeden fall schon besser. jetzt noch die hintergrundfarbe der login-leiste und footer ändern (beides die selbe) und sich sachte absetzen lassen und damit den kontent verpacken. Dann dem seitenhintergrund ein dezentes muster oder pattern verpassen und dann find ichs als erste Version ganz gut.

ein paar sachen musste mir erklären

was meinste mit sachte absetzen lassen und pattern ?? sagt mir irgendwie nichts

und was ist mit dem hintergrund über den banner? soll er die selbe farbe haben wie die footer leiste und login leiste?

MFG

Halt die Leiste wo die Login-Box drin ist und den Footer farblich vom rest des Inhalts absetzen, aber nur dezent. Auf GN z.b. ist es ein dezentes hellblau

Mit pattern meine ich ein muster.  z.b. sowas hier http://69.90.174.248/photos/display_pic_with_logo/56981/56981,1177410413,3.jpg ... nur eben etwas besser passend für das thema. Und auch nur sehr dezent, womöglich auch nur im oberen bereich der seite oder an den rändern, und den Kontrast langsam verlaufen lassen.

UI, wieder ganz andere Farben. Sehen auch nicht schlecht aus, und ohne die Linien wesentlich besser. Aber du bist nocht konsequent, manche Boxen haben runde Ecken, manche nicht.

http://cccpmik.wmw.cc/layout5a.jpg  hier mit patern und eine trennung. eventuell andere farbforschläge wegen der trennung body vom login??

Die Seitenblöcke bündig mit dem Mittelblock

Die Horizontalen Leisten (Login, footer, etc) würd ich in der selben Farbe halten.

Würde keine runden Kanten oben machen, das sieht komisch aus.

Und dann reicht es eigentlich für eine erste Version.

So eventuell??

http://cccpmik.wmw.cc/layout5a.jpg

so mein layout ist nun fertig ich habe mich für dieses entschieden

http://cccpmik.wmw.cc/layout5a.jpg

vielen dank für eure tipps

MFG

Ich würde die Eingabefelder für den Login noch beschriften, dass der Benutzer weiß dass er sich da einloggen kann. :)

naja es steht doch in den eingabefeldern was der user eingeben muss. ich schätze es ist ja offensichtlich oder meint ihr es gibt wirklich user die nichts mit einem eingabefeld anfangen können wo benutzername steht??

Original von BlackScorp

naja es steht doch in den eingabefeldern was der user eingeben muss. ich schätze es ist ja offensichtlich oder meint ihr es gibt wirklich user die nichts mit einem eingabefeld anfangen können wo benutzername steht??

Wenn du es so haben willst, lass es so. Ansonsten setze korrespondierende Labels und setz sie klein drüber.. oder verstecke sie.

Defaults in Textfeldern: Wenn du nicht gezwungen wirst, mach' sie leer bzw. bau ein kleines intelligentes Javascript, die den Default (und bitte nur den) beim Focus entfernt.

pS: Ich fände das ohne diese Rahmen weiterhin besser, aber ist ja deine Seite :)

ja aber das orangene und das graue sieht komisch aus wenn da kein rahmen ist

habs mal ohne rahmen hochgeladen schaue es dir mal an. oder meinste es sieht wirklich besser aus??

http://cccpmik.wmw.cc/layout5a.jpg

Und jetzt der Rahmen drumherum auch noch.. stattdessen würde ich (persönlich, wenns dir nicht gefällt, dann nicht) eine leichte (optische) Wölbung unten und oben machen; und drumherum einen leichten Schatten (Durchmesser maximal 10). DIe Wölbung könnte man evtl auch durch einen Übergang zu Schwarz hinkriegen?

@BlackScorp mach einfach ein Design, was Dir gefällt. Und fertig.

Wenn Du nur auf andere hörst, hast Du am Ende etwas, das weder Du noch alle andere wirklich mögen.

Original von knalli

Und jetzt der Rahmen drumherum auch noch.. stattdessen würde ich (persönlich, wenns dir nicht gefällt, dann nicht) eine leichte (optische) Wölbung unten und oben machen; und drumherum einen leichten Schatten (Durchmesser maximal 10). DIe Wölbung könnte man evtl auch durch einen Übergang zu Schwarz hinkriegen?

ne wollte keine farbverlaufe machen. einer sagte doch mal hier:

wenn der webmaster nichts drauf hat, macht er farbverlaufe:D und so wie es jetzt ist ohne den rand siehts irgendwie doch net so schlecht aus. ach mensch ich dachte mir so jetzt das wars das layout nehme ich und nun kommen weitere vorschläge:D

Nope. Du hast mich falsch verstanden. Es geht um eine Wölbung, das kann man _durch_ einen kleinen Verlauf hinkriegen. Wir reden hier von Transparent-zu-Schwarz, 10 Pixel breit.

Sowas meinte ich.Gut platzierte Verläufe gibt es meiner Meinung schon, und es gibt eben den Verlauf des Verlaufs wegen und den Verlauf als Werkzeug.

Aber blum hat schon Recht; das Perfekte Design und öffentliche Diskussion schließen sich aus :)

achso ne ich lasse das jetzt so wie es ist:D zu viel zeit damit verplempert muss langsam mich an die eigentlich page ranmachen

MFG

Wirkt das nur auf mich so, oder sind die Fenster "Navigation" und "Werbung" in der Höhe leicht versetzt?

ne die sind versetzt es ist ja nur ein jpg bild die position wird im css natürlich auf gleicher ebene sein

Ach so, ich dachte es wäre ein Screenshot und da steckt noch irgendwo ein Fehler drin... Nicht schlecht zusammengestellt.

Vor allem hätte ich nicht gedacht, dass die Hinweise zur "passenden" Farbwahl im Unterbewusstsein so einen riesigen Unterschied ausmachen. Schönes Design und es wirkt von Tipp zu Tipp den er bekommt immer besser.

danke gebe mir auch mühe;) aber eine frage hätte ich noch. soll ich die breite der page prozentual gestalten oder fest?? was wäre eure meinung nach besser?? denn meine angst liegt darin dass bei prozentualer breite alles sich verschiebt(besonders IE6) und bei fester breite kann man auf großen auflösungen(1600 aufwärts) nichts erkennen. was soll ich da machen??

Original von BlackScorp

danke gebe mir auch mühe;) aber eine frage hätte ich noch. soll ich die breite der page prozentual gestalten oder fest?? was wäre eure meinung nach besser?? denn meine angst liegt darin dass bei prozentualer breite alles sich verschiebt(besonders IE6) und bei fester breite kann man auf großen auflösungen(1600 aufwärts) nichts erkennen. was soll ich da machen??

Auf jeden fall fest. Weil sonst kann man in nidriegen auflösungen (Handy ist ja sehr beliebt in dem Bereich) nichts mehr erkennen.

Was noch raffinierter wäre: Feste angaben, per javascript bei Bedarf (screen.width() - je nach framework) die breite verändern (z.b. 85% einsetzen).

bei allem über 1280+1024 nie über die ganze Bildschirmbreite gehen oder man kann einen Text nur schwer lesen (oder man macht 2 Texte nebeneinander .. was aber den meisten "designs" widerspricht).

ich habe mir gedacht was wenn ich die breite fest eingebe aber die schriftgröße prozentual mache dann wird sich ja nur die schrift ändern je nach auflösung oder wäre das nicht gut??

Lass dir von jemandem mit 1920*1200 sagen: Lass es bei einer festen Breite.

Ich kann nur von mir sprechen aber ich nehme an, dass die wenigsten mit großen Monitoren ihren Browser maximieren. Das ist ja gerade das angenehme an großen Monitoren, dass ich nicht nur den Browser, sondern noch ein zwei andere Programme sichtbar haben kann.

Um deine letzte Frage zu beantworten: Wie schon Drezil sagte ist das Hauptproblem bei der dynamischen Herangehensweise die Lesbarkeit. Wenn du versuchst, das durch dynamische Schriftgrößen anzupassen, bist du auf dem falschen Weg :) Die Lesbarkeit geht nicht durch die Schriftgröße verloren, sondern dadurch dass die Absätze viel zu breit werden. Und glaub mir, dynamisch größer werdende Schrift kann sehr .... ungewollt aussehen.

Fazit: So lassen, Arbeit sparen und dem wesentlichen widmen :)

http://cccpmik.wmw.cc/chosenone/  ok dann müsste ja das layout bei deiner auflösung normal aussehen oder??

MFG

Teste mal wie es aussieht wenn du überall 5-10px padding drauf packst.

Original von BlackScorp

http://cccpmik.wmw.cc/chosenone/ ok dann müsste ja das layout bei deiner auflösung normal aussehen oder??

Ja, links und rechts jeweils dünne Randstreifen, die ich aber sehr angenehm finde. Meinen Segen hast du ;)

Du hast den Schatten gefaked - das merkt man beim Resize :) Den Schatten kannst du auch ein transparentes PNG legen (evtl sogar GIF). Dann ist er sogar kleiner (da du nur wenige Pixel hoch machen musst. Und natürlich unabhängig von deinem Hintergrundbild.

Mehr Whitespace bitte, das sieht mir jetzt alles sehr gedrungen aus.

Der Button zum Login (ich erschließe mal, das soll er sein, ist nicht eindeutig zu erkennen) ist größer als die restlichen Felder; sollte rechts von den Elementen stehen (nach meiner Auffassung).

Ansonsten als Community-Entwurf durchaus brauchbar und gut :D

ok danke aber war das nicht so dass einige browser versionen transparentes png nicht unterstützen? und im welchen browser ist der login button nicht sofort erkennbar?soll ich ihn wirklich nach dem nicht ausloggen wort hinzufügen??

IE6 kann keine transparenten PNGs aber der wird ja gerade für tod erklärt ;)

Ich find den Loginbutton dort ok aber wenn du schon mit JS rumspielst, dann bitte ordentlich. Im moment löschst du den Input-Inhalt bei jedem Klick. Es macht aber nur sinn, wenn noch der Defaulttext drinsteht. Außerdem solltest du dir "unobstrusive" JS angewöhnen. Wenn du vorhast, an mehreren Stellen JS zu verwenden, solltest du ein Framework in Erwägung ziehen ( http://jquery.com/, http://www.prototypejs.org/, http://mootools.net/, http://www.dojotoolkit.org/, ... such dir eins aus ;) )

ach ja... danke für den hinweis. aber ich schätz für die paar kleine JS sachen, die drin sein werden , werde ich wohl kein framework brauchen(zumindestens nicht auf der community seite). ein weiteres JS werde ich höchstens für popups mit meldungen einbauen aber mehr auch nicht.

Original von BlackScorp

ok danke aber war das nicht so dass einige browser versionen transparentes png nicht unterstützen?

Mittels ie7-Script ggf lösbar, ansonsten wie vorgeschlagen ein Gif.

und im welchen browser ist der login button nicht sofort erkennbar?soll ich ihn wirklich nach dem nicht ausloggen wort hinzufügen??

Ich finde, dass der Button als solcher a) nicht gut zu erkennen ist und b) die Funktion nicht ersichtlich ist. Man kann nur durch Raten darauf kommen, es für den Loginbutton zu nutzen. Und dann kommt die Frage, warum überhaupt so? Ich sehe im Design dafür so eigentlich keine Notwendigkeit.

naja gut ich werde es mal in ein normales button mit hintergrund ändern ihr habt schon recht. und außerdem ist es halt etwas komplizierter umzusetzen mit dem kleinen button:D

ok habe nun den button geändert , hoffe der ist jetzt besser

http://cccpmik.wmw.cc/chosenone/

MFG

Tud mir Leid aber: Schlimmer als vorher. Textfelder sollten auf den ersten Blick von Buttons unterscheidbar sein. Mach doch den ganzen Button mit diesem Rotverlauf. Der Pfeil kann bleiben aber auf jeden Fall darf es nicht nach einem Textfeld aussehen.

ok habs geändert

MFG

Meeeehhrr paaaddddiiiinnngggg

Mir gefällt die Seite soweit schon ganz gut.
Eine Sache noch, mach die Höhe der Seite auf 100%, damit der dunkle Schatten links und rechts nach unten durch gezogen wird.
So ist das Ganze etwas abgeschnitten.

Ich würde die roten Balken, in denen "Navigation" und "Werbung" steht, auf eine Höhe mit dem roten Balken aus dem Hauptfenster bringen. Dann sind zwar die Fenster versetzt, aber zumindest ich finde das schöner.

Der Text im Werbefenster fließt bei mir aus dem Fenster raus (Firefox 3 (Iceweasel), 1280*1024).

mehr padding erledige ich demnächst

wegen der page height da arbeite ich gerade dran

navigation und main fenster auf selbe höhe bringen ist ne gute idee jedoch gefällt es mir persönlich nicht

der text lauft über die div box weil der text zu lang ist später kommen da eh banner rein. ich muss jetzt alles wieder von neu machen da mir auffiel das es lange dauert den hintergrund zu laden muss jetzt die div suppe aufraumen:D

MFG

Naja, wegen der Höhe: Bei mir mit einer 1680*1050(Aber auch bei 1280*1024)-Auflösung schaut die Seite so "klein" aus, sprich sie "klebt" eigentlich nur ganz oben(Von 870px sind ca. 330 genutzt...). Ist halt meine persönliche Meinung, weil hier z.B. hat man quasi wenigstens die gesamte Seitenhöhe genutzt.

Original von Valerion

Naja, wegen der Höhe: Bei mir mit einer 1680*1050(Aber auch bei 1280*1024)-Auflösung schaut die Seite so "klein" aus, sprich sie "klebt" eigentlich nur ganz oben(Von 870px sind ca. 330 genutzt...). Ist halt meine persönliche Meinung, weil hier z.B. hat man quasi wenigstens die gesamte Seitenhöhe genutzt.

irgendwie ist das nicht möglich ich habe bereits alles ausprobiert, wenn ich zb das content auf 100% erhöhe, ist der schatten irgendwann nicht mehr dahinter. hat jemand irgendwelche tricks und tipps wie man am besten schatten plazieren kann ohne probleme mit floats etc zu kriegen??

Setz doch einfach ein Element unten drunter..