Gevraagd: tips mbt design.
Ik heb een design gemaakt voor een nieuw project van me. Nu vraag ik me alleen af of het niet té is. Aan de ene kant vind ik het wit, blauw en roze wel matchen, maar aan de andere kant vind ik de balans ertussen niet goed.
Daarom vraag ik jullie of jullie nog wat aan te merken hebben op het design. Niet letten op de kwaliteit a.u.b., om het allemaal een beetje safe te houden heb ik extra uitgezoomd en wat dingetjes weg gesmudged in de achtergrond. Maar de kleuren en indeling zijn nog duidelijk te onderscheiden, en daar gaat het mij om.
Ik hoor het graag!
Jezpur
Ik vind het er leuk uit zien. Leuke indeling. Alleen de tekst vind ik niet zo spannend, misschien daar nog een verbeter puntje?
Ja, daar zat ik zelf ook nog naar te kijken. Maar kon niet echt tot iets komen. Ga dadelijk nog eens een beetje rond surfen om ideeën op te doen. Verder nog tips (mbt de kleuren)?
Op zich vind ik de design zelf wel mooi, ik vind alleen die potloden er niet echt bij passen.
veranderd. Naar mijn mening is het zo goed als klaar, behalve de content.... Ik kan maar niet aan een leuk idee komen om die content zo mooi mogelijk te maken. Heeft iemand nog iets leuks en/of nog tips?
Nou, ik heb er weer een boel aan Toch maar even helpen:
- Potloden zijn prima.
- grijze vakje rechtsboven lijkt mij wat te groot
- Tekst is te breed: niet meer dan 7 woorden naast elkaar: foto'tje inline plaatsen en uitlijnen?
- Ondervak (grijs)/footer is te groot/hoog. Vind ik.
- blauwe achtergrond is gewoon netjes/goed/gaaf.
- potloden en logo combineren?
mvg Eddy (www.ditismijnhuiswerk.nl)
Spreekt me niet aan, te veel verschillende stijlen.
of wat?
ik wil wel een beetje het onderwerp weten
meestal maak je een lay-out qua kleuren aan het onderwerp
is de kleur magenta?
ik vind de blauw iets te fel
en het roze/magenta ook iets te fel
misschien een beetje donkerder?
G.r.
Thymen
Heb je geen groter screenshot?
Ik heb de boel weer wat aangepast, dit keer in een grotere screenshot. Let niet op de teksten, da's voor de opvulling :-P.
schooldocs betekent
school documenten
misschien moet je de *documenten stijl* opzoeken
waarschijnlijk heeft het dus met school te maken
ook een bepaalde school?
kijk een beetje naar de *stijl* van de school bijv. logo kleuren website
grijs.
donker grijs geeft een beetje saai gevoel over (ligt er aan hoe je het toepast)
licht grijs ook een beetje maar ligt er ook een beetje aan wat je er aan toepast
roze/magenta is een vrij felle kleur en geeft een aantrekkelijk gevoel
zelf vind ik nog van je gradiënt blauw naar wit vind ik niet mooi want de layout content is al wit en witcontent+wit achtergrond word een brede content?:s
Logo: de achtergrond van het logo vind ik zelf saai omdat het grijs is grijs en felle kleuren kan gewoon niet (ligt er aan wat voor grijs natuurlijk)
ik kan zo nog veel meer zeggen maar dat doe ik niet je hoeft ook niet te luisteren naar mij dat is natuurlijk aan je zelf
Gr Thymen
voor de rest vind ik een strak en sjiek layoutje
EDIT die laaste design is top!
g Yoram
Gewijzigd op 01/01/1970 01:00:00 door Yoram
Eerste vonk echt lelijk die laaste die je aangaf ziet er top uit
Daarnaast kan ik je kleurgebruik niet helemaal plaatsen, het menu hetzelfde roze als de "meer info box" voor systeembeheerders, een grijs vlak voor je logo (die er in de footer ook ineens weer anders uit ziet..??? Zelfde i, maar zonder omlijning -> Ander logo) Dat lichte grijs van het blok van de leraren komt helemaal nergens meer terug, en dat blauwe blok (leerlingen) komt alleen terug in de lijn onder het menu.
Probeer je kleuren niet later op de pagina ineens te gaan gebruiken, dat maakt het geheel wat drukker. Verder ziet het er wel leuk uit, qua indeling lijkt mij het prima, lekker overzichtelijk..
Wat misschien nog wel leuk is is om met de line-height te gaan spelen in de inhoud, als 't goed is kan je de tekst precies op de lijntjes plaatsen. (misschien is het dan wel handig de lijntjes iets verder uit elkaar te plaatsen, voor de leesbaarheid) Dat geeft nog meer het "gevoel" van de schoolbanken...
- Je probeert met je schaduw en je design een soort papier-effect te creeren. Je schaduw loopt echter compleet door tot onderaan. Je krijgt een beter effect als je alleen schaduw half laat aflopen aan de bovenkant. Alsof het papier dus soort van je beeld af komt.
- Welk font gebruik je daar? Vergeet niet dat een webpagina niet hetzelfde is als een photoshop bestand. Font antialiasing is dus niet hetzelfde. Zet dat uit in je photoshop als je wil zien hoe de tekst echt getoond gaat worden. Let ook op dat je webfonts gebruikt (arial, verdana etc).
- Je login/password lijkt een beetje niet op zn plek. Past in die stijl niet daar bovenin. Vooral het vinkje past er totaal niet bij imho...
- Je logo kan je meer mee doen. Nu is het grijs erachter gezet onder het mom van 'er moet toch iets achter voor contrast'. Dan is grijs je laatste resort, níet je 1e keuze... Wellicht een afbeelding, goed effect (op het hele pagina thema) of iets anders nog... alles behalve een vlak saai niet bijpassend grijs.
- Je logo zelf , weet niet of die vast staat zo, maar het 'I'tje erboven past niet bij de rest. Pas dezelfde stijl toe op je totale logo. Niet strakke van één en kleurige van ander...
- Indeling is prima, al zou ik die 3 'hoofdgroepen' ook in je menu meenemen, of wellicht ergens daar nog boven. Neem aan dat dit een soort portalpagina is voor de 3 groepen. Zorg dat mensen dit begrijpen op het moment dat ze op je site terecht komen.
- Tekstje van systeembeheerders mag je reworken. Niemand hoeft te weten wie je contactpersoon is, is totaal niet relevant voor de bezoekers van de site. Hetzelfde voor wie de site heeft aangemeld... Daarbij heeft iemand niet ergens 'macht' over, eerder 'beheer'. Macht is niet het juiste woord hiervoor.
- Blokje leraren mag een tikje donkere grijze tint achter. Tekstje leraren ook de verwijzing naar systeembeheerders verwijderen. Dit soort info moet je op een info-pagina kwijt, niet hier.
- Het blauw achter leerlingen is niet hetzelfde als het blauw uit je background. Trek dit meer naar elkaar toe qua kleur om meer 1 geheel te krijgen. Verschillende tinten kan wel, maar in dit geval komt het rommelig over. Zelfde weer in referentie naar systeembeheerders, op infopagina niet hier.
- Footer is redelijk, ook grijs hier kan je meer mee doen, zelf in te vullen. De tekst over kopiëeren kan weg, of verplaatst worden naar de voorwaarden, disclaimer etc. De knoppen heb je al, zet deze tekst dan ook daarneer. Bovendien kent nederland geen copyright, dat kan compleet weg en slaat nergens op.
Lijstje met kritiek. Opzet en indeling vind ik wel goed, je hebt er wel over nagedacht. Naja kijk maar wat je ermee doet.
groet
wes
design. Misschien dat de potloden nu iets te fel zijn door de saturation, maar dat valt simpel terug te draaien. Het logo i.c.m. de achtergrond vind ik persoonlijk nu echt geweldig.
Het inlogkadertje is verplaatst naar de rechterkolom. De grote pijl zal de submit-image worden. Ik heb het blauw wat meer gebruikt (o.a. in de kopjes) en ben op zoek gegaan naar een beter lettertype. Eerst gebruikte ik Palatino Linotype met een smooth antialiasing. Dat zal inderdaad niet mooi worden in de browser, vandaar dat ik over ben gestapt op Verdana, wat straks een "Arial, Helvetica, Verdana, sans-serif" gaat worden.
Over de breedte: tsja, ik weet dat hij eigenlijk veel te smal is. Maar als ik hem breder maak, hoe moet ik dat dan opvullen? De contentteksten worden zo te breed en worden niet echt lang als je maar korte teksten hebt. Een derde kolom weet ik niet of dat wel past en verder zou ik ook niet weten hoe de drie kadertjes onderaan en de header(s) bovenaan over een breder oppervlakte kwijt zou moeten.
Ik ben benieuwd wat jullie ervan vinden.
Nogmaals: klik.
P.S.: Let nog maar niet op de verschillende teksten, die heb ik gauw even uit de losse hand daar neergezet. Wordt straks nog aangepast!
Heb weer op verschillende vlakken naar jullie geluisterd. En hier is een volgend Het inlogkadertje is verplaatst naar de rechterkolom. De grote pijl zal de submit-image worden. Ik heb het blauw wat meer gebruikt (o.a. in de kopjes) en ben op zoek gegaan naar een beter lettertype. Eerst gebruikte ik Palatino Linotype met een smooth antialiasing. Dat zal inderdaad niet mooi worden in de browser, vandaar dat ik over ben gestapt op Verdana, wat straks een "Arial, Helvetica, Verdana, sans-serif" gaat worden.
Over de breedte: tsja, ik weet dat hij eigenlijk veel te smal is. Maar als ik hem breder maak, hoe moet ik dat dan opvullen? De contentteksten worden zo te breed en worden niet echt lang als je maar korte teksten hebt. Een derde kolom weet ik niet of dat wel past en verder zou ik ook niet weten hoe de drie kadertjes onderaan en de header(s) bovenaan over een breder oppervlakte kwijt zou moeten.
Ik ben benieuwd wat jullie ervan vinden.
Nogmaals: klik.
P.S.: Let nog maar niet op de verschillende teksten, die heb ik gauw even uit de losse hand daar neergezet. Wordt straks nog aangepast!
Gewijzigd op 01/01/1970 01:00:00 door Jesper Diovo
Duidelijke tekst!!!
Lettertype is niet mijn keus (ga voor Calibri... die je in je headers gebruikt).
Het login-veldje was eerst leuker.
Logo hangt er nog steeds was los bij... integreer dat
achtergrond is prima!
Het logo is de drie vierkantjes met de teksten 'Schooldocs' en 'School Network'. De achtergrond moet je daar niet bij betrekken, dat is alleen om van dat saaie grijze vak af te komen.
Jezpur schreef op 18.02.2009 17:14:
@Eddy: in mijn headers gebruik ik Red Ring 1969. Eén van mijn favoriete lettertypes. Calibri is nog steeds niet standaard bij iedereen in gebruik. Arial, Verdana, enzo wel. Dus daar ga ik liever voor ;-). Overigens worden die kopjes straks met sIFR bewerkt naar de juiste lettertype, dus daar hoef je je geen zorgen om te maken ;-).
Prima oplossing inderdaad.
Font-family: Calibri, Verdana, "Times New Roman"; werkt prima ;).
jij:
Het logo is de drie vierkantjes met de teksten 'Schooldocs' en 'School Network'. De achtergrond moet je daar niet bij betrekken, dat is alleen om van dat saaie grijze vak af te komen.
Mmm waarom dan grijs?
Eddy Erkelens schreef op 18.02.2009 17:21:
Mmm waarom dan grijs?
Omdat dat ook een kleur is die voornamelijk voorkomt in mijn lay-out. De 'huiskleuren' zijn dus uit de lay-out gehaald, zodat dat mooi overeen komt ;-). Je kunt er nog allerlei theorieën achter hangen waar die kleuren dan uiteindelijk vandaan komen, maar mijn theorie blijft dat ik het drie mooie kleuren vind en ze perfect bij elkaar passen ;-).
Sow heej, het design wordt steeds beter. Ik zie teminste dat je wat doet met alle kritiek, dat is al een pluspunt. Voor mij is het een lust voor het oog.