Archief - PORTFOLIO: LiveGraphics

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
X

Xavez

Legacy Member
URL: http://livegraphics.be

APPS:
  • Photoshop CS2
  • Notepad++
  • Irfanview
TECHNIEKEN:
  • Minivorm van een eigen PHP "template engine" voor makkelijk updatebare pagina's
  • XHTML 1.1
  • CSS 2
  • Javascript (het lightbox component)
DOEL: Eens een liquid design maken, met zo weinig mogelijk CSS hacks en een zo breed mogelijke, platformonafhankelijke compatibility, en usabilty (blinden en slechtzienden). Het moest er ook vrij "fris" uitzien.

EIGEN COMMENTS: Ik ben wel 8/10 tevreden van het resultaat. Het design is niet zo erg baanbrekend en ik geef mezelf daarom twee puntjes minder dan perfectie (perfectie = het doel bereiken, niet dat ik een dikke nek heb en mezelf 10/10 ga geven in vergelijking met andere, veel spectaculairdere sites, natuurlijk :)).
Het roze wat ik gebruikt heb gebruik ik trouwens al een jaar of twee in mijn logo, dus commentaren à la meeloperij wat kleuren betreft zijn dan ook niet geheel gepast denk ik.

Shoot me with your criticism!
B

Brock

Legacy Member
Kan het zijn dat het logo wat wazig is?

Die roze links op roze achtergrond zou ik veranderen. De site is al behoorlijk fel ( je moet maar es 20 secs naar de site kijken en dan gewoon naast uw scherm, het staat op uw netvlies gebrand :) )

Verder vind ik het doorstrepen van bezochte links niet zo'n goed idee. Het geeft het gevoel dat je daar niet meer naartoe mag gaan.

Het is trouwens altijd leuk om eerst een inleiding te krijgen bij bvb een webproject alvorens je naar het uiteindelijke project doorverbonden wordt.

Op bepaalde pagina's is de website nogal leeg ( de index pagina bvb ). Eventueel zou ik voor iets meer opvulling zorgen ( /me = 1280 x 1024 )
B

Black Night

Legacy Member
Hmm, niet slecht feitelijk :)

Tjah, Brock heeft het meeste al opgesomd. Probeer zeker nog wat meer op te vullen. De hoeveelheid informatie per pagina = zeer laag
X

Xavez

Legacy Member
- Logo is idd wat wazig, maar da's de enige echte manier om een toch nog iets of wat mooi beeld te krijgen bij een liquid layout (verander size van je browservenster maar eens, bijvoorbeeld)

- Zal de links eens aanpassen... Maar bedoelde je nu dat die links te fel zijn? Dus witte links zijn bijvoorbeeld ook te contrastrijk?

- Doorstrepen, tja... Zal dan gewoon met kleuren werken of dergelijke, maar dan moet ik eerst de originele kleur nog weten te bepalen, om een minder contrastrijke kleur als visited te gebruiken...

- Inleiding is maybe wel waar... Ik zal er eens aan werken zie :)

- Leeg... Tja, ik weet niet echt goed hoe ik het moet opvullen... Een goedkope bgfade vond ik ook maar niks. Eventueel zo'n hippe vector-plant in het zwart op de background... Zal er eens wat achter illustratoren :)
R

Rvl

Legacy Member
Quilombo zei:
ik vind het te eenvoudig, te sober
+ brock puntjes :p
Klik om te vergroten...
kan ik me bij vinden. Het is zeker niet slecht maar er ontbreken nog elementen om het design "af" te maken.

Verder vind ik u content titles niet echt geslaagd. Ik zou ze meer letter-spacing geven, nu staan ze iets te opeengedrukt precies

u html ziet er vrij goed uit qua structuur buiten misschien het volgende puntje
Code: 
div id="header"><img src="img/logo.jpg" alt="LiveGraphics design" id="headerlogo" /></div>
Dit vervangen door <div id="header"></header> en gewoon u image als background in u header id steken.
Z

Zero Grav

Legacy Member
en dan veranderen naar <div id="header"><h1>Live Graphics Design</h1></div> en in de css #header h1 { display: none; }
X

Xavez

Legacy Member
En waarom juist, Zero Grav?
Is bij mij weten niets mis met een afbeelding als IMG in de header te plaatsen?
Of is het de bedoeling dat als er geen CSS applied is, je gewoon tekst te zien krijgt ipv die afbeelding maybe?

Ik zal het eens onderzoeken. Moet uiteraard mijn image nog kunnen mee resizen dus... :)

Over opvulling ga ik ook eens nadenken en dat van die letter-spacing: maybe. Ik vind times op deze manier eigenlijk een vrij mooi lettertype... 'tis maybe een kwestie van smaak? Ik kan ze gemakkelijk en vlot lezen, iemand anders problemen daarmee?

Thanks for the comments so far :)
Q

Quilombo

Legacy Member
ik vind de links ook nie echt goed leesbaar, ze zien er alleszins nie goe uit imo

en da van uw header is om uw content volledig te scheiden van u opmaak, en uw header hoort bij uw opmaak

die display: none; is dan voor van die toestelletjes die sites voorlezen; of idd voor zonder css
Z

Zero Grav

Legacy Member
Xavez zei:
En waarom juist, Zero Grav?
Is bij mij weten niets mis met een afbeelding als IMG in de header te plaatsen?
Of is het de bedoeling dat als er geen CSS applied is, je gewoon tekst te zien krijgt ipv die afbeelding maybe?
Klik om te vergroten...

Nuja, zoals de semantiek het gebruik van divs voorschrijft wordt er ook gevraagd om afbeeldingen die deel uitmaken van het design in de css te steken en afbeeldingen die deel uitmaken van de content in de html. Dit is op zich niet altijd even handig (sites die bijvoorbeeld changing headers of dergelijke hebben!).

Die h1 er dan inzetten is vooral voor google, hun spiders interpreteren h1 als de titel van een website, maar niet alleen voor hun, slechtzienden die de stylesheet van je website gaan afzetten (ga eens in opera kijken naar view-Style-Usermode-Accessibility layout, nu is je header ongelooflijk groot daar, normaal zou hij die header dan verwijderen en je H1 daar als grote, duidelijk leesbare titel zetten.
X

Xavez

Legacy Member
Jupz, dat bedoelde ik dus voor "zonder css": usability en dergelijke :). Zal er eens werk proberen van te maken als ik nog een gaatje tijd kan vinden. Nu, ik dacht dat die ALT-tag wel genoeg zou zijn qua usability (gezien blinden/slechtzienden dan toch sowieso het logo niet gaan zíen he :)). Maar het zou inderdaad wel een veel properdere oplossing zijn. Thanks!
X

Xavez

Legacy Member
Ziezo, heb het contrast al wat aangepast en iets meer met een grafisch beeld gewerkt in plaats van die misschien toch wel té strakke lijnen links...

Vind het er persoonlijk wel al beter uitzien op deze manier :). Dat van die header-image heb ik gedeeltelijk opgelost (image blijft wel weergegeven, maar er is nu een h1-title toegevoegd). Het probleem met die image in de background te zetten is dat ik hem niet mee kan stretchen, gelijk nu het geval is, omdat hij dan als background-image staat...
Q

Quilombo

Legacy Member
ziet er idd al beter uit, nu uw menu en uw menu-titles nog ;p
vraag is natuurlijk wat een boom te maken heeft met architectuur x)
X

Xavez

Legacy Member
Het contrast organisch <> strak ? Neen? :p :(...
Site heeft trouwens niets met architectuur te maken... But then again, it does :p... Moet nog wat achter het kleurenschema zoeken van mijn visited-links ofzo :)...
o

orez

Legacy Member
26 april... 21 mei... gelieve geen topics op te gaan vissen, danku
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan