30 lihtsat ja tasuta aega säästvat tööriista disaineritele
Nutikad tööriistad ja rakendused - eriti need, mis säästavad aega - on disaineritele kohustuslik. Ja oleme selles disainerite tasuta tööriistade loendis kokku kogunud mõned uusimad ja parimad!
Alates tüpograafia abistavatest elementidest kuni koodilõikude ja allalaaditavate värvipaletiteni on see loend täis igapäevaseid esemeid, et muuta teie disainielu lihtsamaks. Sukelduge ja leidke tasuta käepäraseid tööriistu oma töövoo lihtsustamiseks.
Uurige Envato elemente
1. Veebigradiendid
Kes ei armasta head gradienti? WebGradients on 180 sirgjoonelise gradiendi kogum, mida saate kasutada sisu tagapõhjana oma veebisaidi mis tahes osas. Kopeerige CSS3 brauseri ristkood või laadige alla PNG-, Sketch- või Photoshop-versioon.
2. Veatu tüpograafia kontrollnimekiri
Typewolfi koostatud nimekiri on ammendav tüpograafia meistrikursus, mis on ka interaktiivne tööriist, mis aitab teil vältida tüüpi katastroofe. Loetelu on põhjalik ja sisaldab lihtsaid juhiseid, mis aitavad teil vigu parandada.
3. LOL-värvid
Kas vajate inspireerivat värvipaletti? LOL on pakitud värvilistest nelikutest (ja HEX-koodidest), mis aitavad teil leida kombinatsioone, mida te võib-olla ei kaalunud.
4. .resisr
Testige oma veebisaidi reageerimisvõimet selle tööriista abil, mis võimaldab teil sisestada URL-i ja näha seda nii, nagu kasutajad teevad erinevates seadmetes. Samuti saate vahetada horisontaal- ja vaadevaate vahel.
5. CSS statistika
Kuidas teie stiililehed välja näevad? CSS-statistika on lahe tööriist, mis parsib kõik kasutatavasse vormingusse. (See on suurepärane abiline, kui soovite näha, mis värvi või fondi kujundus sisaldab.)
6. Adobe Spark
Adobe'i Sparki tööriist on tasuta piltide koostaja, mis sobib suurepäraselt sotsiaalmeedias reklaamigraafika loomiseks. Tööriist on kiire ja ei lase teil kulutada nendele väikestele piltidele tohutult aega. (Ja see töötab nagu enamus teisi Adobe tooteid, seega pole reaalset õppimiskõverat.)
7. Google Web Designer
See rakendus on endiselt beetaversioon, kuid aitab teil luua huvitavaid, interaktiivseid HTML5-põhiseid kujundusi ja liikumisgraafikat, mida saab kasutada mis tahes seadmes. Kes ei tahaks seda Google'i abi?
8. Fondikogu
Selle tööriista abil saate olla kursis kõigi nende Google Fontidega, mis aitab teil kõike oma kasutatavat sildistada ja korrastada.
9. Mis font on
Kas pole kindel, milline lahe uus kirjatüüp on, mida pidevalt näete? Mis on font, saate pildi üles laadida või URL-i täpsustada ja tüübi vasteid hankida. See sisaldab ka kena nimekirja lähedastest vastetest, mis aitavad teil leida just õige kirjatüübi.
10. Varu surm
See on põhifoto sait, millel puudub traditsiooniline välimus. Igal kuul saavad tellijad tasuta pakkide fotosid kasutamiseks vastavalt soovile ja neid kureerivad erinevad fotograafid.
11. Todoist
Todoist on mugav väike kontrollnimekirja rakendus. Kasutage seda, et jälgida projekte sujuvas minimalistlikus liideses, mida on lihtne kasutada ja mis pole rämps.
12. Bulma
Bulma on Flexboxil üles ehitatud lihtne ja moodne CSS-raamistik. See on modulaarne ja tundlik ning iga kood on avatud GitHubis.
13. Muusika programmeerimiseks
Andke andeks brutalistlikule kujundusele; kasutage programmi Music suurt funktsiooni. Sait on koosnev muusikakomplekt, mis on loodud programmeerimise ajal kuulamiseks. (Või võite selle lihtsalt oma esitusloendiks muuta.)
14. Koht see
Kui vajate projektide esitlemiseks maketti, on sellel saidil üle 2500 loovpildi valiku.
15. CSS joonlaud
Selle tööriista abil näete erinevusi CSS-i pikkuste vahel - fondi suhteline, vaateakna protsent ja absoluut. Sisestage oma väärtused ja minge edasi.
16. Patterninja
See väike rakendus teeb mis tahes pildi - saate kasutada oma või kasutada tasuta teeki - ja muuta see mustriks kasutamiseks erinevat tüüpi projektides. See on tööriist, millega saate terve päeva mängida ja igav ei hakka.
17. Teema.Kaardid
Siit leiate ühest kohast kõik parimad tasuta teemad WordPressi, Bootstrapi ja muude jaoks. Lisaks sellele on iga saidi teema ja mall reageeriv, nii et te ei pea palju segadust läbi ajama.
18. Tippige midagi
Kas arvate, et teil on täiuslik tüpograafiapalett, kuni saate selle CSS-i ja mõistate, et asjad ei tööta plaanipäraselt? Tippige midagi, mis aitab teil luua suurepäraseid fontikombinatsioone, mida saate ekraanil näha, kohandades kõike fondi suurusest ja vahekauguseks. Enne kodeerimist testige seda.
19. Img2CSS
Teisendage mis tahes pilt puhtaks CSS-ks. Laadige lihtsalt üles oma pilt ja vaadake, kuidas võlujõud juhtub.
20. Glüüf
Võrrelge selle tööriistaga kahte kirjatüüpi. Valige lõbu pärast kaks samast perekonnast koosnevat kirjatüüpi või väga erinevaid kombinatsioone.
21. Impalett
Pantone-põhise ruudustiku abil kontrollige piltide domineerivaid värve. Tööriista teeb erakordselt toredaks see, et see pakub ka palju seotud värvivalikuid.
22. Nägemiskeskus
Selle tööriista abil saate leida objektide visuaalse keskpunkti. (Võite olla üllatunud, kuhu see mõne pildi puhul langeb.) Tööriista võrguühenduseta kasutamiseks võite saada ka Sketchi või Illustratori pistikprogrammid.
23. Kangelasemustrid
See andmebaas on varustatud korduvate SVG-taustadega, mida saate kasutada veebiprojektide jaoks. Reguleerige esiplaani ja taustvärve, läbipaistmatust ja laadige alla.
24. Kohapealne audiitor
Ärge muretsege otsimootori optimeerimise üle. Saidi audiitor analüüsib teie saiti, et leida SEO probleeme, mis võivad takistada teie saidi järjestamist otsingumootorites nagu Google. See pakub välja küsimusi ja lahendusi, mis aitavad teil oma saiti optimeerida. (Ühe saidi jaoks tasuta, kuni 50 lehekülge.)
25. Visandipakid
Otsige ja hallake rakenduse Sketch pistikprogramme otse menüüribalt. Installige vaid ühe klõpsuga.
26. Eetiline veebiarendus
Aidake eetilise kujundajana paremat veebi luua. Selles loendis on palju põhimõtteid ja juhiseid, mis aitavad teid maandada.
27. Responsive Image Breakpoint Generator
Tööriist aitab teil valida erinevate ekraanisuuruste jaoks parimaid pildi eraldusvõimet, kasutades algoritmilist kontseptsiooni, et leida pildi laiuse väärtused, mis pakuvad faili suurust märkimisväärselt vähendada.
28. Unsplash
Unsplash on veel üks eraldusvõimega fotofailide andmebaas. Otsige andmebaasist või tellige ja saate fotosid postkasti.
29. Materjalide kujundamise palett
Kõik materjalidisain on tänapäeval trendikas, eriti erksavärvilised värvid. See tööriist aitab teil värve valida, näha, kuidas need kujunduses välja näevad, ja pakub allalaaditavat paletti koos alternatiividega.
30. Tüüptingimused
Kui tüpograafialingo kõlab teile ikka aeg-ajalt võõrana, aitab see animeeritud tüpograafia petmine kiiresti kiirkeelt õppida.
