Webdesign Seite - bitte bewerten

[rexini]

Hi,
also ich habe mich mal an ein Design gesetzt für meine Webdesign Seite. Wollte euch mal fragen wie ihr es findet:

.:Twister-Webdesign:. - Startseite

Freu mich auf Feedback ;Jump

 

[gola-noga]

Hallo rexini!

Hier mal Feedback zu deiner Seite.
Als ich deine Seite aufrief, fiel mir sofort auf, das das laden der Seite nahezu ewig dauern würde, trotz DSLs.

Das liegt dadran, dass du deine Images nicht verkleinert hast. Also vom Dateinvolumen her. Das zeigt sich daran, dass alleine dieser schwareze Abstracte Fleck dort 1,5 MB groß ist. Und das als einfarbiges Bild. Das geht auch kleiner. Wenn du Photoshop nutzt, benutze die "Für Web und Geräte speichern"-Funktion.

Äußerliches Erscheinungsbild
Haja, was soll ich da sagen. Meinen Geschmack trifft es überhaupt nicht.
Der Blaue Contentbereich passt für mcih nicht wirklich zum Rest des Designs.
Ich will nun mal versuchen zu erklären wieso. Dein Header, ganz gut gelungen, ist von einem Rand umgeben. Würde dieser Rand den ganzen Contentbereich umgeben, währe es super. Momentan ist es dies überhaupt nicht. Meiner Meinung anch lenken die Einsen und Nullen nur ab, aber das mag Geschmackssache seiin.

Was macht dieser Schwarze Fleck da? Passt nicht.

Code
Bisher, da die Seite, so glaube cih, noch nicht fertig ist, gute Arbeit, Valide ist es ja.

Aber wieso baust du da diese Hide-Funktion ein? Sobald diese Aktiv wird wird kein anderer, notwendiger Content sichtbar, deshalb ist diese Funktion Sinnfrei, es sei denn du möchtest dein Können unter Beweis stellen...

Inhalt
Da gibt es ja noch icht viel ;)

 

[rexini]

Jo danke fürs Feedback :) Der "Schwarze Fleck" soll ein Baum sein udn fürs Design stehen ^^ Jo die sachen sind etwas groß da hast du recht und wie ich den rahmen komplett darum machen soll muss ich mir noch überlegen ;)

Aber danke schonmal ;Jump

 

[Maxi]

Das Ganze ladet etwas lang bei mir.

Ansonsten finde ich die blautöbe etwas... grell...

 

[Körnerbrötchen]

Die Homepage ist auf jeden Fall zu grell, da muss ich maxi zustimmen.
Wozu ist folgende Grafik (http://scary27.bplaced.net/twister-webdesign/images/code.png) so riesig. Schneide die auf 200px zurecht und sie ist schon groß genug. Niemand schaut sich an, ob die Einsen sich wiederholen.

 

[Atlan]

Hi rexini,

leider gibt es von mir auch nicht viel positive Kritik. Ich weiß selbst, wie schwer es ist, von anderen nicht viel positives zu einem Design zu hören, in das man viel Zeit investiert hat. Seh es als Hilfe!


Design

Hintergrund:
Sagt mir nicht zu. Ich fände persönlich eine einfache Farbe besser passend, als dieses Muster. Was du evtl. versuchen könntest, wäre die Zahlen sehr klein zu machen, dann wirkt das professioneller.

Allgemein:
Zentriert würde das besser aussehen. Farben sind zu grell.

Header:
Was hat die Weltkarte mit deiner Seite zu tun? Eine abstrakte Grafik, wie im Contentbereich würde dort besser passen. Die Schlagschatten sind viel zu stark. So wirkt das so auf das andere draufgebappt.

Content:
Eine hellere aber nicht grellere Farbe würde dort besser passen. Die Hintergrundgrafik stört dort eher.

Navigation:
Wie schon gesagt wurde, ist die Hide-Funktion nicht so sinnvoll. Ich find die Position der Navigation auch nicht so sinnvoll. (Mehr dazu später) Das Rot in der Navigation beißt im Auge. Das Wort "Navigation" kann man kaum lesen. Das Hide schwebt ein bisschen im leeren Raum herum.

Footer:
Passt zum Header, steht aber auch genauso wie der Header im krassen Gegensatz zum Content-Bereich.


Inhalt

Naja gut, dazu kann man nicht viel sagen. Aber zur inhaltlichen Aufteilung kann ich noch eine Anmerkung geben. Ich finde, die Navigation ist nicht an der richtigen Stelle. Die Navigation wirkt in den Hintergrund gestellt, dabei ist sie nach dem Inhalt der Startseite selbst das zweitwichtigste Element. Es hängt natürlich sehr davon ab, wie der Inhalt der Startseite am Ende strukturiert ist. Wenn dort groß auf die wichtigen Unterseiten hingewiesen wird, dann ist diese Kritik natürlich völlig haltlos.


Code

Es ist ja momentan noch relativ wenig Code, aber falls es mal mehr wird, solltest du Einrückungen vornehmen, um die Übersicht zu wahren. (Falls du das nicht eh schon machst ;) )

<div id="content">
<div id="text">
<h2>Herzlich Willkommen</h2>
Sie befinden sich auf der Website von Twister-Webdesign.
</div>
</div>

Da kannst du das div "text" streichen und die nötigen Eigenschaften in das div "content" packen.

Das wars fürs erste. Ich hoffe es war nicht zu hart ;)

MfG

 

[Tobias]

Deine Refernzen sind ja lustig
(Seite vom Homepage-Onlinebaukasten)
Und wenn du als Referenz meinst, dass du dieses Projekt leitest , solltest du evtl. es auch da hinschreiben.
Nun denkt man (weil die Page ja auch Webdesign als Überschrift beinhaltet), dass du diese Seite erstellt hast.
Schmück dich nicht mit fremden Federn min Jung ;) Wobei ich auf diese Online-Baukasten nicht stolz wäre.

Finde deine Seite richtig schlecht.
- Grelle Farben
- Das ganze Design wirkt nicht "fließend" und total durcheinander

Mal ganz ehrlich, ich verstehe nicht, wie die Leute immer so ein schlimmes Design hinbekommen bzw. es präsentieren.
Das muss man doch selber merken, dass das Design noch nicht so der Burner ist ?!
Wenn nicht, habt ihr einfach kein Fingerspitzengefühl für Webdesign und ihr solltet euch ein anderes Hobby suchen.
Es gibt ja auch Designs wo es echt Geschmackssache ist aber das ist bei dem definitiv nicht der Fall.

Wenn ihr noch nicht so viele Erfahrung habt, wieso macht ihr euch das immer so schwer ?

1. Nimmt ein normales CSS-Standard-Grüst
2. Wählt paar nette Farben
3. CSS entsprechend verwenden (Border, Hovereffekt in der Navi etc.)
4. Evlt. nen netten Header (Grafik) einbinden

und schon habt ihr nen top und valides Design ;)

Und schon habt ihr in 20 min ein prima Layout.
(Punkt 4 mache ich euch gerne )

 

[Efchen]

also ich habe mich mal an ein Design gesetzt für meine Webdesign Seite. Wollte euch mal fragen wie ihr es findet

Das meiste, was mir dazu auch eingefallen ist, wurde bereits gesagt. Die lange Ladezeit und das Design generell mit Farben und so...spricht mich irgendwie auch nicht an, kann das aber leider nicht konkretisieren.

Was mir aber noch mehr aufstößt, immerhin bin ich selbst keine Designleuchte, ist dass ich auf eine Site komme, die Webdesign anbietet und sofort meine übelste Meinung über Designer wieder bestätigt: Keine Ahnung vom WWW. An Designer komm ich nicht ran, davon hab ich keine Ahnung. Ich kann Leute nur bewundern, die schön aussehende Seiten erstellen. Aber irgendwie schaffen es Designer fast nie, eine Site zu gestalten, die ins WWW passt. Was hier wieder IMHO falsch gemacht wurde ist das fixe Layout!

Wird der Viewport zu klein, gibts Scrollbalken, sogar horizontale. Unfassbar. Eine Schriftvergrößerung sprengt sofort das Layout, weil die Schrift des Menüs nicht mehr in den Container passt.

WARUM???

Ich weiß aus eigener Erfahrung, dass es auch nicht gerade simpel ist, ein dynamisches Layout zu bauen, aber fixer als das geht doch gar nicht mehr und nutzt man die Features seines Browsers oder Windowing Systems, ist man plötzlich Nutzer zweiter Klasse, weil nichts mehr passt.

Ich als Nutzer kann das einfach nicht verstehen, warum ein gut konzipiertes Netz von Webmastern immer so verhunzt wird.

Dazu kommt noch, dass die Seite selbst so klein ist, dass sie in größeren Viewports ziemlich einsam da steht.

Und aus der Sicht eines Webmasters finde ich es schwach, wenn jemand anbietet, Websites zu erstellen, aber dann noch solche Lücken im HTML-Code hat:
Es fehlt <h1>.
Der Header wird nicht als header ausgezeichnet.
Textabsätze werden nicht als solche ausgezeichnet.
Eine Navi wird als aufeinanderfolgende Textabsätze anstatt als Liste ausgezeichnet.
div-Streuverfahren. "Packen wir mal alles in divs. Ich weiß ja selber nicht, was meine Inhalte alle bedeuten sollen." Aber wenn Du das nicht weiußt, woher sollen es die anderen dann wissen?
HTML 4.01 Transitional. Gut, hier kann man streiten, aber von einem guten Web-Entwickler erwarte ich eigentlich zumindest eine Strict-Variante. Ist für mich ein Zeichen von Qualität. "Transitional" heißt "Übergang", also "Wischiwaschi".

Ach und ohne Grafiken merkt man, dass die Bedeutung des alt-Attributes im img-Tag völlig unbekannt ist. Frei nach dem Motto: "Keine Ahnung, warum der Validator will, dass ich das benutze, aber ich schreib mal irgendwas unsinnvolles rein."

Abschließend: Wo ist das Impressum? Welche Firma steckt dahinter?

So. Hart aber ehrlich und hoffentlich deutlich. Ansporn, die Qualität noch deutlich zu steigern, da ist nämlich noch viel möglich und für jemanden, der das gegen Geld anbieten will IMHO ein Muss.

Gruß,
-Efchen