:: Lighthouse-Design fertig / Homepage


Bild: photocase.com

Es sind nun wieder einige Tage seit dem letzten Eintrag zu “Lighthouse” vergangen.

Wir haben uns mittlerweile auf das Logo geeinigt. Die Konzeptmappe ist soweit vom Layout von unserem Team auch abgesegnet worden. Den revidierten Text habe ich gestern Abend bekommen und werde ihn vielleicht heute noch einpflegen.

Parallel habe ich mich an den ersten Webauftritt my-lighthouse.de drangewagt. Ist zur Zeit nur zum Grob-Testen. Wir wollten da vorerst nichts Großes auf die Beine stellen und daher kam mir die Idee, die Konzeptmappe ins Web ähnlich wie bei einem Online-Magazin umzusetzen. Die dort dargestellten Informationen müssten für den Anfang reichen.

Meine Vorgehensweise:
- Elemente aus Indesign in Photoshop als Smart-Objekt kopieren, auf richtige Größe verkleinern
- von Photoshop in ImageReady konvertieren und in Slices für Links, Rollovers und bereichsabhängigen Komprimierungraten aufteilen
- aus ImageReady HTML erzeugen und in Dreamweaver Frames anlegen und korrekte Verlinkungen und HTML-Files erzeugen

Man merkt schnell, dass ich gerne mit grafischen Elemente arbeite. Ist halt mein Stil, aber mir gefällt’s. Programmierung ist jetzt nicht gerade mein Hauptrevier, deshalb nur HTML mit einigen Rollovers. Ich hab zumindest versucht für den Modemnutzer noch akzeptable Ladezeiten zu ermöglichen.

Wer Anregungen hat, wie ich den Infotext in den Seiten noch besser umgesetzt bekomme, darf sich gerne melden. Eine Optimierungsidee ist mir gerade noch gekommen. Wenn ImageReady die Slices aufteilt, entstehen ja Tabellen im HTML. Dazu müsste ich ja den Bereich mit dem Text als Bild löschen und in die Zelle den Unicode-Text normal eingeben können. Keine Ahnung, ob das funktioniert. Ich finde die Darstellung im Moment schon ok, aber der Text könnte noch ein wenig schärfer sein.

Ich sehe auch gerade, dass man bei kleineren Bildschirmauflösungen ab unter 1024×768 nicht scrollen kann. Das übersieht man schnell, wenn man mit TFT-Monitor und 1280×1024 arbeitet. Diese Details halten einen immer am längsten auf.

Also schaut einfach mal in die Homepage und Anregungen direkt an mich bitte.
Kontaktformular

Tags: , ,

Hinterlasse einen Kommentar

Deine Mailadresse wird nicht veröffentlicht.