Geweldige websites lijken altijd een geweldig ontwerp te combineren met geweldige code. Omdat het bouwen van een website een vrij eenvoudige taak is, ontdek je dat veel mensen HTML en CSS leren en erachter komen dat als ze dat kunnen leren, ze elke gewenste website kunnen ontwerpen. Hoewel je ze technisch gezien vaak zult vinden, zijn er enkele belangrijke fouten die ze maken, omdat ze niet de tijd willen nemen om daadwerkelijk over design te leren.
Programmeurs zijn op zichzelf staande ontwerpers, maar zij ontwerpen code en prachtig ontworpen systemen. Het ontwerpen van iets dat visueel is, is heel anders en alleen omdat je een goed oog hebt voor design, wil dat nog niet zeggen dat je er goed aan doet om het toe te passen.
Omdat zoveel programmeurs persoonlijke projecten hebben, betekent dit meestal dat ze hun eigen websites moeten maken. Als u een freelance coder bent, is een van de grootste troeven die u kunt hebben, het kennen van het volledige webontwikkelingsproces van begin tot eind, en dit omvat ontwerp.
Hier zijn acht fouten die ik ontwikkelaars vaak zie maken bij het toepassen van ontwerp op een website.
Het kan moeilijk zijn om een oog voor ontwerp te scheiden van het ontwerpvermogen. Het lijkt erg op de mensen die naar de mode kunnen kijken en je vertellen wat er goed uitziet, maar zich niet echt op dezelfde manier kunnen kleden.
Geweldige ontwerpers weten eenvoudig wat goed ontwerp is. Ze weten wat werkt en wat niet werkt, voordat ze een potlood oppakken of Photoshop openen. Vaak is dit het geval omdat ze jarenlang verschillende ontwerpen hebben uitgeworpen en zelf ontwerpen hebben uitgeprobeerd. Net zoals geen enkele kunstenaar een potlood kan pakken en iets geweldigs kan tekenen, zou geen enkele ontwikkelaar moeten geloven dat ze hun eerste ontwerp meteen uit het park kunnen slaan.
Net zoals een programmeur de code van een andere persoon zou kunnen bestuderen, kan iedereen een ontwerp bestuderen en beginnen te begrijpen waarom het werkt.
Kijken naar het mooie Punchfork je kunt zien wat het ontwerp zo geweldig maakt.
Er zijn veel meer delen van het ontwerp die het zo geweldig maken. Wanneer je een ontwerp tegenkomt dat je leuk vindt, neem de tijd om de individuele elementen te bestuderen, maar erken ook hoe ze in het geheel passen. Een groot element van een ontwerp maakt het hele ontwerp niet geweldig.
Kleurselectie kan lastig zijn. Ik haat het om kleuren te moeten kiezen, omdat er zoveel zijn om uit te kiezen. Om de een of andere reden hebben de meeste ontwikkelaars de neiging om zich aan een blauw en wit palet te houden. Misschien omdat het overal wordt gebruikt of de standaardinstellingen van de browser, maar een geweldig ontwerp kan een reeks kleuren omvatten. Gelukkig zijn er voor ons mensen met een kleuruitdaging een heleboel gereedschappen die ons kunnen helpen bij het samenstellen van een aantal prachtige kleurencombinaties.
COLOURlovers is een geweldige community waar mensen hun favoriete kleurenpaletten maken en deze delen. U kunt bladeren, opslaan en stemmen op uw favoriete paletten en kleuren. Bij meer dan één gelegenheid heb ik me tot COLOURlovers gewend om door te komen en de dag te redden met kleurselectie.
Let bij het kiezen van een kleurenpalet op een die past bij de sfeer van uw site en de inhoud ervan. Kies geen palet simpelweg omdat je ervan houdt. Oranje en zwart zijn misschien niet de beste kleuren voor een site rond het concept van liefde bijvoorbeeld.
Zelden zult u meer dan 3-4 verschillende kleuren moeten gebruiken en als u besluit om uw keuze te rechtvaardigen.
Het kan erg verleidelijk zijn om een kop te centreren. Het ziet er geweldig uit in kranten, maar het zal zelden goed werken op het internet, tenzij alles gecentreerd is. We weten dat links uitgelijnde tekst er professioneel uitziet en met de natuurlijke stroom van de ogen werkt, dus waarom buiten de lijnen gaan?
Gecentreerde tekst wordt het best gebruikt voor koppen en korte tekstregels. Gebruikers kunnen ze gemakkelijk lezen, omdat de lijnen kort en scanbaar zijn en geen herhaalde oogbewegingen nodig hebben. Gecentreerde tekst kan uw lay-out ook een esthetisch uiterlijk geven met zijn symmetrische indeling. Dit werkt voor tekst die bij gecentreerde afbeeldingen hoort. Als uw afbeeldingen links of rechts zijn uitgelijnd, moet u uw tekst links uitlijnen om het consistent te houden met uw lay-out.
Gecentreerde krantenkoppen werken in kranten omdat de tekst is opgedeeld in kolommen, zodat de kop over het hele verhaal stroomt. Als u slechts één tekstkolom gebruikt, moet u zich houden aan de links uitgelijnde kop.
Als je niet ondergedompeld bent in de wereld van typografie, lijkt Arial op Helvetica en lijkt Georgia op Times New Roman. U weet dat er andere lettertypen zijn zoals Comic Sans, maar u ziet niet hoe belangrijk het is om voor een lettertype te betalen wanneer u heel gemakkelijk kunt gebruiken wat voor u beschikbaar is.
Met middelen zoals Typekit Lettertypeselectie is echter griezelig vergelijkbaar met kleurenselectie. Het kan dagen van onderzoek kosten om de juiste combinatie te vinden wanneer je gemakkelijk een standaard lettertype had kunnen gebruiken en het met de rest hebt gedaan.
Ga niet overboord met lettertypen. Net als kleuren werkt een beperkte selectie vaak het beste. Als het gaat om lettertypen, kunnen een of twee verschillende lettertypen voldoende zijn om een mooi ontwerp te produceren. Vergeet niet dat je veel verschillende dingen kunt doen met lettertypen. U kunt ze cursief maken, vet weergeven, onderstrepen, in hoofdletters of in kleine letters plaatsen.
Wanneer u een ontwikkelaar bent, hoe meer informatie u op een pagina kunt hebben, hoe beter. Wanneer ik codeer, vind ik het leuk om dit op meerdere schermen te doen omdat het me in staat stelt alles voor me te hebben. Helaas werkt dit niet in het ontwerp. Je moet niet zoveel informatie in een kleine ruimte proppen als je wilt, omdat het ontwerp dan niet meer functioneert.
Het oog kan slechts zoveel informatie tegelijk verwerken en als het doel van de meeste ontwerpen is om een taak te voltooien, dan zal het verbergen ervan in een miljoen andere stukjes informatie niet helpen.
Hoewel drukke websites effectief kunnen zijn, vaker wel dan niet, zijn ze dat niet. Witte ruimte zou je beste vriend moeten zijn. U hebt lege delen in uw ontwerp nodig om de nadruk te leggen op de delen van het ontwerp die belangrijk zijn.
We kennen allemaal dat geweldige gevoel iets te creëren en te zien in de echte wereld. Omdat we het hebben gemaakt, is er vaak een vooroordeel achter dat ons doet denken dat het beter is dan het in werkelijkheid is. U moet de mening van anderen krijgen om te weten of uw ontwerp effectief is en of u het niet kunt vinden om het te verbeteren. In plaats daarvan vinden ontwikkelaars dat ze niet de mening van anderen hoeven te vragen omdat ze weten hoe hun ontwerp werkt, dus het is allemaal logisch voor hen.
Je zult ook merken dat wanneer mensen om een mening over een ontwerp vragen, ze niet om een kritiek vragen, maar om goedkeuring. Ze willen een rechtvaardiging voor de beslissingen die ze hebben genomen en dit is niet de juiste aanpak. Vragen stellen helpt u bij het vinden van bruikbaarheidsproblemen waarvan u zich misschien nog nooit bewust was. Vaak sta je zo vast in je eigen ontwerp dat alles logisch voor je is, maar voor een nieuw persoon is je ontwerp misschien ingewikkelder dan een Rubiks Cube.
Met geweldige ontwerpen kan het moeilijk zijn om de kleine details op te merken die het echt maken. Ze kunnen zo subtiel zijn dat de toevallige waarnemer langs hen kijkt en doorgaat. Voor een ontwikkelaar kunnen de kleine details tijdverspilling zijn omdat ze de algemene impact van een slagschaduw op een element niet begrijpen.
Kleine details op zichzelf hebben alleen invloed op een specifiek element van een ontwerp, maar als ze allemaal bij elkaar komen, heb je een prachtig ontwerp dat stroomt. Sites zoals Dribbble bloot hoe groot de kleine details kunnen werken in een groter ontwerp. Als u echter geen ontwerper bent van beroep, kan het teveel focussen op details het proces meer vertragen dan u zou willen. Dit betekent echter niet dat u niet moet weten hoe de details een ontwerp kunnen beïnvloeden.
Welke andere veelgemaakte fouten maken ontwikkelaars als het gaat om ontwerp? Deel alsjeblieft in de reacties!