Archief - Beter leren designen

Hey iedereen

Ik twijfelde nog een beetje tussen het gfx forum en dit, maar omdat m'n post uiteindelijk toch over webdesign gaat, zet ik hem hier.

Ik werk in een klein internetbedrijfje hier in Gent waar ik officieel één van de PHP developers ben. Niemand heeft bij ons echter kaas gegeten van design en ik ben de enigste die er wat ervaring mee heeft. Budget voor een ontwerper in te huren is er niet, dus krijg ik de taak om de interface en website te vernieuwen. Ik ontwerp zeker geen gedrochten, maar het zijn ook zeker niet de meest verbluffende dingen. Alles wat ik ken is ook zelfstudie, daar ik van opleiding eigenlijk leerkracht informatica-TO ben.

Men zegt dat creativiteit voor een groot stuk aanleg is. Die aanleg ontbreek ik, vrees ik Maar iets moois ontwerpen, lijkt me, heeft ook vaak te maken met een combinatie en gebruik van technieken en theoriën (ivm kleur, schikking etc). Ik zou daar dan ook graag meer over bijleren, maar zie door de bomen het bos niet meer. Het internet staat vol met tutorials, de ene met een nog goedkoper resultaat dan de andere. En vaak komen die tuts allemaal neer op hetzelfde: teken dat figuurtje, pas volgende photoshop layer styles toe. Ik zou graag iets dieper gaan en meer bijleren over de basis, wat een goed design maakt etcetera.

Zijn er mensen die mijn problematiek herkennen? Die zelf een meer grafische opleiding gevolgd hebben? Hoe blijven jullie up to date in een design landschap dat constant evolueert?

Verder ben ik ook wel te vinden om eventueel iets te gaan bijstuderen in avondschool, of wat goede boeken aan te kopen. Alle tips zijn welkom

Tutorials, the root of all evil. But not really. Tutorials kunnen bepaalde technieken aanleren, maar dan moet ge ze niet van voor tot achter overnemen. Technieken zoals lighting, het correct toepassen van bepaalde layerstyles kunt ge hergebruiken op andere manieren en afbeeldingen en 't is vooral dat waar ge goed in moet worden. Persoonlijk bekijk ik geen tutorials, behalve als er echt iets specifiek is dat ik wil bereiken en echt geen idee heb hoe eraan te beginnen. Niet van: "Oh, een tutorial, die ga ik nu eens helemaal namaken".

Inspiratie is wel heel belangrijk, en inzoomen op die inspiratie. Het geluk met webdevelopment is dat het vaak neerkomt op wat subtiele lijntjes, gradients en texturen en dat ge daar niet superveel skills voor moet hebben. Wilt ge natuurlijk uw site wat gaan opfleuren met wat tekeningen van karakters etc, dan is het een ander verhaal. Maar een stijl die we momenteel op het web ervaren (na een aantal jaar veel candy effectjes enzo) is heel droog en simpel, dus hooray! 'k Denk dat dat ook de richting is waar we meer en meer naartoe gaan evolueren door de technische evolutie van het web en content over design.

Ik zit in een opleiding die ook wel 'grafisch' genoemd wordt. Maar maak u geen illusies, ook in zo'n opleidingen wordt ge niet meer aangeleerd dan de basis van Photoshop en Illustrator om dan zelfstandig bij te leren. Ge wordt wel bijgestuurd als ge uw opdrachten gaat voorleggen, maar dat is dan in de stijl van: "Maak dat lijntje eens iets subtieler" of "Verhoog uw line-height eens een paar pixels". Op het einde van de rit zijn er nog genoeg mensen die dus geen kloten van design kunnen.

Wat nooit kwaad kan is een gezonde interesse in design, veel uitproberen en namaken en een mapje bijhouden met inspiratie. Ik heb echt een folder die uitpulkt van dingen die ik op Dribbble - What are you working on? heb gevonden. Voor webdevelopers een véél betere site om inspiratie op te zoeken dan bijvoorbeeld Ffffound, omdat bijna alles gericht is op webdevelopment.

Echt veel nuttig kan ik dus niet zeggen, ook al is het zo'n lange post.

Merci voor de lange post, ik had er wel degelijk iets aan

Ik zit zelf ook op Dribbble en ben er de laatste dagen toch ook enorm aant het rondneuzen. Ook op Forrst ben ik wat aan het rondsnoopen, maar da's echt meer gericht op code merk ik. De snaps die daar staan, zijn vaak niet van dezelfde kwaliteit.

Ik ga denk ik in de toekomst wel meer feedback vragen, zal de beste manier zijn om bij te leren, I presume.

kleine aanvulling bij zero_grav, want hij somt het wel bijna allemaal op:

proberen, proberen, proberen en doen, doen, doen + kritiek krijgen, aanvaarden en er mee aan de slag gaan.

Na veel gegronde constructieve feedback ga je de dingen zelf beter aanvoelen en inzien.

Momenteel plaats ik heel af en toe een shot op Dribbble, in het verleden zette ik dingen op Deviantart. Deviantart is te groot, daar krijg je echt geen commentaar meer, de ervaringen met Dribbble zijn wat gemengd.

Weet nog iemand goede plaatsen om feedback te vragen/krijgen?

Edit: ik was aant denken, zou der eventueel animo zijn om een thread op te richten met dingen die u inspireren? Misschien niet zozeer losse websites ofzo, maar bv mensen die de moeite zijn om te volgen op Twitter/Dribbble/Forrst, goede artikels over webdesign... Dingen waar je zelf iets aan hebt en eventueel zou willen delen, in't gedacht dat anderen er ook iets aan kunnen hebben. Ik kom hier echt niet regelmatig en ken de community hier niet, maar ik kan het maar vragen: zou dit kunnen werken?

Op het gfx gedeelte van dit forum heeft er iemand iets aangemaakt ter inspiratie.
Mss ben je hier iets mee
https://www.beyondgaming.be/archive/web-design-programming.237/design-page-op-facebook.785530

En idd zoals de meeste zeggen/zullen zeggen, inspiratie is het belangrijkste, en de kritiek die je op uw werk krijgt accepteren. Zelfst als het goed is, zul je nog altijd kritiek krijgen, zo wordt je ook beter, anders zal uw vooruitgang lineair/neutraal verlopen.

En bekijk niet enkel digitaal werk, maar ga ook eens buiten en let op typografie, kleuren, compositie etc

een gouden tip ook, surf heel veel, en probeer, als je op een site komt waarvan je vindt dat die mooi is, te begrijpen / zien waarom je net die site mooi vind, wat hem onderscheidt van de andere, wat je er goed aan vind, en probeer te begrijpen hoe je zoiets zou kunnen toepassen

Merci UnD3RD0G. Da probeer ik nu ook te doen als ik op Dribbble ofzo dingen tegenkom die ik schoon vind, probeer die dan vaak in Photoshop schaamteloos namaken, maar leer zo ondertussen wel veel technieken bij.

Tutorials voor bepaalde elementen durf ik soms wel lezen, vandaag toch een techniek bijgeleerd uit Design a Beautifully Detailed Web Button | Webdesigntuts+


Kleur blijf ik één van de lastigste dingen vinden. Ik vind het heel moeilijk om het contrast van bepaalde dingen te tweaken of bijpassende kleuren te vinden die mooi contrastreren. In het logo van het bedrijf komt #ffd204 en ik probeer veel daar van af te leiden, maar gemakkelijk is het toch niet

Bram zei:

Merci UnD3RD0G. Da probeer ik nu ook te doen als ik op Dribbble ofzo dingen tegenkom die ik schoon vind, probeer die dan vaak in Photoshop schaamteloos namaken, maar leer zo ondertussen wel veel technieken bij.

Tutorials voor bepaalde elementen durf ik soms wel lezen, vandaag toch een techniek bijgeleerd uit Design a Beautifully Detailed Web Button | Webdesigntuts+


Kleur blijf ik één van de lastigste dingen vinden. Ik vind het heel moeilijk om het contrast van bepaalde dingen te tweaken of bijpassende kleuren te vinden die mooi contrastreren. In het logo van het bedrijf komt #ffd204 en ik probeer veel daar van af te leiden, maar gemakkelijk is het toch niet

Klik om te vergroten...

Zoveel mogelijk stelen is de boodschap. Wat je ook zei over aanleg is tot op zeker hoogte niet van toepassing. Er zijn weinige designers die echt iets nieuws en vooruitstrevend maken. Veel designers hebben ook kaften en directories vol met referentie materiaal die ze gebruiken als ze iets nieuw moeten ontwerpen. Dus het is niet zo dat ze voor een wit blad gaan zitten en een super design te voor schijn toveren.

Tutorials zijn belangrijk om de technische kant van ontwerpen onder de knie te krijgen en ook om bepaalde technieken te leren. Als je de techniek ontbreekt dan zit je meestal nogal rap gevangen binnen je eigen skill set.

Wat ook interessant kan zijn is om de wetenschap achter ontwerpen te onderzoeken. Bijvoorbeeld de gulden snede of waarom dat sommige kleuren bij elkaar passen. Op die manier kan je binnen een strakker kader werken wat voor beginners zeker aan te raden is.

Er zijn ook vele tools die je kunnen helpen zoals bijvoorbeeld voor kleur zijn er talloze websites die waar je kleuren kan vinden die bij elkaar passen. bv. Color Trends + Palettes :: COLOURlovers

[drone]-[1.05];14743974 zei:

Wat ook interessant kan zijn is om de wetenschap achter ontwerpen te onderzoeken. Bijvoorbeeld de gulden snede of waarom dat sommige kleuren bij elkaar passen. Op die manier kan je binnen een strakker kader werken wat voor beginners zeker aan te raden is.

Klik om te vergroten...

Dit zou ik echt graag doen, maar weet niet goed hoe. Kent iemand daar goeie boeken van? Artikels online?

Sites als colour lovers en kuler ken ik wel, en ik zie wel in dat sommige sets echt goed zijn en die vol kleuren zitten die samen passen, maar ik zou het zelf ook graag kunnen.

Ik kijk ook regelmatig op The Best Designs » Web Design and CSS Gallery » The Best of Web Design maar daar is het probleem wel dat het in 95% van de gevallen dezelfde minimalistische ontwerpen zijn.

Zoek zaken op over UX/UI design, informatie architectuur etc. Ne mooie site is 1 ding.

Als ik me niet vergis stond er hier een topic over typografie, dat ook niet vergeten, de meeste sites bestaan voor het grootste deel uit tekst, dus je moet dit ook niet onderschatten.

Met andere woorden, een site is meer dan wat afbeeldingen en kleuren bij elkaar gooien.

Wat ik eigenlijk ook nog had moeten vermelden is 365psd. Een hele verzameling PSD's van getalenteerde (en ook een pak minder getalenteerde) ontwerpers. Handig om te ontleden als ge bijvoorbeeld op zoek zijt naar de beste manier om een metallic button te maken, of hoe ge dat inset effect verkrijgt.

Daarnet kwam ik ook Pixels Daily | Freebies tegen, met blijkbaar ongeveer dezelfde opzet maar op het eerste zicht wel nog een pak lager niveau.

Ook op Dribbble worden in de comments vaak PSD's gepost trouwens.

Als je gewoon een kleurenpalet wil genereren is Color Scheme Designer 3 misschien ook wel handig... Je kan een basiskleur kiezen, dan het type palet kiezen (er zijn voorbeeldpagina's in lichte en donkere versie) en vooral : je kan ook testen wat een kleurenblinde ongeveer te zien krijgt. Ik weet natuurlijk niet in hoeverre dat accuraat is, maar 't is wel handig om de leesbaarheid van je geselecteerde palet te checken.

Fonts, Form and Function: A Primer on Digital Typography | MIX11 | Channel 9 Video over typografie.