Hompage Design gut?
lima-city → Forum → Die eigene Homepage → Grafikdesign
abstand
auge
banner
bereich
bild
code
dank
design
feuerwehr
flamme
header
http
inhalt
linie
problem
schrift
schriftart
tabelle
text
url
-
Hey ich ahbe für die Freiwillige Feuerwehr bei uns in der stadt mal nen Hompage design gebastelt...
hier das erste Ergebnis : http://feuerwehr-emden.tk/
Was haltet ihr davon?
was könnte ich eurer meinung nach verbessern?
Hoffe auf ehrliche Meinungen
MfG.
Steffen -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Farblich paßt alles gut, aber:
- der Header ist meiner Ansicht nach wesentlich zu hoch
- das Menü ist viel zu breit, und bricht um, wenn man keine "Mega-Auflösung" eingestellt hat
- für eine Feuerwehr wäre wohl eine rotes Favicon besser
- der schattige Rahmen ist direkt hinter der Schrift. Ich würde das über Padding/Margin noch regeln, da das so nicht gut aussieht, und ausserdem den Lesefluss beim Zeilenumbruch unterbricht.
- das Copyright rechts unten ist nicht so wichtig (da in Deutschland unnötig), dass es so groß sein müsste ...
- der Impressums-Link funktioniert wohl nicht so recht, da da irgend eine Werbung oder sowas kommt
- das Blau beim Überfahren der Menüpunkte paßt komplett nicht ins Farbkonzept. Mach doch eher was in die Richtung, dass sich der Hintergrund verändert (weiß oder ganz helles rot), und die Schrift dazu invertiert (rot)
hth -
ok werde das dann ertsmal alles an passen und die seite neu hochladen gebe euch bescheid wenns aktuallisirt ist danke
-
- head zu hoch
- zu große auflösung max breite 980px
- bei kleinerer auflösung werden links untereinander geschoben
- links sollte man nicht mit bildern machen
- beim freistellen unsaubergearbeitet (bezogen auf die reifen)
- content rahmen schatten weglassen und schrift mit padding nach weiter nach innen
- solltest mal mit css arbeiten
- bilder als jpeg nicht als png
- oranger balken ist nich gleichlang -
Eindeutig muss sich die Seite zentriert an die größe des Bildschirms anpassen, soll heißen: Die "width" von der Seite sollte maximal "100%", keinesfalls aber eine feste Pixelanzahl (zumindest keine in dieser Größe) sein!
Nur so als Tipp...sonst bin ich selbst aber leicht zu beeindrucken, weil ich das ganze erst lerne...
MFG
Till -
So habe das alles jetzt mal um hgeändert die navigation links also vertikal und nicht mit bildern...
Die bReite aber noch auf 1000px habe das mit 980 zu spät gelesen...
Kleiens Problem der weiße bereich zwischen banner und den Navigations teil wie bekomme ich den weg???
<img src="image/banner.png"> <table width="1000"> <tr> <td background="image/navigation.jpg"> <!-- Menüleiste --!> <img src="images/top.jpg" width="202" height="4" alt="" class="top flt" /> <div class="menubg flt"> <ul class="menu flt"> <li class="current_page_item"><a href="#">Startseite</a></li>
Das ist der code in dme bereich,...
Danke schonmal -
Header isz viel zu gross. Oben links der Text wirkt etwas nervig und die Schriftart find ich nicht so passend. Der Abstand zwischen den Text und den Header ist mir zu gross.
-
Hi,
ich stimme den meisten zu das der Header etwas zu hoch ist,
außerdem finde ich es nicht so toll das die Schrift so nah an der Navigations Leiste ist.
Ansonsten finde ich die Homepage ok. Die HP von unserer Feuerwehr sieht schlechter aus^^ -
nur so zum überlegen: validierug. du gehst mit veralteten dingen um: <center>, <table> [für design-zwecke] ...
★ brauchst du wirklich lauftexte?
★ das menu ist paar pixeln nach rechts gerutscht.
★ ich bin es mir nicht sicher, ob die rote farbe wirklich feuerwehr suggeriert (siehe reperbahn). die flammen würden reichen. (es gibt leute, die seltsam auf rot reagieren [z.b. epileptiker. wenn etwas auch noch blinkt dazu, dann bekommt er sicher seine attacke]). sonst ist nichts gegen rot.
★ wie vorhin gesagt, san serif verwenden! serifenschrif macht das auge auf dauer müde!
lg
joseph -
Also die aktuelle Version gefällt mir schon um einiges besser als die erste...
Was mich noch stört: ich finde den Bereich mit den links zu breit. Er wird einfach von den Schriftzügen nicht ausgenützt.
Allerdings würde ich (wenn du diesen Bereich kleiner machst) die Position des Inhaltes so beibehalten oder schlicht gesagt den Abstand zwischen den beiden etwas vergrößern...
Bei deinem banner.png würde ich die Flammen links oben etwas "zurückstutzen". Die sind einfach am Rand abgeschnitten. Vl. bekommst du es hin, dass du es so radierst, dass es einen halbwegs vernünftigen Abschluss hat.
und bitte bessere "Katastrophenschutz" aus...
mfg Cdot -
Um noch mal auf einige Dinge hinzuweisen:
* Der Lauftext ganz oben ist irgendwie - naja, wie soll ich sagen - ein Relikt aus früheren Jahrzehnten. Wenn du kurze News anzeigen möchtest würd ich es so machen wie bei www.apple.com (Auf der Hauptseite unter dem großen Bild).
* Die Schriftart, die du gewählt hast ist zum einen nicht gut fürs Auge (hat man eh schon angesprochen) und ich kenne auch kaum eine moderne Seite, die serife Schriften verwendet.
* Tabellen fürs Layout war mal nötig als es noch kein CSS gab, dass alle Browser gleich verstanden haben.
* Und wenn du Tabellen verwenden willst, dann würd ich dir raten, die Zelle in der der Inhalt steht so einzustellen, dass der Text oben (top) beginnt ;) -
Tipp von mir:
ich würde die Website mit HTML und CSS gestalten. Dies hält den Quellcode übersichtlich und sauber und man kann schnelle Änderungen bei den Schriften, der Website-Breite usw. durchführen.
Habe dies auch auf meiner Website gemacht und bin sehr zufrieden.
Als Schriftart würde ich Verdana nehmen. Das ist eine Schrift die hat jeder und ist sogar für die Anzeige auf Bildschirmen optimiert.
Zwischen dem Header und dem Menü (links) ist ein weisser Spalt. Sieht unsauber aus, würde ich an deiner Stelle anschließen lassen.
Ansonsten sieht Sie gar nicht so schlecht aus. Feuerwehr = Rot, das passt.
Gruß S.Brosch -
ok danke shconmal bin beim änder dabei...
Schriftart ist geändert
Text fängt oben an
Katastrophenschutz verbessert
Lauftext kommt mit im banner rein in dem weißen spalt dadrinne zwishcen logo und fahrzeug...
Mein Problem ich bin grade ne bischen überfragt wie ich die lücke zwischen den banner und der navigation weg mache, könnt ihr mir vielleicht erzählen wie? -
Grundsätzlich würde ich mich aber vom Tabellen-Layout verabschieden und die Seite von Grund auf neu mit DIV's schreiben.
Ansonsten ist mir das zu rot, wenn man ne Weile drauf schaut, tun die Augen weh
Das rot im Header reicht imo. die Navi würde ich pers. nicht noch rot hinterlegen.
Hintergrundbilder für's Menü??? Da reicht doch eine background-color Angabe im CSS
Wegen der Lücke... ist das Border-Spacing auf 0 gesetzt? -
Auf mich wirkt diese Website noch etwas zu knallig. Außerdem würde ich noch ein Hintergrundbild einfügen.
Sonst alles super.
Guß
Magnus -
Gefällt mir so jetzt ganz gut ;) Vom aussehen her... Wie bereits gesagt wurde: VALIDIERUNG...
Den Abstand von Header zur Navi finde ich passt eigentlich gut...
MFG
Till -
Vllt den header noch etwas abrunden, da er etwas kantig wirkt...
ansonsten eigentlich auch das was oben schon gesagt wurde...
viel glück :)
für favicon einfach
<link rel="icon" href="favicon.ico" type="image/x-icon" />
einfügen...
so ist das bild (favico.ico) im hauptordner des ftp ansonsten musst halt noch ins unterverzeichnis undso und pfad verändern.
hf gl -
Ich finde das Design an isch nicht schlecht denes passt alles Farblich zsm
und uach vom Inhalt her...is das feuerwehr auto vin eurem OV oder ienfach uassem Internet
manche OV erstatten dan anzeige weil man ohne erlaubniss bilder von denen Verwendet hat
=) -
Sieht gut aus... versuch doch mal einen Footer einzuprogrammieren wie es dann aussieht.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
