Archief - LAYOUT: Elemis

Alloa,

Nja, ok, ik heb dus weer eens een layout in elkaar gezet ter financiering van mijn Macbook pro (e.t.a 2 jaar). Heb me enkel beziggehouden met de mainpage, andere pagina's komen er als de 'klant' interesse toont.

Elemis

Zal er ook even bijvermelden dat elke versie volledig hetzelfde is op de styling van de rechterbar na. Ik vraag normaal altijd site-checks op #telenet.webdesign en daar werd vooral gevraagd om een grotere scheiding tussen de main- en de rightbar.

Groeten,
Fré

Vind 2e beter, voor de rest proper ontwerp. Maar de justify tekst ziet er hier niet zo goed uit, maar in de html versie zal het waarschijnlijk toch anders uit zien.

2de ziet er idd het beste uit. Mooi.

kheb het meer voor de 3de versie. kben wel nie aan de groene kalender obj of hoe ge ze noemt.
Anders zeer netjes

Ik moet Underdog nog gelijk gaan geven dat ik er veel te licht vanonder kom omdat ik hier bekender ben.

Het is een entry voor een contest die ik enorm graag zou winnen dus met goede commentaar kunt ge mij echt wel een stuk verder helpen. Let wel, ik ben op zoek naar tweakingcommentaar, niets in de aard van bouw dat maar helemaal opnieuw ed.

frenzal zei:

Vind 2e beter, voor de rest proper ontwerp. Maar de justify tekst ziet er hier niet zo goed uit, maar in de html versie zal het waarschijnlijk toch anders uit zien.

Klik om te vergroten...

Photoshop zijn justify is inderdaad wel vrij kut. Als ge in html een lijn hebt met 2 woordjes gaat em die links uitlijnen, bij photoshop zet em één woordje links en één rechts, totaal onleesbaar..

Komt het door mij of lijkt de content te zweven - geen samenhang te hebben?

Ik volg Michael.
Het geheel mist samenhang. Wat volgens mij al iets kan verhelpen:
minder intanding bij je teksten. Het verschillen tussen titel <> tekst
is te groot.

Ik ga straks of morgen (studeren voor wiskunde ) die spatiëring aanpassen naar
- 15 Pixels tussen laatste regel en nieuwe titel.
- 10 Pixels inspringing bij tekstblokken (links).
- 10 Pixels tussen titel en tekstblokken (boven)

Had die opmerking namelijk al eerder gehad, maar dan eerder gericht op de mainbar en de rightbar, daarmee dat ik dan ook die lichtere balk heb ingevoegd daar. Ik hoop dat die kleinere spaties wel werken want ik wil echt wel dat dit ontwerp zonder tussenlijnen kan 'staan'. Dat was oorspronkelijk toch de hele bedoeling.

Bij adressen zie ik nu dat ik een foutje heb gemaakt, dat ben ik vergeten te positioneren.

Ik heb trouwens nog een blauwe versie op de webspace gezet. Moet maar eens zien of ge dat beter vindt, die opdrachtgever had een 'blauw' ontwerp als inspiratie gegeven dusja.


------------------------

(edit) Ik heb één versie aangepast en alles dichter opeengezet. Persoonlijk vind ik dat dit net een gevoel van wanordelijkheid geeft maar ik geef het een kans. Om het wat gemakkelijker te maken heb ik ook de gebruikte afstanden in een ander bestand erbijgezet.

http://www.vandeborne.be/Fre/_Elemis/Elemis---Blauw-korter.jpg
http://www.vandeborne.be/Fre/_Elemis/Elemis---Blauw-Afstanden.jpg

ik vind ook dat het geheel nogal zweeft.
mss dat effect dat je op je menu toepast, ook op je content proberen toepassen, dat er visueel ook blokken bestaan, zodat mensen makkelijk visueel kunen 'categoriseren'.

Zijn grid is toch niet slecht? Ik heb er anders geen probleem mee hoor.

Het enige punt dat ik heb aan te merken: uw italic op uw font is niet echt, maar een door photoshop scheef gezette roman. Een veel voorkomende typografische fout, je kan hier beter een echte italic zoeken

* Het is niet echt realistisch om je tekst over de volledige breedte van de divs te laten outlinen . (en bovendien leest het sowieso niet gemakkelijk ).

* Ik zou de "laatste realisaties" ook nog door een subtiel kleurverloop (boven naar beneden, donkergrijs > achtergrondkleurgrijs) laten "afscheiden" van de main content .

* En zoals D'Sek zegt: ander font voor de headers . Of niet faux italic.

Voor de rest: heel proper!

Het font is nochtans een echt italicfont als ik photoshop moet geloven (Helvetica-Condensed), ik kan misschien als alternatief helvetica57-Condensed gebruiken, dat is enorm gelijkend en niet italic.

Heb het even geüpload in bestand: Blauw-Korter

Xavez zei:

* Het is niet echt realistisch om je tekst over de volledige breedte van de divs te laten outlinen . (en bovendien leest het sowieso niet gemakkelijk ).

Klik om te vergroten...

Daar ben ik het wel mee eens op vlak van photoshop maar in de browser komt justify in mijn ogen wel goed over. Ben op zich ook bang dat het links uitlijnen van de tekst het grid 'uit balans' zou halen.

Xavez zei:

* Ik zou de "laatste realisaties" ook nog door een subtiel kleurverloop (boven naar beneden, donkergrijs > achtergrondkleurgrijs) laten "afscheiden" van de main content .

Klik om te vergroten...

Dat is ook al gebeurd (in de bruine versies 02 en 03) maar dat is niet op alle schermen even duidelijk. Ik krijg mijn maar niet tegoei afgesteld en ik zie hier dan ook amper het verschil in kleur tussen de main- en rightbar, op een crt hier beneden is het verschil echter zo duidelijk dat ik het niet feller wil maken.

Is misschien wat verwarrend omdat ik nu al zoveel versies heb. ^^

Opmerking: Ik ben op zich wel redelijk tevreden van de kleinere spatiëring tussen de elementen maar toch heb ik het gevoel dat tussen het einde van een blok en de titel van een volgend blok nog een grotere spatie zou mogen staan, enige opmerkingen daarop?

Wat is nu trouwens de reactie van degenen die liever een kleinere spatiëring wilden? Beter of..?