Beste hulpmiddelen voor webontwerp

door Bradley Nice, Content Manager bij ClickHelp.com - software documentatie tool

Bent u een webdesigner? Dan moet je deze geweldige web-ontwerptools bekijken om je ontwerpcarrière te stimuleren.

Of u nu in een bedrijf werkt of als freelancer, deze lijst met hulpmiddelen voor webontwerp wordt een spiekbriefje voor uw hele reis.

In deze lijst ga ik een aantal geweldige tools delen die je zullen helpen met het ontwerpen van logo's, kleurcorrectie, typografie, grafische werken enz.

Logo ontwerp

  • Logotype Maker (gratis) - Willekeurige generatie van logo's voor uw bedrijf;
  • Logo Makr (gratis) - Eenvoudige logomaker met materialen met vlakke pictogrammen;
  • DesignMantic (gratis) - Voer de bedrijfsnaam in, selecteer uw branche en het zal een logo voor u genereren;
  • SquareSpace (betaald) - Maak coole logo's met slepen en neerzetten;
  • Logo Genie (betaald) - Logo Genie maakt logo-ontwerp eenvoudig en leuk;
  • Logo Garden (betaald) - Automatische generatie van logo's;
  • Logoshi (betaald) - Teken een rommelige schets en krijg een cool modern logo;
  • Logaster (betaald) - Maak een fatsoenlijk logo zonder enige ontwerpvaardigheden;
  • Logo Maker (betaald) - Genereer honderden potentiële logo's en wijzig ze online;
  • Graphic Springs (betaald) - Kies een logo-sjabloon, wijzig het en download het;

Typografie

  • Google-lettertypen (gratis) - zoek en gebruik hoogwaardige lettertypen voor uw projecten;
  • Fontstruct (gratis) - Online tool voor het bouwen van lettertypen, lettertypen kunnen worden gedeeld en gedownload;
  • Type light (Gratis) - Een volledig functionele, Open Type font-editor;
  • Fontface Ninja (gratis) - Identificeer dat coole lettertype op de pagina die u bezoekt;
  • 1001 lettertypen (gratis) - enorme bibliotheek met lettertypen;
  • Font Squirrel (Free) - Beste database met gratis lettertypen;
  • Typecast (gratis) - Creëer visuele en semantische ontwerpen die tekst voorop stellen;
  • Font Flame (gratis) - Tinder voor het koppelen van lettertypen. Haat het of gebruik het;
  • Wat lettertype is (gratis) - Upload een afbeelding en vind eenvoudig het lettertype;
  • Adobe Typekit (betaald) - Krijg toegang tot een enorme bundel premium lettertypen;

Grafische editors

  • Gimp (gratis) - Open source-editor voor het bewerken en retoucheren van afbeeldingen;
  • Blender (gratis) - Open source 3D-creatie;
  • DAZ 3D (gratis) - om realistische mensen en dieren in 3D te maken;
  • BeFunky (gratis) - Enorme bibliotheek met lettertypen;
  • Pixlr (gratis) - Online afbeeldingseditor;
  • Volière (gratis) - Mobiele app voor fotobewerking voor Android / iOS en internet;
  • Photoshop (betaald) - Een van de beste tools in de industrie. Perfect voor het verbeteren van foto's, ontwerpen en 3D-illustraties;
  • Illustrator (betaald) - om prachtige vectorkunst te bouwen;
  • Affiniteit (betaald) - Fotobewerkingstool. Alleen voor Mac;
  • DrawPlus (betaald) - Maak geweldige logo's, tekeningen en ontwerpen, tegen een redelijke prijs;

kleuren

  • Color Hunt (gratis) - Een samengestelde verzameling prachtige kleuren;
  • TinEye (gratis) - Bepaal uw kleuren en zoek afbeeldingen met de perfecte kleurencombinatie;
  • ColorZilla (gratis) - Perfecte uitbreiding voor het kiezen van kleuren van een webpagina;
  • Unclrd (gratis) - Een browserextensie die elke website in zwart-wit verandert;
  • Paletton (gratis) - Tool voor het maken van kleurencombinaties;
  • Adobe Color CC (gratis) - Genereer en bewaar verschillende kleurenschema's;
  • Koelers (gratis) - Kleurgenerator voor uw ontwerpen;
  • Colicious (gratis) - Druk op de spatiebalk en genereer een nieuwe kleur;
  • Hex Color Tool (gratis) - Kleurverzamelgereedschap;
  • Pictaculous (gratis) - Kleurenpalet genereren van PNG, JPG en GIF;
  • ColorDrop (gratis) - Een hulpmiddel voor kleuraanpassing, waarmee u uw favoriete kleurencombinaties kunt opslaan;
  • ColorFavs (gratis) - Een geweldig hulpmiddel waarmee u eenvoudig een kleurenpalet kunt maken door uw afbeelding te slepen en neer te zetten, een URL in te voegen of willekeurige waarden te selecteren;

prototyping

  • HTML5 UP (gratis) - Responsieve en aanpasbare HTML5-sjablonen;
  • Servet (gratis) - App voor het ontwerpen van snelle mocks op uw iPhone;
  • Weld (gratis) - Teken uw website online, precies zoals u het wilt;
  • Sketch (Paid) - De perfecte tool voor UI- en UX-ontwerp. Maar alleen compatibel met Mac;
  • Proto.io (betaald) - prototype-tool voor mobiele apps waarmee u volledig interactieve prototypes voor mobiele apps kunt maken;
  • Moqups (betaald) - HTML5-gebaseerde web-app voor het maken van wireframes, UI-ontwerpen, prototypes en mockups;
  • Flinto (betaald) - Schets interactieve prototypes van statische afbeeldingen;
  • Balsamiq (betaald) - Wireframing en mockup-tool met een hoge focus op bruikbaarheid;
  • Axure (betaald) - Ontwerp snel prototypen vanaf uw computer en deel ze;
  • POP (betaald) - helpt u om uw pen + papieren ideeën over te dragen naar een echt werkend prototype;

Stock foto's

  • Pexels (gratis) - Een enorme database met stockfoto's die u overal kunt gebruiken;
  • Nieuwe oude voorraad (gratis) - Vintage foto's uit de openbare archieven;
  • Superfamous (gratis) - Enorme verzameling van de natuur en zijn bredere opnamen;
  • De patroonbibliotheek (gratis) - Een groot aantal patronen en texturen;
  • Unsplash (gratis) - 10 nieuwe foto's om de 10 dagen;
  • FoodiesFeed (gratis) - Gratis voedselfoto's;
  • Death to the Stock Photo (gratis) - Gratis stockfoto's voor uw e-mail elke maand;
  • Gratis Refe-foto's (gratis) - Enorme lijst met afbeeldingen. Meestal landschaps- en natuurfoto's;
  • Little Visuals (gratis) - Landschap met hoge resolutie en foto's van gebouwen;
  • Gratisography (Free) - Een enorme database met gratis foto's;
  • Picografie (gratis) - Een indrukwekkende keuze aan foto's vrijgegeven onder de Creative Commons Public Domain CC0-licentie;
  • Pixabay (gratis) - Bron voor gratis afbeeldingen van hoge kwaliteit;

Voorraadafbeeldingen

  • GraphickStock (gratis) - Een onbeperkt aantal hoogwaardige, royaltyvrije foto's, vectoren en illustraties;
  • Brusheezy (gratis) - Gratis Photoshop-penselen, patronen, texturen en nog veel meer;
  • Iconfinder (gratis) - Zoekmachine voor gratis pictogrammen;
  • Brushez (gratis) - Enorme verzameling gratis Photoshop-penselen;
  • Vecteezy (gratis) - Enorme verscheidenheid aan vectoractiva inclusief pictogrammen en illustraties;
  • Lettertypebundels (betaald) - Home van premium lettertypen en lettertypebundels;
  • The ispot (Paid) - Premiumillustraties van artiesten op topniveau;
  • Round Icons (Paid) - De grootste pictogrammenbundel ter wereld;
  • Webalys (betaald) - Premium iconen van Vincent le Moign;
  • Illustrio (betaald) - Uitgebreide bibliotheek met afbeeldingen;

infographics

  • Vizualize.me (gratis) - Maak uw infographic of CV;
  • Canva (gratis) - Een eenvoudige ontwerptool om alles te maken wat je nodig hebt;
  • Infogr.am (gratis) - Online tool voor infographics en interactieve grafieken;
  • Venngage (gratis) - Eenvoudige infographic maker;
  • Draw.io (gratis) - Online tool voor het maken van stroomdiagrammen, procesdiagrammen en netwerkdiagrammen;
  • Piktochart (gratis) - Natuurlijk infographic ontwerp om grafische afbeeldingen van hoge kwaliteit te maken;
  • Visme (gratis) - Online presentatie- en infographics-tool met duizenden sjablonen en afbeeldingen;
  • Easel.ly (gratis) - CV- en infographic-sjablonen;
  • Gliffy (gratis) - Online hulpmiddel voor diagrammen;
  • Visage (gratis) - Een eenvoudig ontwerpprogramma voor het maken van visuele inhoud;

Samenwerking

  • Lingo (gratis) - Met Lingo kunt u bibliotheken met visuele middelen bouwen en delen;
  • Bounce (gratis) - Een eenvoudige manier om uw ideeën op elke website te delen;
  • Marqueed (gratis) - Markeer en bespreek afbeeldingen online. Best handig voor Photoshop;
  • Zeplin (gratis) - Samenwerkingsapp voor frontend-ontwikkelaars en UI-ontwerpers;
  • Cage (gratis) - Mooi dashboard om samen te werken met team en klanten;
  • GoVisually (betaald) - Een van de beste tools om klantfeedback voor uw projecten te verzamelen;
  • TrackDuck (betaald) - Hiermee kunt u feedback achterlaten op een website of afbeeldingsbestand;
  • Rode pen (betaald) - Versleep uw ontwerp en ontvang feedback van uw vrienden;
  • Usersnap (betaald) - Hiermee kunt u screenshots van webpagina's maken en deze annoteren;
  • InVision (betaald) - platform voor prototyping, samenwerking en workflow;

Inspiratie

  • Dribbble - De grootste community van ontwerpers en de plaats van hun werk;
  • Behance - Ontdek het nieuwste werk uit de beste online portfolio's van creatieve professionals;
  • Muzli - dagelijkse ontwerpinspiratie;
  • Awwwards - De beste inspanningen van ontwikkelaars, ontwerpers en webbureaus ter wereld;
  • Design You Trust - Ontwerp blog en een enorme community die de nieuwste trends, nieuws, portfolio's, modeontwerp en creatieve advertenties deelt;
  • Really Good Emails - Enorme verzameling goed ontworpen e-mails
  • Fubiz - Een van de meest populaire creatieve publicaties over het laatste creatieve nieuws;
  • Designspiration - Pinterest-stijl bord met designinspiratie op hoog niveau;
  • Mobiele patronen - Een bibliotheek met iOS- en Android-schermafbeeldingen ter inspiratie;
  • One Page Love - Galerij met de beste websiteontwerpen voor één pagina.

Dat is alles - als u nog andere tools voor webontwerp kent, zullen we hieronder een opmerking plaatsen die we aan de lijst toevoegen.

Dit vind je misschien ook leuk:

  • Hoe gepassioneerd en gemotiveerd te blijven als webdesigner
  • Topblogs over webontwerp en webontwikkeling

Fijne dag!

Bradley Nice,
Content Manager op ClickHelp.com - beste online documentatie-tool voor SaaS-leveranciers