8 tools die een webdesigner nodig heeft

2024 Auteur: Malcolm Clapton | [email protected]. Laatst gewijzigd: 2023-12-17 04:06

Schermgrootte.es

Screensiz.es is een site die u gemakkelijk kan helpen de fysieke afmetingen, schermresolutie, beeldverhouding en vele andere parameters van de schermen van de meest voorkomende modellen smartphones, tablets en monitoren te vinden. Alle informatie komt in een eenvoudige en begrijpelijke vorm - in de vorm van een tabel. Er zijn tientallen verschillende Android-apparaten, tablets, waaronder BlackBerry Playbook, Microsoft Surface Pro en Barnes & Noble Nook. Voor minder gebruikelijke apparaten is het ook vrij eenvoudig om de informatie te vinden die u nodig hebt. Screensiz.es biedt ook een populariteitsclassificatie voor apparaten op basis van Google-zoekstatistieken en een aantal andere criteria.

Subtiele patronen

Subtle Patterns biedt een breed scala aan achtergrondpatronen die u kunt gebruiken als achtergrond voor uw websites. Eenvoudige maar aangename patronen zullen voldoen aan de smaak van minimalistische designliefhebbers die meer willen dan een effen witte achtergrond. Een van de beste functies van de site is een voorbeeld van hoe een bepaald patroon eruit zal zien op uw site. Houd er rekening mee dat alle patronen gratis tot uw beschikking worden gesteld.

Type verloren

Weet je nog het lettertype dat je op je favoriete site zag? De kans is groot dat dit lettertype afkomstig is van de Lost Type-site, waar veel ontwerpers samenkomen die hun werk daar te koop zetten tegen een pay-what-you-want-prijs. Misschien kan Lost Type worden toegeschreven aan de lijst met sites waarvan elke ontwerper (en niet alleen) op de hoogte zou moeten zijn. Er zijn niet veel plaatsen op internet waar u een uniek lettertype van hoge kwaliteit kunt krijgen zonder er veel geld voor te betalen.

rode pen

Met Red Pen kunt u als geen andere site een zeer belangrijke taak eenvoudig en snel oplossen. U sleept uw grafisch werk of lay-out naar een speciaal venster op de site, en de dienst geeft u een unieke link die u op sociale netwerken kunt publiceren. Door op deze link te klikken, kan iedereen op een willekeurige plaats met de muis klikken en daar opmerkingen en opmerkingen achterlaten over wat hij ziet. Een onmisbare tool om snel feedback te krijgen van een zo breed mogelijk publiek.

Patroon kraan

Pattern Tap is geen tool in de traditionele zin van het woord, maar komt zeker van pas voor een ontwerper. Het doel van Pattern Tap is om u te inspireren met ideeën voor verschillende elementen van webpagina's. De site bevat bijvoorbeeld een grote lijst met voorbeeld 404-pagina's, audiospelers, knoppen, broodkruimels en meer. Als je geen inspiratie meer hebt, kan het kijken naar de verschillende incarnaties van een idee je in de goede richting duwen. een breed scala aan ideeën binnen handbereik hebben, verzameld op één site, is veel beter dan eindeloos op het web te surfen en tonnen visuele informatie te doorzoeken. Met Pattern Tap kunt u ook zoeken op criteria zoals kleuren, stijlen en soorten elementen.

Blokk-lettertype

De naam Blokk spreekt voor zich. Vaak moet de ontwerper bij het ontwerpen van lay-outs zijn volheid demonstreren met tekst, wat vaak leidt tot onnodige extra inspanning. Het is duidelijk dat je een soort Lorem Ipsum-achtige tekstgenerator kunt gebruiken, maar er is ook een elegantere oplossing. Blokk-lettertype transformeert wartaal getypt vanaf het toetsenbord (fywalge) in iets slank en moois. In plaats van betekenisloze Latijnse zinnen, krijg je slanke lijnen die tekstregels nabootsen.

Icon set door Branic1979

Een prachtige set gratis pictogrammen, perfect voor het ontwerpen van applicaties, websites en andere projecten. Van cijfers tot tandwielen tot microfoons, deze set bevat meer dan 350 items, en je zult er zeker iets de moeite waard in vinden. Het belangrijkste is dat de pictogrammen gratis zijn voor zowel persoonlijk als commercieel gebruik.

Kleur per hagelpixel

Aan kleurkiezers geen gebrek natuurlijk. Dit is een van de tools die een ontwerper altijd bij de hand moet hebben, en Color by Hailpixel is zeker de moeite waard om op te letten. De website wordt geopend en toont u een leeg scherm met een enkele zwarte link (# 000000). Terwijl u de cursor over het scherm beweegt, ziet u hoe de achtergrondkleur verandert, en het venster in het midden toont de corresponderende hexadecimale code van deze kleur. Als u met de muis klikt, wordt een strook van de huidige kleur gemaakt met de numerieke waarde van deze kleur. Zo kunt u met de bewegingen van de muis een palet van de gewenste kleuren verzamelen voor verder gebruik. Als u op het "tandwiel" op elke opgeslagen strip klikt, verschijnt een paneel met instellingen voor die kleur, waar u de RGB- en HSL-waarden nauwkeuriger kunt instellen. Een prachtig hulpmiddel.

Heb je je eigen favoriete online tools? Laat het ons weten in de reacties.