• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Layout bewerten

Status
Für weitere Antworten geschlossen.
iplay

iplay

Neues Mitglied
Ich bin noch blutiger Anfänger im Design von Webauftritten.
Ich bitte euch mein Design mal kurz zu bewerten und mir zu sagen, was ich besser machen kann.

Liebe Grüße :wink:
 

Anhänge

  • Layout-2.jpg
    Layout-2.jpg
    97,5 KB · Aufrufe: 38
Werbung:
Moin,

ich find die Farben sehr blass. Aber das ist wahrscheinlich so gewollt wegen "Winter"?
Irgendwie finde ich den unteren Rand des oberen Elements etwas befremdlich. Alle anderen Elemente haben außen rum überall einen feinen, zierlichen Rahmen und an der Stelle, wo dann das Menü klebt, protzt so ein fetter blauer Balken.

Aber eigentlich ist das ja schon fast ne Bewertung des Designs[1] und weniger des Layouts. Hmmm...

Naja, die Schwierigkeiten kommen bei der Umsetzung.

[1] Oh, im Text steht ja, Du willst das Design bewertet haben. Ich hab das wohl überlesen, im Topic steht "Layout bewerten". Na, dann passts ja :-)
 
@ efchen
Ja, die Farben sind eigentlich absicht. Ich würde sie aber auch ändern, wenn jemand was anderes (besseres) einfällt.

coden werde ich das Design aber erst später irgendwann.

Ups. :shock: Das mit der Topic war ein versehen. Wollte eigentlich Design hinschreiben. Da war ich woll ein bisschen zu schnell! ;-)

Danke für deine Meinung. ;Jump
_________________________________________

Würde mich über andere Vorschläge auch noch freuen. :-D
 
Werbung:
hi.
erstmal schon gar net schlech. bin auf die umsetzung gespannt.

mir persönlich wäre des blau zu grell. mehr leuten kann mein display nicht mehr packen ;)aber das ist geschmacks sache.

der blau balken ist nicht so der hit (s. efchen).

wenn du schatten benutzt dann soltest du auch überall welche machen (zumindestens im gleichen breich). unten sind teilweise schatten teilweise nicht wirkt etwas merkwürdig.

Achte auf deine Rundungen, manche sind etwas pixelig was sehr unschön ist.

Soweit erstmal.

Gruß KY

P.S.: sag mal wie lange hast du für des design gebraucht?
 
Ich danke auch dir für deine Hinweise. :-D

Für das Design habe ich 7 Stunden gebraucht.
icon7.gif


Liebe Grüße
_____________________________________

Hat irgendjemand noch ne idee, welche Farben besser wären?
 
ich habe mein Design den bisherigen Vorschlägen mal angepasst. Ich hoffe ich hab die auch richtig verstanden!
icon10.gif


Was meint ihr jetzt dazu?

Bei den Farben bin ich genau so ratlos wie vorher. :???:

Liebe Grüße

icon12.gif
 

Anhänge

  • Layout-3.jpg
    Layout-3.jpg
    94,5 KB · Aufrufe: 17
Werbung:
Also ich finde das Design/Layout recht gut gelungen (erst Eindruck).

Die Farben passen zu der Jahreszeit: kalt - ruhig.

Ich bin auf deine Umsetzung gespannt.
 
Bin ich in die "Div-Suppe" gefallen? :oops:
Mich verunsichern die ganzen anderen Beiträge in dem Forum!:shock:

Bitte mal schauen!
icon12.gif

Nicht auf den Inhalt achten. Da kommt irgendwann was sinnvolles rein.

_______________________________________________________________
Mein Quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>MyStyle</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="navi.css" />

</head>
<body>


<h1 class="kopf"></h1>


<ul>
<li class="navibutton"><a href="home.php"><p class="nav">Home</p></a></li><li class="navibutton1"><a href="ueber_mich.php"><p class="nav1">Über mich</p></a></li><li class="navibutton2"><a href="barock.php"><p class="nav2">Barock</p></a></li><li class="navibutton3"><a href="architektur.php"><p class="nav3">Architektur</p></a></li><li class="navibutton4"><a href="mode.php"><p class="nav">Mode</p></a></li><li class="navibutton5"><a href="impressum.php" class="link">&nbsp;<p class="nav4">Impressum</p></a></li></ul>




<div class="g">&nbsp;
<ul>
<li class="l"><a href="weisnicht.php" class="link">&nbsp;<p class="navi">Dort hin</p></a></li><li class="l1"><a href="weisnicht1.php" class="link">&nbsp;<p class="navi">Da hin</p></a></li><li class="l2"><a href="weisnicht2.php" class="link">&nbsp;<p class="navi">Hier hin</p></a></li></ul>
<div class="b">&nbsp;
<p>hier kommt irgendwann die bildlaufleiste hin.</p>
</div>

<div class="r">&nbsp;

<h1 class="ue">Aktuelles</h1>

<p>Hier würdet ihr was aktuelles finden, wenn ich was reinschreiben würde.</p>

</div>

</div>
</body>
</html>



<!-- erste includierte Seite
<div class="h">

<h1 class="ue">Barock</h1>

<p>Das Wort "Barock" bezeichnet in erster Linie den repräsentativen, effektvollen und oft
theatralischen Stil, der in der Zeit der Gegenreformation im späten 16. Jahrhundert von Rom
ausgehend zunächst vor allem durch die katholische Kirche verbreitet wurde. Bald wurde dieser
Stil aber auch von den weltlichen Fürsten aufgegriffen, die nunmehr absolut, d. h. ohne
Kontrolle durch die Versammlungen des Adels und der Bürger, regierten.</p>

<p>Die prächtige Ausstattung von Schlössern und Herrensitzen diente ihnen und den Angehörigen
der höfischen Gesellschaft dazu, ihre Macht zur Schau zu stellen und dadurch zu festigen.</p>

<p>Noch zu sagen ist, dass Barock nicht nur Architektur, Bildhauerei und Malerei, sondern auch die
Musik und Literatur war. Aber darauf werde ich auf meiner Seite nicht eingehen.</p>

<p>Mich fasziniert in erster Linie am Barock die Architektur. Deshalb ist meine Seite auf diesem
Hauptthema aufgebaut. Mein Ziel für die Zukunft ist es ein Haus im Barockstil zu besitzen bzw. zu bauen.</p>

<p>Ich bin auf diesen Stil gekommen, da mich unter anderem dieses Haus (befindlich in Görlitz) inspiriert hat.
-Hier Bilder meines Traumhauses-</p>

<p>Des Weiteren haben meine Eltern mich früh schon zu Besichtigungen mitgenommen. Diese waren
hauptsächlich in Dresden. Dort unter anderem die Semperoper, der Zwinger, die Frauenkirch, usw. </p>

<p>Das hat mich schon frühzeitig geprägt und ich bin beeindruckt von dieser Baukunst.</p>


</div>
-->


_____________________________________________________________
CSS:

.obenlinks {
color:#fff69b;
padding:40px 0 0 0;
font-size:55px;
font-family:'Comic Sans MS';
}

.clearbreak {clear:both;}



.scroll {overflow:auto;
}

p {
font-family:'Arial Unicode MS';
color:#0d2e37;
font-size:12px;
margin-left:10px;
margin-right:10px;
}


p.navi {
font-family:'Arial Unicode MS';
color:#2da8c8;
font-size:12px;
margin-left:30px;
margin-top:-12px;
text-decoration:none;
font-weight:bold;

}

h1.ue { font-family:'Baskerville Old Face';
color:#25788e;
margin:10px 10px 0px 10px;
font-size:18px;


}


p.nav { color:#2da8c8;
margin-left:50px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}


p.nav1 { color:#2da8c8;
margin-left:27px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}

p.nav2 { color:#2da8c8;
margin-left:45px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}

p.nav3 { color:#2da8c8;
margin-left:25px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}

p.nav4 { color:#2da8c8;
margin-left:24px;
font-size:20px;
font-weight:bold;
margin-top:-13px;
text-decoration:none;
}


body { background-image: url(hintergrund.jpg);
width:976px;
height:720px;
background-repeat:no-repeat;
background-position:152px;
}


h1.kopf {background-image: url(head4.jpg);
width:957px;
height:115px;
margin-top:20px;
margin-left:152px;
}

li.navibutton {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:160px;

display:inline;
float:left;
background-color:#FFFF00;
text-decoration:none;
}



li.navibutton1 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;

display:inline;
float:left;
text-decoration:none;
}

li.navibutton2 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;

display:inline;
float:left;
text-decoration:none;
}

li.navibutton3 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;

display:inline;
float:left;
text-decoration:none;
}

li.navibutton4 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;

display:inline;
float:left;
text-decoration:none;
}

li.navibutton5 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:945px;
margin-top:-21.5px;
list-style-type:none;
text-decoration:none;
}




div.g {background-image: url(hintergrund1.jpg);
width:970px;
height:548px;
margin-left:145px;
}

li.l {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:-4px;
margin-left:15px;
list-style-type:none;
}



li.l1 {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:1px;
margin-left:15px;
list-style-type:none;
}

li.l2 {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:1px;
margin-left:15px;
list-style-type:none;
}

div.b {background-image: url(bildlaufleiste.jpg);
width:676px;
height:106px;
margin-left:285px;
margin-top:-100px;

}

div.r {background-image: url(aktuell.jpg);
width:263px;
height:415px;
margin-left:15px;
}

div.h {background-image: url(hintergrund2.jpg);
width:675px;
height:411px;
margin-left:430px;
margin-top:-425px;
overflow:auto;
}

.link {text-decoration:none;
}
 

Anhänge

  • Layout-Bild.jpg
    Layout-Bild.jpg
    93,4 KB · Aufrufe: 6
nö

also ich würd sagen, das des ganz ok aussieht.

aber warte mal auf effchen der wird dir des schon genau sagen.

Gruß KY
 
Werbung:
Code: 
<a href="home.php"><p class="nav">Home</p></a>
<p> in <a> ist nicht erlaubt.

Code: 
 <h1 class="kopf"></h1>
<hx> ohne Inhalt ist eine Barriere für Benutzer und Suchmaschinen.

Der Struktur zu Liebe solltest du <h1> nur einmal verwenden.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben