Share
Welkom bij Webdesigntuts +, een online hulpmiddel dat is gericht op het aanleren en aanmoedigen van webontwerpers van alle niveaus en ervaring. Of dit nu je eerste keer hier is, je hebt jezelf in het verleden ondergedompeld in onze inhoud of je bent een regelmatige bezoeker, deze post helpt je het beste uit onze inhoud te vinden.
Hier is een kort overzicht van wat u op deze pagina zult vinden ...
Om vat te krijgen op het ontwerpen van een website gaat het erom te begrijpen wat u wilt bereiken en hoe u problemen kunt oplossen door middel van ontwerp. In de eerste fasen van het proces is het de moeite waard om over na te denken creativiteit en we hebben een hele sessie tutorials om je daarbij te helpen:
Voorbij creativiteit komt de realiteit ontwerpen. Hoe neemt iemand ideeën en communiceert deze in ontwerptermen? Hoe moet een webpagina worden opgemaakt? Hoe beïnvloedt kleur een ontwerp? En hoe moeten we rekening houden met onze gebruikers?
En als u een ontwikkelaar bent, komt u naar webontwerp vanaf een coderingsachtergrond? We hebben een hele reeks ontwerptheoretisch artikelen (elk met een opdracht aan het einde) om u te helpen, plus enkele zeer nuttige workflow-tutorials:
Planning, schetsen, wireframing en spotvisuals zijn allemaal belangrijke aspecten van webdesign, maar hoe zit het met het daadwerkelijk realiseren van die ontwerpen voor de browser? Aan de slag gaan met webstandaarden (HTML, CSS en JavaScript) is van vitaal belang als u geïnteresseerd bent in de wereld van front-end ontwikkeling. Laten we beginnen met de basis ...
Met een fundamenteel begrip van HTML en CSS kun je nu beginnen met het vertalen van je statische visuals naar levende, ademende webpagina's. Volg Adi Purdila terwijl hij van Photoshop naar de code-editor gaat en zijn Adaptive Blog-thema bouwt in deze uitgebreide screencastserie.
Elke vakman heeft goede tools nodig, en webdesign is niet anders! In feite heb je met een eenvoudige teksteditor en een webbrowser genoeg om je op weg te helpen, maar er zijn veel andere toepassingen en hulpmiddelen om andere taken uit te voeren.
Het werkpaard van menig een webdesignstudio voor jaren. Zijn rol kan tegenwoordig veranderen, maar zijn aanwezigheid in de ontwerparena is niet te ontkennen.
De ontwikkeling van Adobe Fireworks wordt stopgezet, in plaats daarvan maakt plaats voor een aantal nieuwe kinderen, maar het heeft nog steeds een gepassioneerd volgen en is een zeer capabele webontwerpprogramma.
Emmet is een van die magische hulpmiddelen die je, als je er eenmaal mee begint, je zult afvragen hoe je het zonder hebt gedaan. Kijk eens!
Die nieuwe kinderen op het blok waar we zojuist over spraken over de ondergang van Fireworks? Dat zou Reflow en de andere Adobe Edge-reeks tools zijn. De toekomst is hier, dames en heren.
Er zijn veel wireframing-tools om uit te kiezen, maar Omnigraffle is zeker een van de meest populaire. Bekijk onze beginnershandleiding.
Responsief webdesign is misschien wel de meest dramatische beweging om web te raken, aangezien iemand suggereerde dat we stoppen met het gebruik van HTML-tabellen voor lay-outdoeleinden. Om meer te begrijpen van wat het is, bekijk dit korte interview met de oprichter, Ethan Marcotte.
Als u meer betrokken raakt, vindt u een aantal zelfstudies en artikelen die de vele aspecten van RWD onderzoeken.
Webontwerpers gebruiken Content Management Systems al jaren als een echte weboplossing. Waarom opnieuw uitvinden wanneer CMS's zoals WordPress de websitestructuur en het beheer zo goed uitvoeren?
In een voortzetting van de eerder getoonde sessie, neemt Adi Purdila zijn statische website-build en converteert deze naar een WordPress-thema. Volg hem tijdens deze zeer grondige screencasts en je zult snel hetzelfde kunnen doen. Als alternatief, volg mij terwijl ik door een andere WordPress-build loop, ditmaal gebaseerd op het populaire Skeleton-framework.
WordPress is echter niet het enige CMS dat er is. We voegen altijd toe aan onze CMS-zelfstudies, dus hier is een voorbeeld van wat er nog meer is:
Het kunnen ontwerpen en bouwen van een website is een klein onderdeel van het bedrijf. Als u succesvol wilt zijn in het verdienen van geld als webdesigner, is het belangrijk dat u de branche begrijpt.
Het is cruciaal om met een team en uw klanten te kunnen werken. Neem daarom een kijkje op deze artikelen die u op weg helpen:
Leren van je leeftijdsgenoten is een van de beste manieren om vooruit te komen in webdesign. Op Webdesigntuts + waarderen we zowel het werk van onze lezers als het werk van grotere spelers in de industrie. Bekijk onze serie How They Did It, plus onze verzameling workshopberichten. Doe mee aan de discussie!
Er is nog veel meer om in te duiken bij Webdesigntuts +, misschien bent u geïnteresseerd in toegankelijkheid, Frameworks zoals Bootstrap, Foundation, Pure en Jeet, SEO, Typografie, HTML Email, of UX plus meer naast.
En, net als alle andere facetten van Tuts +, groeit onze inhoud voortdurend, dus blijf op de hoogte van onze verschillende sociale kanalen om ervoor te zorgen dat u geen enkele truc mist:
Bedankt voor het bezoeken van Webdesigntuts+!
Accentsconagua