als u vastbesloten bent om zelf webdesign te leren, bent u op de juiste plaats.Het is waar dat webdesign vrij complex en ontmoedigend kan zijn, maar met de ontwikkelingen in technologie en internetpenetratie is het uitgegroeid tot epische proporties. Het is niet verwonderlijk dat steeds een web designer is uitgegroeid tot een populaire trend in de huidige generatie.
In dit artikel, zal ik u door het leren van webdesign met middelen en tips. Voor beginners die willen nemen in dit pad, kunt u dit artikel dienen als een gids.
Stap 1: Neem een beslissing en maak plannen
webdesign leren is een lange termijn taak die vol uitdagingen zit. Je moet jezelf serieus uitdagen. Maak nu je gedachten en maak plannen op basis van de leergidsen die we in dit artikel introduceren. Vergeet niet dat je het zal maken op uw eigen als je begint met het leren van webdesign door middel van de praktijk. Dus wees klaar!
Stap 2: Krijg een basiskennis van webdesign
” Hoe kan ik beginnen met het leren van webdesign?”Dit is de vraag in je hoofd. Om webdesign grondig te leren kennen, moet u de antwoorden van ten minste de volgende 2 vragen begrijpen:
Wat is Webdesign?
mensen begrijpen vaak de Betekenis van webdesign verkeerd.
Wat is Webdesign precies?
Visual + interaction = webdesign
Webdesign draait om het oplossen van problemen. Het gaat om alle aspecten van een website – de kunst, vaardigheden, wetenschap en technologie van het bouwen van het uiterlijk en de functionaliteit van een website, evenals de manieren waarop gebruikers interactie met webpagina ‘ s.Veel jonge ontwerpers begrijpen het concept van webdesign vaak verkeerd met dat van ontwikkeling.
onthoud: webdesign gaat over design, niet over codering en front-end-of back-end-ontwikkeling.
natuurlijk is het beter als u enkele codeertalen kent (HTML, CSS, Java, enz.), maar je moet niet jezelf diep in front-end of back-end ontwikkeling als je wilt een gerichte web designer. Dat is niet de kern van webdesign.
Wat is het webdesignproces?
Webdesign is geen eenvoudige taak. Het is vrij uitdagend maar toch interessant om van een lege pagina een complete website te maken. Hoe kun je dat doen?
u moet de belangrijkste fasen van het webdesignproces volgen. Zij zijn:
- een doel instellen
Bepaal welk type website u wilt ontwerpen. Is het voor e-commerce, een onderneming, promotie van nieuwe producten, of een activiteitenproject?
als je geen idee hebt, begin dan met een blog. Voor nieuwe leerlingen, het bouwen van een blog is een betere keuze dan het creëren van een andere vormen van uitgebreide website.
- Maak een schema
Maak een tijdlijn voor het ontwerpen van de pagina ‘ s. Wijs taken toe aan iedereen die betrokken is bij het webontwerpproject.
- een Sitemap maken en draadframen
brainstormen. Zet ideeën om in een wireframe met een pen of wireframing tools. Je moet je gedachten vertalen naar iets tastbaars zodat je ze in een vroeg stadium kunt valideren.
- inhoud aanmaken
inhoud toevoegen met ontwerpelementen, visuals, kopieën en interacties. Dit is de fase waarin je al je ontwerp-en ontwikkelingsvaardigheden inzet. U zult een lege pagina omzetten in een voltooide website in deze fase.
- testen
Test uw website en verzamel nuttige feedback. Doe het totdat u de kwaliteit van de gebruikerservaring te maximaliseren, dan zijn klaar om te starten.
- lancering
maak uw website beschikbaar voor bezoekers en verbeter deze op basis van de verzamelde feedback.
u kunt een beter begrip krijgen van het webdesignproces door deze 43 minuten durende Webdesign cursus te volgen.
Stap 3: Begin met leren
zodra u uzelf hebt opgezet en de grondbeginselen van website design begrijpt, kunt u beginnen met het leren van praktische leermiddelen en tips.
Webdesign omvat zowel visuele verschijning als functioneel ontwerp. Dat betekent dat je 2 belangrijke dingen moet leren:
- Hoe maak je een website ziet er goed uit?
- hoe zorgt u ervoor dat een website goed werkt?
u moet leren interfaces te ontwerpen (typografie, navigatie, afbeeldingen, ruimte, animaties, kleuren, enz.), hoe ze te coderen in een web development taal (HTML, CSS, Python, SQL, Ruby, of JavaScript), evenals het optimaliseren van uw website voor zoekmachines.
lees leerboeken voor webdesign
een van de beste manieren om webdesign te leren is door boeken te lezen. Hier zijn 5 van de beste web design boeken die nuttig zijn voor degenen die willen leren web design op hun eigen zijn.
- HTML en CSS: Websites ontwerpen en bouwen
- Learning Web Design: A Beginner ’s Guide
- Don’ t Make Me Think: A Common Sense Approach to Web Usability
- leren webdesign
- ontwerpen met webstandaarden
webdesignblogs lezen
Als u geen boekenwurm bent en het lezen van een vervelende taak vindt, kunt u enkele beste webdesignblogs volgen om uw hersenen te voeden. Gebruik blogs als een alternatief en abonneren op uw favoriete degenen om te voorkomen dat het missen van iets.
- Smashing Magazine
- Mockplus blog
- Webdesigner Depot
- Webdesignledger
- WEB DESIGN LIBRARY
- Hacking UI
- 1stwebdesigner
- WEBAPPERS
leren met PDF-inhoud
enkele echt nuttige inhoud is beschikbaar in PDF-formaat om gratis te downloaden. U kunt het gebruiken om stap voor stap webdesign te leren. Dit zijn een paar voorbeelden die uw tijd waard zijn.
- Webdesign-handbook
- leren Webdesign derde editie-Semantic Scholar
- Webdesign 101-MIT
- Bouw uw eigen website op de juiste manier met behulp van HTML & CSS-X-Files
- een Complete gids voor webdesign.pdf – Online Christian Library
leer van professionals
volg webdesigners die u wilt leren op sociale media sites zoals Twitter, Dribbble, Behance, Github en andere platforms waar ze actief zijn. Lees hun berichten, klik op de like-knop voor degenen die u waarderen, en commentaar als u een punt toe te voegen of een vraag te stellen . Als je geluk hebt, kun je een mentor vinden in een online community of groep. Maar stoor hen niet en neem hun hulp als vanzelfsprekend aan.
Webdesigners die u kunt volgen:
- Ethan Marcotte
- Chris Coyier
- Ethan Marcotte
- Jeffrey Zeldman
- Luke Wroblewski
leer van webdesign video tutorials
er zijn veel Youtube-video ‘ s online beschikbaar. Verminder uw tijd kijken naar grappige dingen en gebruik Youtube om webdesign te leren. Hier adviseer ik 5 van de meest populaire video tutorials. Geniet van het kijken.
- A Beginner ‘ s Web Design Tutorial voor 2018 – Deel 1 2
- Ontwikkeling van het Web Tutorial Voor Beginners 2018 / 2019 – het maken van een website
- Website Design Tutorial Voor Beginners
- HTML CSS Tutorial voor Beginners – Web Ontwikkeling van Tutorials Voor Beginners
- De Volledige HTML-en CSS Web Design Tutorials voor Beginners
Leren van online cursussen
Gratis online cursussen kunnen worden een van de beste middelen. Je kunt het ook bespreken met andere cursisten.
- Class central
leer webontwikkeling met gratis online cursussen en MOOC ‘ s van de Johns Hopkins University, University of Michigan, KU Leuven University, University of California, Berkeley en andere topuniversiteiten over de hele wereld.
- Coursera
een geweldige website voor beginners om webdesign te leren. U kunt een cursus kiezen van uw gewenste universiteit en zien hoeveel mensen het leren. Met de gepresenteerde gegevens, heb je een heleboel keuzes tijdens het selecteren van een cursus.
- Edx
het bevat een lijst van middelen om uw ontwerpvaardigheden op te bouwen en uw carrière vooruit te helpen. U kunt onderwerpen stap voor stap leren met verschillende niveaus van in steps by difficulties.
- W3scholen
nuttig voor het leren van basale codeertalen zoals HTML en CSS.
- Google Code University
leer programmeren van Google-ontwikkelaars.
- Code Avengers
Ik vind deze leerwebsite vooral leuk omdat het net een groot avontuur is dat je in staat stelt deel te nemen aan het programmeren van uitdagingsprogramma ‘ s en het opsporen van bugs.
meer plaatsen voor webdesign online cursussen：
- boomhut
- Lynda
- Udemy
- Coursera
- Webdesign.tutsplus
Leer HTML-basis en CSS
u kunt zich afvragen waarom zou ik HTML moeten leren? Over het algemeen, met behulp van een web design app zoals Dreamweaver is prima. Maar op dit moment, de meeste websites zijn responsieve HTML5 gebaseerd, en CSS is de huid van een website. Modern website ontwerp is niet mogelijk zonder CSS. Het leren van HTML basics en CSS zal u helpen vooruitgang in webdesign.
bronnen om HTML en CSS te leren：
- 30 Days to Learn HTML and CSS
- een beginnersgids voor HTML & CSS
- vrees het Internet Niet
- 8 beste gratis responsieve CSS-websitesjablonen
u kunt ook lid worden van de Codepen-gemeenschap. Dit is een opensource-gemeenschap waarmee u codefragmenten kunt bewerken en delen met anderen.
JavaScript
naast HTML en CSS is JavaScript een belangrijke taal van het web die u kunt leren. Het is een tool die u toelaat om geavanceerde gebruikersinteracties zoals parallax effecten en krachtige webapplicaties te creëren.
bronnen om Javascript te leren:
- 32 van de beste plaatsen om JavaScript te leren voor Web Development Beginners
- Top 37 JavaScript boeken voor Beginners en ervaren programmeurs in 2019
leer meer over webdesignelementen
Als u goed kunt observeren, zult u merken dat de meeste aantrekkelijke moderne websites een goede indeling hebben van de basiswebsite-elementen, zoals:
1） typografie
Typografie is de sleutel tot uitstekend webdesign. Het zorgt voor de leesbaarheid van de inhoud en beïnvloedt de gebruikerservaring direct. Typografie is een belangrijk aspect van alle moderne websites, omdat het zowel esthetiek als functionaliteit biedt aan hun bezoekers.
bronnen om webtypografie te leren:
- 17 Best Typography Design Websites & Tutorials
- 30 creatieve Websites met prachtige typografie & kleurenschema ‘ s
2）animatie en transformaties
transities en transformaties brengen verbeterde gebruikersinteracties naar bezoekers van uw website. Een van de beste manieren om eenvoudige animaties te maken is CSS overgangen en transformaties. Bovendien, parallax scroll effecten en horizontale scroll zijn grote keuzes voor websites.
3）kleurenschema
de kleurencombinaties van een website weerspiegelen de esthetische voorkeur/stijl van een webontwerper en beïnvloeden direct de perceptie van de kijker. Je moet leren hoe je kleur te gebruiken in UI ontwerp verstandig om een perfecte UI-Interface te creëren.
4）lettertypen
gepersonaliseerde lettertypen kunnen leuk of expressief zijn, maar zijn niet altijd praktisch. Als u wilt dat een website leesbaar en professioneel is, kies dan het meest geschikte lettertype. Controleer 20 van de beste Google Web Fonts voor uitstekende Webdesign. Ze zijn vrij te gebruiken!
5）lay-out
Web lay-outontwerp richt zich op het snijvlak tussen technologie en kunst. Web lay-out design verwijst naar de combinatie van visuele elementen zoals tekst en afbeeldingen om een pagina er mooi en gemakkelijk te navigeren. Het is een belangrijke vorm van visuele communicatie en een integraal onderdeel van webdesign. Hier zijn 9 van de beste Website lay-out voorbeelden en ideeën.
6）afbeeldingen
beelden geven mensen een visuele indruk die intenser is dan tekst. Ze kunnen de kans vergroten om de aandacht van gebruikers te trekken.
7）Responsive design
Responsive web design is een verzameling technieken voor het bouwen van websites die werken op meerdere schermformaten. Leer het met deze 47-minuten durende CSS cursus.
leer de basisprincipes van wireframing / prototyping
Wireframing / prototyping is een belangrijke stap om de basis te leggen voor uw website in het gehele ontwerp-en ontwikkelingsproces van uw website. Hiermee kunt u brainstormen, een blauwdruk maken en een duidelijk idee krijgen over de structuur van de site.
verwar de verschillende termen niet. Ga door de basis UI/UX Design concepten: verschillen tussen Wireframe, Prototype en Mockup
leer web design tools
Photoshop – UI design tool
het kan worden gebruikt voor het maken en verbeteren van foto ‘s, Illustraties, 3D-illustraties, ontwerp websites en mobiele apps; bewerken van video’ s, simuleren real-life schilderijen; en meer. U kunt leren hoe te gebruiken door middel van een van de 22 Beste Gratis stap voor stap Adobe Photoshop Tutorials voor Beginners.
Dreamweaver – web development tool
het kan worden gebruikt om dynamische webpagina ‘ s te maken voor meerdere platforms en browsers. “Met Dreamweaver kunnen gebruikers websites ontwerpen, coderen en beheren, evenals mobiele content. Dreamweaver is een geïntegreerde ontwikkelomgeving (IDE) tool.”(Wikipedia). Begin met de Beginnersgids voor Dreamweaver.
Mockplus-prototyping tool
Mockplus is een van de beste prototyping tools voor webdesigners om een interactieve web mockup te maken. U kunt onderdelen slepen en neerzetten om een website te bouwen, en een voorbeeld ervan in HTML of andere formaten. Je hebt maar 10 minuten nodig om gratis met Prototyping te beginnen.
leren met een Website builder
beginnend met een website builder kan u snel helpen de beste praktijken van het bouwen en ontwerpen van websites te begrijpen. Met de vooraf ontworpen sjablonen en UI kits kunt u eenvoudig elementen aanpassen of codefragmenten toevoegen om een website te maken die bezoekers bewonderen.
Website bouwers, u kunt proberen:
- webhost Review
- Wix
- ConstantContact
- SITE123
- Jimdo
- WordPress
Learn SEO
het is goed om een SEO-specialist te hebben die zich met zoekmachines bezighoudt. Maar het ontwerp is vrij verbonden met SEO omdat de inhoud op uw website wordt gelezen door zoekmachines en speelt een rol in de ranking. Als u een SEO-geoptimaliseerde website wilt ontwerpen, dan is het kennen van de basisprincipes van SEO een must. Tenminste, je moet weten over Meta Beschrijvingen op pagina ‘ s en elementen.
leer ontwerptrends
ontwerptrends veranderen snel. U moet zich bewust zijn van de nieuwste design trends en web development technologieën om een moderne website te ontwerpen. U kunt gewoon gaan door de Top 10 Must-Know Web Design Trends en voorbeelden in 2019 voor inspiratie.
Stap 4: beginnen met een draadframe
Start het ontwerpproces van de website met een draadframe. Wireframing helpt een webdesigners bij het brainstormen en valideren van hun gedachten in een vroeg stadium. Start wireframing met de 10 praktische Tips voor het schetsen van uw Wireframes.
Stap 5: Gebruik wat je geleerd hebt om een website
te ontwerpen nu is het moment dat je test wat je geleerd hebt in Stap 3. Je moet leren web design door het te doen. Dan zul je weten wat je begrijpt en wat je niet begrijpt.
Stap 6: vraag om feedback en verbeter
als u een blog of een andere website hebt gemaakt, moet u mensen uitnodigen. Probeer zoveel mogelijk feedback te krijgen als je dan verbeteringen kunt aanbrengen.
FAQ of learning web design:
Hoe lang duurt het om web design te leren?Het leren van Webdesign is een continu proces, maar kan in maanden worden geleerd. Meestal duurt het 5 maanden om HTML, CSS en de basisprincipes van JavaScript te leren. U moet ook tijd besteden aan ontwerptools zoals Photoshop, Sketch en Mockplus.
bovendien moet u webstandaarden, ontwerpprincipes, UX/UI-ontwerp, compatibiliteit tussen browsers en reactievermogen begrijpen. Het leren van al deze duurt 3 tot 4 maanden.
en het belangrijkste is dat je op het punt staat om het gebied van webdesign te betreden na al die lessen. Het ontwerp is aan het veranderen, de technologie is aan het veranderen, dus je moet continu blijven leren.
kan ik webdesigner worden zonder een diploma?
u kunt webdesigner worden zonder een diploma. Om een webdesigner, een diploma is niet een must, wat je moet hebben is een belang in het programmeren, kennis van visueel ontwerp en het coderen in een taal van webontwikkeling, evenals andere vaardigheden in het ontwerpen van het web. Maar een diploma kan uw kansen op het krijgen van ingehuurd in de meeste gevallen te verhogen.
wat kan ik doen na het volgen van een webdesign cursus?
nadat u een webdesign cursus hebt voltooid, kunt u een live project starten, vervolgens in dienst worden genomen bij een webdesign bedrijf of freelancer worden en zelf op zoek gaan naar projecten en klanten.
heeft Webdesign een toekomst?
we leven in een digitale wereld vol websites. De toekomst is veelbelovend.Volgens de Creative Group 2019 Salary Guide, front-end web developer is een van de best betaalde banen in de creatieve en marketing gebied, samen met UX ontwerpers, gebruikerservaring onderzoekers, copywriters, enz. Volgens Glassdoor, webontwikkelaars krijgen betaald tussen $ 41.6 k-78.3 k per jaar en volgens PayScale ze worden aangeboden $ 16.4 k-34.6 k per jaar. De gemiddelde web designer salaris is ongeveer $ 49,693.
is web design eenvoudig?
het lijkt in het begin misschien eenvoudig omdat u de basis van HTML & CSS in een paar maanden kunt leren. Maar als je verder gaat in deze industrie, vindt u het misschien uitdagender. Je moet voortdurend nieuwe technologie leren om gelijke tred te houden met alle veranderingen. Maar als u geïnteresseerd bent in het bouwen van websites en webapplicaties, dan web design kan gemakkelijk zijn voor u.
conclusie
als u zelf webdesign wilt leren, bevat bovenstaande informatie alles wat u nodig hebt om te beginnen. Stop met het verspillen van uw tijd op Facebook of Twitter “op zoek naar antwoorden”. Hoewel u een ontwerp gemeenschap op die platforms kunt bouwen, kunt u niet een webdesigner door tijd doelloos door te brengen. Dus, bukken en beginnen met leren. Geef nooit op met leren en veel geluk voor u!