Početna » Grafika » 10 besplatnih skica Plugins za web programere

    10 besplatnih skica Plugins za web programere

    Skica je dobivanje puno vuče među web dizajnera i programera. To je vjerojatno zato što jest intuitivan, jednostavan za učenje i dolazi s mnogim značajkama koje ga čini puno lakše stvoriti web prototip. To može biti i zbog toga što je ova aplikacija proširiva, tj. Možete dodavati nove značajke aplikaciji jednostavno uz pomoć dodataka.

    Ovdje je 10 dodataka koji vam mogu pomoći da povećate produktivnost pri radu s programom Sketch. Postoje raznovrsni, od generatora sadržaja, odabir palete boja, a oni vam mogu pomoći pri prikazivanju mjerenja sloja ili automatskom dodavanju obloge sloju.

    1. CSS prijatelj

    CSS prijatelj omogućuje dodavanje CSS-a na vaš sloj u radnom prostoru Skica. U osnovi, možete primijeniti širinu, visinu, neprozirnost, okvir-sjena, obrub i pozadinu sloja pomoću CSS-a.

    Uz ovaj dodatak instaliran, samo odaberite sloj zatim odaberite Primijeni na Odabrano iz izbornika dodataka. Dijalog će od vas zatražiti da unesete svoj stilski list. Dodajte CSS sadržaj bez CSS klase i gledajte kako se sloj oblikuje.

    2. Dizajn materijala Paleta boja

    Ako pratite trend Materijalnog dizajna, istaknuta stvar koju ćete primijetiti je upotreba prepoznatljivih boja. Materijalni dizajn ima nevjerojatnu paletu boja. Sada to možete dovesti na vaš radni prostor Materijal Dizajn Boja Paleta Plugin.

    Ovaj dodatak generira palete boja u sekundi bez potrebe za zatvaranjem radnog prostora. Odaberite Hue, Value ili Swatch za generiranje palete boja koja odgovara vašem projektu.

    3. Skica bilježnica

    Ponekad moramo pokazati što radimo u komentaru ili dokumentaciji. Ako radite na projektima s drugim dizajnerima ili na angažmanu klijenta, to je također potrebno kako biste osigurali da je ishod ono što su svi željeli.

    Skica bilježnica je dodatak za dokumentiranje vašeg dizajna u Sketch s lakoćom. To će dodati dodatni sidebar na vaš radni prostor, koji sadrži komentare koje dodajete bilo kojem elementu vašeg dizajna. Možete promijeniti redoslijed komentara, poništiti, izbrisati i uključiti vidljivost komentara.

    4. Dan igrača

    Prije korištenja stvarnih slika u dizajnu, često koristimo slike rezerviranog mjesta za ubrzavanje procesa dizajna. Za Sketch možete koristiti Dan Player za dodavanje prilagođenih rezerviranih mjesta bilo kojem sloju na vašem radnom području Sketch od 6 slika slika sa rezerviranim mjestima, uključujući Placehold.it, LoremPixel i Unsplash. Nakon aktivacije možete postaviti širinu, visinu i druge informacije.

    5. Generator sadržaja

    Već imamo dodatak za umetanje slika rezerviranog mjesta, kako o jednom za opći sadržaj? Generator sadržaja vam pomaže u dodavanju lažnih podataka kao što su avatari, imena, podaci o geolokaciji i još mnogo toga. Izvrstan je za dizajniranje modela i za smanjivanje glavobolje zbog pokušaja da se otkrije kako generirati podatke na licu mjesta.

    Da biste dodali lažne podatke, samo odaberite sloj, a zatim odaberite Dodatak> Generator, i odaberite Geo, Persona ili fotografije.

    6. Skica Mjera

    Skica Mjera je mjerni alat za Sketch. On mjeri duljinu ili veličinu sloja (ili slojeva) u vašem dizajnu. Također ćete dobiti padding i marginu sloja, kao i udaljenost između dva sloja. Skica mjera također može ispisati svojstva sloja, kao što su boja, obrub i neprozirnost. Sva mjerenja mogu se izvesti putem tipkovničkih prečaca.

    7. Dinamički gumb

    Dinamički gumb pomaže vam da lako stvorite gumb s fiksnim poljima. Automatski će prilagoditi padding na temelju vrijednosti koju dajete, bez obzira na dužinu vašeg teksta. Sa instaliranim dodatkom, tekst se može pretvoriti u strukturu pomoću prečaca Command + J. Količina potrebnog dodatka za oblaganje tada se može bušiti u tekstualni sloj (0: 0: 0: 0) (pod grupom gumba za fleksiranje).

    8. Tipografska ljestvica

    Tipografska ljestvica dodatak je za pretvaranje odabranog sloja teksta u tipografsku mjerilu. Da biste koristili ovaj dodatak, samo odaberite tekstualni sloj (jedan ili više) ili mješoviti sloj koji sadrži barem jedan sloj teksta, a zatim odaberite Dodatak> Skala za tipografiju i podesite vrijednost u dijaloškom okviru. Rezultat je skup skaliranog teksta koji slijedi pravila tipografske ljestvice.

    9. Modulizer

    S Modulizer možete kontrolirati paddings za gumb, modul ili područja na vašem dizajnu pomoću tipkovničkog prečaca Shift + Command + M. Možete kombinirati sve svoje slojeve, grupirati ih i koristiti prečac za automatsko prilagođavanje paddina na temelju vrijednosti potrebne za obnavljanje , Pogledajte demo videozapis da biste to vidjeli na djelu.

    10. Blade

    Jeste li ikada razmišljali o pretvaranju dizajna iz skice u HTML? Ako je tako, vjerojatno biste trebali dobiti Oštrica, Skica Skica koja automatski generira HTML datoteke iz vašeg dizajna. Pretvorit će grupu u div, tekst u p i tako dalje.

    Kada koristite Blade, možete reći dodatku što DOM element za generiranje dodavanjem posebnog imena sloju, kao što je [btn] ili input [text] tako da Blade zna što treba učiniti. Pogledajte ovaj demo za unutarnji izgled.

    Sada pročitajte: 12 Korisni dodaci za WordPress programere