iteratie design

 Screenshots iteratie design

Gekozen Kleurgebruik.

Kleurgebruik vind ik erg zelf moeilijk. dus had ik aan mijn teamgenoot gevraagd hoe hij het deed.
Hij gaf mij een link voor zulk soort dingen. en uiteindelijk heb ik een kleuren patroon gekozen en dit aan mijn teamgenoot laten zien en hij vond het ook wel werken.
kleurenselectie
Wel vond ik die laatste 2 van deze selectie niet passen en heb die dus achter wegen gelaten.

Wel heb ik nog lichte aanpassingen gebruikt zodat in mijn ogen beter zou passen bij het gebruik van gradients.

0F5E63

00293B

 

99d9ea

006760

Achtergrondkleur: #0F5E63  ( voor non cs3 browsers)
Achtergrond Gradient: bovenaan #0F5E63 en onderaan #00293B
Main div:  #99d9ea (non cs3 browsers)
Main div gradient: bovenaan #99d9ea en onderaan #006760
Menu div:  #99d9ea (non cs3 browsers)
Menu div gradient: bovenaan #99d9ea en onderaan #006760

Gekozen fonts.

Ik heb besloten om 2 verschilllende webfonts te gebruiken. dit om het contrast tussen menu en normale tekst wat meer aantebieden.

Ik heb via google fonts gekozen voor.

Voor het menu: Elsie

Voor de main content: Donegal One

Vond deze combo goed werken. verder neem ik backup fonts indien deze niet beschikbaar zijn.
PS: op het moment van schrijven word deze fonts opeens niet meer gekozen ga ik achteraan.


Overige aanpassingen.

• Na flink wat zoek werk. ontdekt hoe je makkelijk je borders met een boog kan maken.
• Verder gradients overgangen toegepast.
• twitter widget toegevoegd aan het openbare gedeelte van de website.

Feedback die ik gehad hebt van jaar genoten.

• misschien is het beter om text te centreren.
• Gradients word gezien als niet professioneel dus dat niet doen of minderen.
• Mogelijk schaduw toevoegen als effect.
• webfonts nakijken.
• Titels toevoegen aan projecten in overzicht.
• Kleuren zijn aan de saaie kant. ( en tip om webkleuren te gebruiken. via photoshop )
• Misschien projecten sorteren ( op datum of categorieën) 

Handelingen die ik verder nog naar ga kijken.

• gekozen webfonts werkt niet meer.
• kleuren nakijken.
• css schaduw toevoegen
• sql aanpassen.(artikelen)
• begin datum toevoegen
• eind datum toevoegen
• kijken naar paginate  ( zodat er niet teveel artikelen in overzicht staan.