Ich mein ebenfalls die Buttons. Die sind viel zu groß. Wären sie kleiner, würde das schön auf eine Seite passen, wäre viel übersichtlicher und hübscher anzusehn. So blind is nun wirklich keiner, daß man es noch aus 5 m Entfernung lesen können muß
Mich würde zudem mal interessieren, auf welche Breite du das skaliert hast. Bei meinem Laptop mit 1024 x 768 Auflösung gibts nen horizontalen Scollbalken. Ist nicht gerade schön, wenn die Seite dann nur wenige Pixel breiter ist.
Irgendwie sieht das Bild immernoch nicht optimal aus. Wie hast dus denn erstellt?
edit: Die Vorschaubilder unter 2009 haben zum Großteil auch ne verdammt schlechte Qualität.
Zu große Buttons: Also ihr meint diese vier Buttons mit den abgerundeten Ecken? Gut, dann werde ich deren Größe auf 50 bis 65% verringern. Dafür kommen dann aber zwei in eine Zeile. Sonst sieht er so verloren aus. Text wird ebenfalls etwas geändert.
Zufallsbilder: Eine schöne Idee. Aber mir fehlt das Wissen, um das umzusetzen. Vielleicht in der Zukunft mal.
Seitenbreite: Die beträgt 1008px und der body hatte “padding:10px;”. Den rechten und linken Innenabstand habe ich jetzt auf 0 gesetzt. Jetzt dürfte eigentlich kein horizontaler Scrollbalken mehr erscheinen.
Portfolio (Startbild): 1. Version - In Gimp erstellt und mit 100% Qualität als JPG gespeichert. Mit Irfanview skaliert und auf 80% komprimiert.
2. Version (aktuelle) - Gimp s.o… Mit Microsoft Office Picture Manager skaliert und mit Gimp auf 80% komprimiert. Das brachte eine leicht bessere Qualität als mit Irfanview. @Mohyra: Hast du einen Vorschlag zur Verbesserung? Die schlechte Qualität ergibt sich anscheinend aus der 80%-igen Qualität. Bei höherer Qualität wird die Dateigröße allerdings recht groß.
Vorschaubilder: Die meinst wahrscheinlich die zu den Galerien. Diese wurden ebenfalls mit Irfanview erstellt. Also könnte ich da noch ein wenig herausholen (s.o.).
Falls du die Vorschaubilder direkt zu den Bildern meinst, diese werden durch ein Skript (Pixlie) generiert.
Könnt ihr die geänderten Buttons so abnicken oder soll ich sie noch weiter ändern? @homepage-sk: Ist die Beschriftung der Buttons jetzt besser?
PS: Die Hintergrundgrafik wird angepasst, sobald die Dimensionen des Buttons endgültig festgelegt sind.
PPS: Wie kann ich denn zwei Blockelemente, die mittels float nebeneinander stehen, in einem div zentrieren? “margin:0 auto;” und “text-align:center;” beim div und/oder dem Blockelement brachte keinen Erfolg. Deshalb habe ich die Buttons mittels Tabelle ausgerichtet.
Könnt ihr die geänderten Buttons so abnicken oder soll ich sie noch weiter ändern? @homepage-sk: Ist die Beschriftung der Buttons jetzt besser?[/quote]
Also ich finds schon viel besser so, sofern du nur Buttons dort haben möchtest - ich würde die Höhe jedoch halbieren und dafür unter den Button ein Zufallsbild der jeweiligen Kategorie hinpflanzen. - Falls es dir recht ist das Zufallsscript per PHP zu machen, schreib mir doch eine PN, ich könnte dir dabei helfen - ist relativ einfach zu machen.
Könnt ihr die geänderten Buttons so abnicken oder soll ich sie noch weiter ändern? @homepage-sk: Ist die Beschriftung der Buttons jetzt besser?[/quote]
Also ich finds schon viel besser so, sofern du nur Buttons dort haben möchtest - ich würde die Höhe jedoch halbieren und dafür unter den Button ein Zufallsbild der jeweiligen Kategorie hinpflanzen. - Falls es dir recht ist das Zufallsscript per PHP zu machen, schreib mir doch eine PN, ich könnte dir dabei helfen - ist relativ einfach zu machen.
MFG[/quote]
Also wenn ich deine Beschreibung richtig interpretiere, möchtest du aus dem Button eine Überschrift machen und darunter laufen Zufallsbilder ab.
Das würde aber designtechnisch nicht zur Galerieübersicht passen. Alternativ könnte ich die Buttons der Galerieübersicht anpassen.
Ich meine damit, dass links die Zufallsbilder laufen und rechts daneben steht die eigentliche Beschreibung.
Falls du wirklich gerade ein Skript für Zufallsbilder parat hast, kannst du mir das gerne zukommen lassen. Ich versuche mich dann hinein zu arbeiten und es auf meiner Seite umzusetzen. Danke.
Zu dem Startseiten-Bild: Vielleicht solltest du es grundsätzlich gleich in der Größe erstellen, in der du das brauchst. Also die Arbeitsfläche gleich in der benötigten Größe wählen, die einzelnen Bilder verkleinert, schärfen, etc. und dann einfügen. und direkt unter Gimp fürs Web speichern. Das müßte über exportieren gehen, wenn ich mich recht erinnere, ansonsten mal Google fragen.
Ich meine die Vorschaubilder der einzelnen Bilder der Galerien unter 2009: Die sind zum Teil auch extrem pixlig. Kann an den Einstellungen von IrfanView liegen, wirds vermutlich auch. Da muß man ein wenig rumprobieren. Aber so wies jetzt ist, siehts nicht gerade schön aus.
@homepage-sk: Danke für das Skript. Wie du oben siehst, habe ich es gleich mal eingebaut.
@Mohyra: Sicherlich wäre es sinnvoll, das Bild gleich in der benötigten Größe zu erstellen. Aber wie du dir bestimmt vorstellen kannst, hat sich meine Seite im Laufe etwas gewandelt und hatte andere Anforderungen.
Exportieren heißt es erst ab Gimp 2.8. Bei Gimp 2.6 geht das Speichern über “Kopie speichern unter…”. Damit will ich nur etwas verdeutlichen, dass ich mich schon etwas mit der Materie auseinander gesetzt habe.
Pixelige Bilder: Im direkten Vergleich werden die Bilder durch die Bearbeitung mit Irfanview etwas verpixelt. Durch Gimp etwas weichgezeichnet. Bei Irfanview ist das Schärfen auf 1 (niedrigste Stufe). Ich habe keine Erklärung, woher dieser überschärfte Effekt kommt.
Jedenfalls habe ich mal die Vorschaubilder und das Startbild mit Gimp neu generiert. Ich hoffe, es ist jetzt etwas besser.
Grundsätzlich find ich die zweite Version besser, aber die Schrift der Links ist ein Tick zu kontraslos. Beim Hover ist es besser.
Mag sein, daß du deine Seite stark verändert hast, aber in dem Fall muß man dann eben die Grafiken und Bilder eventuell den neuen Gegebenheiten anpassen und so viel Arbeit ist das jetzt wirklich nicht. Schließlich willst du das, was du tust ja im rechten Licht darstellen, oder?
[quote=“Mohyra”]Grundsätzlich find ich die zweite Version besser, aber die Schrift der Links ist ein Tick zu kontraslos. Beim Hover ist es besser.
Mag sein, daß du deine Seite stark verändert hast, aber in dem Fall muß man dann eben die Grafiken und Bilder eventuell den neuen Gegebenheiten anpassen und so viel Arbeit ist das jetzt wirklich nicht. Schließlich willst du das, was du tust ja im rechten Licht darstellen, oder?[/quote]
Zu 1.: Da erwähnst du auch gleich meinen Favoriten. Die Farbe der Links habe ich jetzt auch etwas kräftiger gemacht. Jetzt ist der Helligkeitsunterschied beim Hovern nicht mehr so groß.
Zu 2.: Leider muss ich dir da recht geben. In diesem Bezug hat mich aber die Faulheit etwas übermannt. Damit meine ich, dass ich andere Dinge vorziehe.
PS: Ich möchte mich an dieser Stelle mal für deine und homepage-sk’s große Aufmerksamkeit bedanken.
Das mit der Faulheit kann ich nur zu gut verstehen, geht mir bei vielen Dingen nicht anders
Ich denk nur, daß der Fokus schon eher auf den Fotos liegen sollte, da die ja das sind, was du vorstellst und nicht der Style der Seite oder sonst was.
Ansonsten find ich die Farbe von den Links schon angenehmer und der Hoover ist immernoch gut erkennbar.
@homepage-sk: Danke für das Skript. Wie du oben siehst, habe ich es gleich mal eingebaut.
@Mohyra: Sicherlich wäre es sinnvoll, das Bild gleich in der benötigten Größe zu erstellen. Aber wie du dir bestimmt vorstellen kannst, hat sich meine Seite im Laufe etwas gewandelt und hatte andere Anforderungen.
Exportieren heißt es erst ab Gimp 2.8. Bei Gimp 2.6 geht das Speichern über “Kopie speichern unter…”. Damit will ich nur etwas verdeutlichen, dass ich mich schon etwas mit der Materie auseinander gesetzt habe.
Pixelige Bilder: Im direkten Vergleich werden die Bilder durch die Bearbeitung mit Irfanview etwas verpixelt. Durch Gimp etwas weichgezeichnet. Bei Irfanview ist das Schärfen auf 1 (niedrigste Stufe). Ich habe keine Erklärung, woher dieser überschärfte Effekt kommt.
Jedenfalls habe ich mal die Vorschaubilder und das Startbild mit Gimp neu generiert. Ich hoffe, es ist jetzt etwas besser.[/quote]
Mich spricht eindeutig die zweite Variante am besten zu, jedoch sollte schlussendlich das Ganze (Bild und Titel) als Ganzes erscheinen. Wie du das am besten machst weiss ich nicht, aber da fällt dir sicher was ein
Auf jeden Fall macht die zweite Variante an um draufzuklicken, da man schon was vor Augen hat, was man hinter dem Link vorfindet
[quote=“homepage-sk”]Mich spricht eindeutig die zweite Variante am besten zu, jedoch sollte schlussendlich das Ganze (Bild und Titel) als Ganzes erscheinen. Wie du das am besten machst weiss ich nicht, aber da fällt dir sicher was ein
Auf jeden Fall macht die zweite Variante an um draufzuklicken, da man schon was vor Augen hat, was man hinter dem Link vorfindet
MFG[/quote]
Da bin ich ja beruhigt, dass ihr euch beide für meinen persönlichen Favoriten entschieden habt. Ich habe die ganzen Galerieübersichten dahingehend umgebaut (http://test.elpixo.de/fotogalerie.php).
@homepage-sk: Wie meinst du das mit “als Ganzes erscheinen”? Ich kann damit jetzt leider nichts anfangen. Wenn du er mir etwas erläutern könntest, fällt mir ja vielleicht etwas ein.
Die typischen Buttons sind bis auf einen verschwunden. Jetzt frage ich mich, was mit dem letzten passieren soll. Soll der Button bleiben oder besser das Bild? Hier eine Beispielseite mit Button und Bild: http://test.elpixo.de/posing_guide.php.
Was ich damit meine ist, dass es meiner Meinung nach schöner aussehen würde, wenn der Titel und das Bild, welche jeweils zusammengehören durch irgendetwas mehr zusammengehören würden (jetzt ist es ein Titel und ein Bild - was nur schon durch die verschiedenen Hover Effekten gezeigt wird).
Als einfaches Beispiel einfach einen Rahmen um das Ganze herum (was sicherlich nicht zweckmässig ist, aber es beschreibt was ich im einfachsten Sinne meine)
Ich würde den letzten verbleibenden Button auch durch einen einfachen Link wie in der Galerie ersetzen. Dann ergibt es insgesamt ein stimmiges Bild.
Da ich wieder an meinem Arbeitslaptop sitze sehe ich, daß immernoch ein Scrollbalken da ist, jetzt aber nur noch für einen Pixel.
edit: Ich hab gerade oben links nen “Suchen”-Button gefunden. Das entsprechende Feld dazu mußte ich allerdings erstmal suchen. Da könnte ein wenig mehr Kontrast, etwa durch eine hellere Farbe auch nicht schaden
Nochmal was : Warum nimmst du den Kontakt nicht als Unterseite von Wer steckt dahinter? Allgemein kommen mir die Navigationspunkte ein wenig dahingepflastert und mit wenig Sinn vor…
Ist mir nur gerade aufgefallen. Was du damit anfängst kannst du entscheiden
Zum Kontakt:
Bei “Wer steckt dahinter?” finde ich ihn ein wenig unsinnig. Weiter vorne würde ebenfalls mal erwähnt, ihn zum Impressum zu packen. Aber da das Kontaktformular direkt etwas mit dem “Kunden” zu tun hat, sollte es auch sofort sichtbar sein. Deswegen behält es für meine Belange einen eigenen Menüpunkt. Laut meiner Seitenstatistik wird die Seite “Kontakt” auch öfter angeklickt als das Impressum.
Zur Menüstruktur:
Eigentlich steckt ein Sinn hinter der Struktur. Ich hatte mir gedacht, das es von Menüpunkt zu Menüpunkt immer mehr zum Kunden geht.
Wenn du (homepage-sk) als Außenstehender etwas unsinnig findest, muss ich mir wohl Gedanken machen. Wieso/was findest du unsinnig? Wie würde es für dich mehr Sinn ergeben?
Zum Scrollbalken:
Ich habe die Situation mal nachgestellt. Sobald ein vertikaler Scrollbalken erscheint, reicht der Anzeigebereich des Browsers nicht mehr für die Website. Somit erscheint gleichzeitig ein horizontaler Scrollbalken.
Um diesen “Fehler” zu beseitigen, müsste ich die Seite insgesamt um 5 Pixel schmäler machen oder einen anderen Footer einsetzen. Ich schreibe es mir mal auf die To-Do-Liste".
Zum Suchfeld:
Das sollte sich eigentlich harmonisch in den Header eingliedern und nicht so herausstechen. Aber da du es ansprichst, schaue ich mal, was man da tun kann.
Zu den Menüpunkten (und Kontakt):
Vielleicht würde ich die Seite allgemein mehr so gliedern, dass man auf einen Blick sieht wo man hin muss wenn:
man sehen will, was für Arbeit du machst
wer du bist
wenn man mit dir Geschäfte machen will
(Vielleicht siehst du bessere )Also 3 Schwerpunkte. Denn so muss ich, der keine grosse Ahnung hat wenn er zum ersten Mal auf deine Seite kommt erst einmal ales ganz genau anschauen (für was ich meist zu wenig Geduld habe) und ehrlich gesagt habe ich deine Vorstellung davon erst jetzt als du es gesagt hast gesehen .
Das Suchfeld
könnte auch nach meiner Meinung ein wenig mehr Kontrast vertragen, was ich aber sicher noch ändern würde ist dem Button einen Hintergrund zu geben (nicht Browserstandard zu lassen) und das Feld und der Button in einer Linie, auch wenn er dann ins Logo kommt - vielleicht kannst du ihn ja halb transparent machen oder einfach nur statt dem Text ein Entersymbol drauf machen (oder eine Lupe).
Zu den neuen Hintergründen
Find ich einen guten Anfang Nur sieht es jetzt so aus, als wäre der Hintergrund rundherum höher als der Hintergrund der Bilder, was einen 3D Effekt verursacht… Find ich nicht sehr passend. Was mich auch stört ist dass es einen Hover-Effekt gibt, wenn man über die Schrift fährt und einen beim Bild… Es würde sicher um einiges besser aussehen, wenn der Hover-Effekt beim Bild und dem Text erscheint, wenn man über die ganze Box fährt. Weisst du was ich damit meine?
Im allgemeinen sieht die Seite aber mit den letzten Änderungen um einiges besser aus
Grundsätzlich ist es nicht verkehrt, wenn Link und Bild anklickbar sind, in diesem Fall macht es aber wohl durchaus mehr Sinn, beides zu verbinden und den Link in das übergeordnete Div zu packen, da man bei der Größe des Bildes eh immer gleich verleitet ist, direkt darauf zu klicken und so würde es eine schöne Einheit geben.
Noch ein Verbesserungsvorschlag zu der Ausrüstung: Für jemanden, der eh fotografiert, ist es wahrscheinlich langweilig, aber für mich als interessierten Laien wäre es schon interessant, ein paar Details zu den Objektiven, der Kamera, etc. zu erfahren. Muss aber nicht umgesetzt werden.
: Warum nimmst du den Kontakt nicht als Unterseite von Wer steckt dahinter? Allgemein kommen mir die Navigationspunkte ein wenig dahingepflastert und mit wenig Sinn vor… 
)Also 3 Schwerpunkte. Denn so muss ich, der keine grosse Ahnung hat wenn er zum ersten Mal auf deine Seite kommt erst einmal ales ganz genau anschauen (für was ich meist zu wenig Geduld habe) und ehrlich gesagt habe ich deine Vorstellung davon erst jetzt als du es gesagt hast gesehen 
