30 jednostavnih alata za uštedu vremena za dizajnere
Pametni alati i aplikacije - posebno oni koji štede vrijeme - obavezni su za dizajnere. A mi smo prikupili neke od najnovijih i najvećih na ovom popisu besplatnih alata za dizajnere!
Od elemenata za pomoć pri tipografiji do isječaka koda i paleta boja koje možete preuzeti, ovaj je popis prepun svakodnevnih predmeta kako bi vam olakšao život dizajna. Zavirite i pronađite nekoliko zgodnih, zgodnih alata za pojednostavljenje radnog tijeka.
Istražite elemente Envatoa
1. Web Gradients
Tko ne voli dobar gradijent? WebGradients je zbirka od 180 linearnih gradijenata koje možete koristiti kao pozadinu sadržaja u bilo kojem dijelu vaše web stranice. Kopirajte CSS3 kôd pretraživača ili preuzmite verzije PNG, Sketch ili Photoshop.
2. Kontrolni popis besprijekorne tipografije
Popis autora Typewolfa iscrpan je master tečaj tipografije koji se predstavlja kao interaktivni alat koji će vam pomoći da izbjegnete katastrofe. Popis je sveobuhvatan i pruža jednostavne upute koje će vam pomoći da ispravite pogreške.
3. LOL boje
Trebate inspirativnu paletu boja? LOL je prepun četvorobojnih boja (i HEX kodova) koji će vam pomoći u pronalaženju kombinacija koje možda niste uzeli u obzir.
4. .resizr
Testirajte sposobnost vašeg web mjesta ovim alatom koji vam omogućuje da unesete URL i vidite ga kao što to čine korisnici na različitim uređajima. Također možete prebacivati između pejzažnih i portretnih prikaza.
5. CSS statistika
Kako izgledaju vaši listovi stilova? CSS Stats je cool alat koji sve raščlanjuje u upotrebljiv format. (Odlična je pomoć ako želite vidjeti koja je boja ili font uključen u dizajn.)
6. Adobe Spark
Adobeov Spark alat besplatan je program za pravljenje slika koji je savršen za izradu promotivne grafike za društvene medije. Alat je brz i može vas spriječiti da trošite ogromne količine vremena na ove male slike. (I radi poput većine ostalih Adobe proizvoda, tako da nema prave krivulje učenja.)
7. Google Web Designer
Ova je aplikacija još uvijek u beta verziji, ali vam pomaže u stvaranju zanimljivih, interaktivnih dizajna i pokretnih grafika temeljenih na HTML5 koji se mogu izvoditi na bilo kojem uređaju. Tko ne bi želio tu pomoć od Googlea?
8. Biblioteka fontova
Pratite sve one Google fontove pomoću ovog alata koji će vam pomoći da označite i organizirate sve što koristite.
9. Što je font
Niste sigurni koji je novi novi tip teksta stalno viđen? Što Font omogućuje vam da pošaljete sliku ili odredite URL i dobijete podudaranja s vrstama. Također nudi lijep popis bliskih podudaranja kao i pomoć za pronalaženje pravog slova.
10. Smrt za zalihe
Ovo je stranica s foto dionicama koja nema tradicionalni izgled fotografija. Svakog mjeseca pretplatnici dobivaju besplatni paket fotografija koje mogu koristiti kako god žele, a svaku fotografiju kuriraju različiti fotografi.
11. Todoist
Todoist je zgodna mala aplikacija za popis. Upotrijebite ga za praćenje projekata u elegantnom minimalističkom sučelju koje je jednostavno za upotrebu i bez nereda.
12. Bulma
Bulma je jednostavan i moderan CSS okvir izgrađen na Flexbox-u. Modularna je i responzivna, a svaki dio koda otvoren je na GitHub-u.
13. Glazba za programiranje
Oprosti brutalistički dizajn; iskoristite sjajnu funkciju Glazbe za programiranje. Web stranica je kolaborativni skup glazbenih miksa napravljenih za slušanje tijekom programiranja. (Ili možete jednostavno učiniti vašu listu za reprodukciju za gotovo sve.)
14. PlaceIt
Ako vam je potreban model za prikaz projekata, na ovoj web stranici možete odabrati više od 2500 kreativnih zajedničkih opcija.
15. Vladar CSS-a
Pomoću ovog alata možete vidjeti razlike između duljine CSS-a - relativni font, postotak prikaza i apsolut. Unesite svoje vrijednosti i krenite.
16. Patterninja
Ova mala aplikacija uzima bilo koju sliku - možete koristiti svoju ili besplatnu biblioteku - i pretvoriti je u uzorak za uporabu u različitim vrstama projekata. To je alat s kojim se možete igrati cijeli dan i ne dosaditi vam.
17. Tematske kartice
Pronađite sve najbolje besplatne teme za WordPress, Bootstrap i više na jednom mjestu. Osim toga, svaka tema i predložak na web mjestu reagira tako da vam neće trebati prolaziti kroz puno nereda.
18. Unesite bilo što
Mislite da imate savršenu paletu tipografije dok je ne unesete u CSS i shvatite da stvari ne funkcioniraju kako je planirano? Type Anything pomaže vam u stvaranju odličnih kombinacija fontova koje možete vidjeti na zaslonu, prilagođavajući sve od fonta do veličine do razmaka. Testirajte ga prije nego što ga kodirate.
19. Img2CSS
Pretvorite bilo koju sliku u čisti CSS. Samo prenesite svoju sliku i gledajte kako se čarolije događaju.
20. Glifdif
Usporedite dva tipa slova s ovim alatom. Odaberite dvije vrste slova iz iste obitelji ili vrlo različite kombinacije samo za zabavu.
21. Impalet
Provjerite dominirajuće boje na slikama s rešetkom koja se temelji na Pantoneu. Ono što alat čini izuzetno lijepim je to što pruža obilje srodnih opcija boje.
22. Vizualni centar
Pomoću ovog alata pronađite vizualno središte predmeta. (Možda ćete se iznenaditi odakle pada na nekim slikama.) Također možete dobiti dodatke Sketch ili Illustrator za korištenje alata izvanmrežno.
23. Uzorci heroja
Ova je baza u paketu s ponovljivim SVG pozadinama koje možete koristiti za web projekte. Prilagodite boje prednjeg i pozadinskog sloja, neprozirnost i preuzmite.
24. Revizor stranice
Ne brinite zbog optimizacije za tražilice. Revizor stranice analizira vašu web lokaciju kako bi pronašao SEO probleme koji bi mogli spriječiti da vaše web mjesto rangira na tražilicama poput Googlea. Pruža pitanja i rješenja koja će vam pomoći da poboljšate svoju web lokaciju. (Besplatno za jedno web mjesto, do 50 stranica.)
25. Sketchpacks
Pronađite i upravljajte dodatcima za aplikaciju Sketch izravno na traci izbornika. Instalacija samo jednim klikom.
26. Etički web razvoj
Pomozite u stvaranju boljeg web-mjesta kao etičkog dizajnera. Ovaj popis sadrži obilje načela i smjernica koje će vam pomoći da se prizemljite.
27. Odgovarajući generator prekida slike
Alat vam pomaže odabrati najbolje rezolucije slike za različite veličine zaslona koristeći algoritamski koncept za pronalaženje vrijednosti širine slike koje nude značajno smanjenje veličine datoteke.
28. Nerazlijevanje
Unsplash je još jedna baza podataka fotografija visoke razlučivosti. Pretražite bazu podataka ili se pretplatite i dobijte fotografije u pristigloj pošti.
29. Paleta dizajna materijala
Sve je Dizajn materijala ovih dana u trendu, a posebno svijetli odabir boja. Ovaj vam alat pomaže u odabiru boja, vidjeti kako će izgledati u dizajnu i pruža paletu s alternativama koju možete preuzeti.
30. Unesite Uvjete
Ako vam tipografski lingo i dalje s vremena na vrijeme zvuči stran, ovaj animirani popis za vađenje tipografije pomoći će vam da naučite jezik u žurbi.
