scene24.net

Vaarwel ballast

Sunday, January 2nd, 2005 | Tags:

Nieuw jaar, nieuw kleedje. Het oude design stak me al meer dan een half jaar de keel uit. Deze ochtend viel de druppel. Tegen vanavond of morgen hoop ik alle nog loshangende eindjes aan elkaar te knopen.

Het kernwoord van het nieuwe design is eenvoud. Eenvoud op gebied van technische toeters en bellen als eenvoud op grafisch gebied door een minimalistische aanpak gecombineerd met lichte grijswaarden. Het gaat tenslotte om de tekst. Ik ben hierin zelfs zo ver gegaan dat ik de typische ‘tweede kolom’ die je op zowat alle blogs ter wereld vindt, gewoon heb laten vallen. Rust… Ik vind het beter zo, al verwacht ik niet dat deze aanpak op veel bijval zal kunnen rekenen.

Ik heb voor de lettertypes Georgia en Lucida Grande gekozen. Die zien er beeldig uit op Mac OS X en lezen heel vlot op het scherm. Windows gebruikers moeten het met Times en Arial stellen.

UPDATE: Windows gebruikers kunnen de lettertypes voor deze site downloaden als ze dat willen. En nu we toch bezig zijn, schakel misschien meteen ClearType in voor Windows XP. Het hele internet zal er gladder uitzien!

UPDATE II: Ik heb een aantal flash-knoppen toegevoegd aan de banner bovenaan.
I have no life.


Reacties

Mich op January 2nd, 2005

Schitterend!
M’n volgende lay-out wordt ook iets simpels en elegants. Of liever: dat zal m’n doel zijn. Ideeën genoeg, maar ze in de praktijk omzetten is andere koek.

Fre op January 2nd, 2005

Yes! Er zijn niet veel bezoekers wiens kritiek ik vreesde. Die van u wel: dit betekent zeer veel voor mij. Thx! Nu nog de 19 andere…

Mich op January 2nd, 2005

Ik weet het: ik ben onverbiddelijk. Vergeet ik te vaak de positieve dingen te zeggen? In ieder geval: Dit is zonder twijfel een van de beste designs die je tot nu toe gemaakt hebt.

Jeroen Budts op January 3rd, 2005

Ik schrok even van de eenvoud maar nu ik er enkele minuten naar kijk en de navigatie doorheb vind ik het een erg prachtig design! Proficiat en een gelukkig 2005!

Ben op January 3rd, 2005

Ik vind het een mooie layout.

Ik vind wel dat de header (met de 24) wat onopvallend is. Mijn ogen gingen eerst naar de titel van het artikel (wat natuurlijk ook wel de bedoeling is waarschijnlijk, maar ik vind dat je de naam van je weblog wat meer in de verf mag zetten.

Ook vind ik dat het contrast van de navigatiebalk bovenaan niet sterk genoeg is in verhouding tot de achtergrond (grijs/wit).

Door de header en navigatie lichtere kleuren te geven, wordt alle aandacht natuurlijk wel naar het artikel getrokken…

Roel op January 3rd, 2005

Heel mooi! Ik krijg inspiratie voor een nieuwe duik in CSS en (X)HTML (al zou het beter zijn als ik gewoon eens wat vaker iets schreef ;) )

Pieter Schepens op January 4th, 2005

Er moesten toch een paar dagen over gaan eer ik een gefundeerd oordeel kon geven. Hier gaan we dan.
1
Algemene commentaar
Héél knap werk, en dat vooral om een vrij revolutionaire zet: er is zo goed als *geen* navigatie. In plaats van de vraag te stellen of die navigatie nu best bovenaan, links of recht staat, is ze nu bijna compleet overboord gegooid. Sterk. De focus ligt inderdaad op de inhoud. De simpele structuur (laatste artikel - blokje links+film - andere recente artikels) wérkt.
2
Woord en wederwoord
Wat ik op het eerst gezicht, na twee dagen rondsurfen, meest mis is het blokje met laatste reacties. Ik betrap mezelf erop dat surfen naar scene24 twee zaken inhield: is er een nieuwe post en is er een nieuwe reactie? Nu merk je dat veel minder. Wat als iemand reageert op een post die al 4 artikels oud is?
3
In beeld
Een artikel zelf, zoals dat over het Vogezentripje, stuurt je wel mooi naar het fotoalbum. Er vanzelf op terechtkomen, los van een artikel, zal echter minder snel gebeuren. Niet dat dat zo’n mankement is, maar ik vind dat de fotoalbums toch een wezenlijk deel van scene24 vormen. Ik vrees dat als ik nu mensen doorverwijs naar scene24 om de foto’s te bekijken van pakweg de Alpenreis van 5 maand geleden, ze het fotoalbum misschien niet vinden.

Tot zover een eerste gevoel.
Alleen al omwille van punt 1 een Cum Laude. Punten 2 en 3 weerhouden de Magna Cum Laude ;-)

Fre op January 4th, 2005

@kpi: Dank u zeer voor deze feedback!

1 - De navigatie is nog niet helemaal af. Bovenaan moeten die ‘breadcrumbs’ nog wat bijgschaafd worden qua logica. Komt in orde. Ik moet zeggen dat ik over dit alles niet echt diep heb nagedacht. Ik stond eergisteren op, deed wat in Photoshop en paste het toe. Dit alles in twee uurtjes. Ik wist maar een ding: weg met de rommel!

2 - Zie onderaan elke pagina. Voor de vaste bezoekers is er nu ook een RSS feed met de laatste reacties. Ik zou ergens wel nog een blokje kunnen inwerpen waar de laatste reacties in staan. Echter, de meeste mensen interesseren zich daar niet in, dus, weg! Trouwens, zoveel wordt hier niet gereageerd… Soms ligt het dagen stil, net als mijn weblog zelf trouwens.

3 - Ik fotografeer steeds minder. Nu zelfs helemaal niet meer omdat mijn toestel stuk is. De meeste ‘recente’ albums zijn bijgevolg ook niet meer zo recent. Onderaan in het copyright-blokje staat een link. Een nieuwsgierige bezoeker botst daar wel op. Misschien kan ik bovenaan een blokje inlassen met random foto’s uit het album…

Lode op January 4th, 2005

Als Windows gebruiker beschik ik ook over Georgia hoor, of komt dit misschien bij Photoshop?

En omdat Lucida inderdaad een beeldig lettertype is, heb ik mij dat ondertussen ook al aangeschaft. Ik kan dus optimaal genieten van dit pareltje, zeker d.m.v. ClearType ;-)

Fre op January 4th, 2005

@Lode: Cleartype is ok. Jammer dat het niet standaard aan staat. Nu nog de font-rendering opkrikken in Windows en we zijn er! Voor een vergelijking, zie http://www.duoh.com/blog/re...

Ik wist niet dat Georgia bij Windows zat. Kan je mij dat font eens mailen, Lode? Dan stel ik het ter beschikking van mijn bezoekers. Lucida heb je aangeschaft, zeg je? Ik vraag me af of ik daar ook ergens een gratis Windows versie voor kan vinden…

Lode op January 4th, 2005

Nou, aangeschaft is eigenlijk verkeerd uitgedrukt. Het kwam bij zo’n Visual Style voor Windows XP… door het gebruik van een programma zoals StyleXP of door het vervangen van een bepaalde dll door een ‘gepatchte’ versie (uxtheme.dll) kan ik ook genieten van een Mac OS X Tiger look (de feel is er nog niet echt :p).

Het budget voor een degelijke Apple computer ontbreekt mij zie je :p Mijn broer beschikt echter over een Powerbook, ben er wel wat jaloers op natuurlijk.

Ik mail je onmiddelijk de fonts.

Mich op January 5th, 2005

He ja, nu je ‘t zegt. Meer info: http://www.microsoft.com/ty...

Fre op January 5th, 2005

Interessante link. Thx!

Ik heb gisteren ontdekt dat de nieuwe layout er totaal niet goed uitziet op Internet Explorer. Graphics worden niet weergegeven en overal scrollbalken. Nuja.. who cares anyway. Al mijn vriendjes en vriendinnetjes gebruiken iets anders om mee te surfen. Mijn goeie toch ;-)

Pjeir op January 5th, 2005

Knappe lay-out!
Op Windows 2000 kan je trouwens ook smooth fonts gebruiken: rechtermuisknop op Desktop >> Properties >> Effects >> Smooth edges of screen fonts aanvinken.

Wim op January 5th, 2005

@Frederik: De layout ziet er wel goed uit op IE hoor. Alleen krijg je onderaan een ‘whitespace’ van zo’n 10cm. Al kan dat door dat frame van Browsehappy komen.

Voor de rest: een uitstekende layout. Proficiat. Enige minpunt voor mij persoonlijk (en het is hier al es aangehaald) is dat ik de nieuw bijgekomen reacties niet meer in een oogopslag kan zien. Want inderdaad, een stuk is vooral interessant door de reacties die er op komen.

Grote onderscheiding ook wat mij betreft!

Herman op January 6th, 2005

Ik had nog nooit van ClearType gehoord en heb het nu aangezet.
Wow, dit is hoe een computertekst er inderdaad zou moeten uitzien.
Bedankt voor de tip!

Fre op January 6th, 2005

@ Herman: Graag medegedeeld ;-)

@kpi: Puntje 3 opgelost?

koen vm op January 7th, 2005

Lekker!
met de (uiterst geslaagde) knoppen erbij zit het volledig snor! de header ziet er nu ook leuker uit. de comments zal ik vanaf nu dan maar feedgewijs in het oog houden.

Siegfried op January 9th, 2005

Even opmerken dat Microsoft ClearType best wordt ingeschakeld voor gebruikers van een LCD-scherm. Gebruikers van een klassiek scherm houden het beter op normaal.

Fre op January 9th, 2005

@Siegfried: Dat vind ik helemaal niet! Ook op een klassiek scherm werkt Cleartype zeer goed. Zonder is gewoon… tja, prehistorie ;-)

Gebruik [b][/b] en [i][/i] voor opmaak. Links moet u rechtstreeks plaatsen.
Reacties op artikels ouder dan twee weken worden gemodereerd (tenzij voor leden).