10 nemokamų eskizų priedų žiniatinklio kūrėjams
„Sketch“ vis labiau traukia žiniatinklio dizainerius ir kūrėjus. Tai tikriausiai yra todėl, kad yra intuityvi, lengva išmokti ir ateina su daug funkcijų, kurios leidžia daug lengviau sukurti svetainės prototipą. Tai taip pat gali būti dėl to, kad ši programa yra išplėsta, t. Y., Naudodami įskiepius, galite lengvai pridėti naujas funkcijas.
Čia pateikiami 10 papildinių, kurie gali padėti padidinti našumą dirbant su „Sketch“. Yra įvairių, nuo turinio generatorių, spalvų paletės selektoriaus, ir jie gali padėti rodyti sluoksnio matavimus arba automatiškai pridėti sluoksnį į sluoksnį.
1. CSS Buddy
CSS Buddy leidžia įtraukti sluoksnį CSS į „Sketch“ darbo vietą. Iš esmės, galite naudoti plotį, aukštį, neskaidrumą, dėžutės šešėlį, sieną ir foną, naudodami CSS.
Įdiegus šį papildinį, tiesiog pasirinkite sluoksnį, tada pasirinkite Taikykite pasirinktam iš papildinio meniu. Dialogas paragins įvesti savo stilių. Pridėkite CSS turinį be CSS klasės ir žiūrėkite savo sluoksnį.
2. Medžiagos dizaino spalvų paletė
Jei laikotės „Material Design“ tendencijos, pastebimas dalykas yra išskirtinių spalvų naudojimas. Material Design turi nuostabią spalvų paletę. Dabar galite jį pridėti prie savo darbo vietos Medžiagos dizaino spalvų paletės įskiepis.
Šis įskiepis generuos spalvų paletes per kelias sekundes be jūsų darbo vietos uždarymo. Jei norite sukurti jūsų projektui tinkančią spalvų paletę, pasirinkite Hue, Value arba Swatch.
3. Užrašų knygelė
Kartais turime parodyti tai, ką darome komentaruose ar dokumentuose. Jei dirbate su projektais su kitais dizaineriais ar kliento dalyvavimu, tai taip pat būtina, kad galėtumėte užtikrinti, kad rezultatas būtų tas, kurį visi siekė.
Užrašų knygelė yra paprastas dokumentas, leidžiantis dokumentuoti savo dizainą „Sketch“. Ji pridės papildomą šoninę juostą į jūsų darbo vietą, kurioje yra komentarų, kuriuos pridėsite prie bet kokio jūsų dizaino elemento. Galite pertvarkyti komentarus, ištaisyti, ištrinti ir perjungti komentarų matomumą.
4. Dienos žaidėjas
Prieš naudojant realius vaizdus dizaine, dažnai naudojame vietos ženklų vaizdus, kad pagreitintume projektavimo procesą. Naudodami „eskizą“ galite naudoti Dienos žaidėjas pridėti pritaikytus lankytojus į bet kurį „Sketch“ darbo vietos sluoksnį iš 6 vietovės vaizdų paslaugų, įskaitant Placehold.it, LoremPixel ir Unsplash. Suaktyvinus galite nustatyti vaizdo plotį, aukštį ir kitą informaciją.
5. Turinio generatorius
Jau turime papildinį, kad galėtume įterpti vietos žymeklio vaizdus, kaip apie vieną bendrą turinį? Turinio generatorius padeda jums pridėti dummy duomenų, tokių kaip avatarai, vardai, geografinės vietos duomenys ir kt. Puikiai tinka maketo dizainui ir galvos skausmo mažinimui, bandant išsiaiškinti, kaip generuoti duomenis vietoje.
Norėdami pridėti manekeno duomenis, tiesiog pasirinkite sluoksnį, tada pasirinkite Įskiepis> Generatorius, ir pasirinkite Geo, Persona arba Nuotraukos.
6. eskizo priemonė
Eskizo priemonė yra eskizo matavimo priemonė. Jis matuoja jūsų dizaino sluoksnio (arba sluoksnių) ilgį arba dydį. Jūs taip pat gausite sluoksnio pamušalą ir paraštę, taip pat atstumą tarp dviejų sluoksnių. „Sketch Measure“ taip pat gali išspausdinti sluoksnio savybes, pvz., Spalvą, sieną ir neskaidrumą. Visi matavimai gali būti rodomi per sparčiuosius klavišus.
7. Dinaminis mygtukas
Dinaminis mygtukas padeda lengvai sukurti mygtuką su fiksuotais padais. Jis automatiškai sureguliuos pagalvėlę pagal jūsų suteiktą vertę, nepriklausomai nuo teksto ilgio. Įdiegus papildinį, tekstas gali būti konvertuojamas į struktūrą su nuoroda Command + J. Tada reikiamo įdėklo kiekį galima įterpti į teksto sluoksnį (0: 0: 0: 0) (pagal lankstymo mygtukų grupę).
8. Tipografinė skalė
Tipografinis skalė yra papildinys, skirtas pasirinktam teksto sluoksniui įvesti į tipografinį mastelį. Jei norite naudoti šį papildinį, tiesiog pasirinkite teksto sluoksnį (vieną ar kelis) arba mišrų sluoksnį, kuriame yra bent vienas teksto sluoksnis, tada pasirinkite Įskiepis> Spausdinimo mastelis
ir koreguokite dialogo vertę. Rezultatas yra suskaidyto teksto rinkinys, atitinkantis tipografinės skalės taisykles.
9. Moduliatorius
Su Moduliatorius galite valdyti savo dizaino mygtukus, modulius ar sritis, naudodami klaviatūros klavišą „Shift + Command + M“. Galite sujungti visus savo sluoksnius, grupuoti, tada naudokite spartųjį klavišą, kad automatiškai sureguliuotumėte pagalvėlę pagal reikiamą padding vertę . Žiūrėkite vaizdo demonstraciją, kad pamatytumėte šį veiksmą.
10. Peilis
Ar kada nors galvojote apie savo dizaino konvertavimą iš eskizo į HTML? Jei taip, turbūt turėtumėte gauti Ašmenys, „Sketch plugin“, kuris automatiškai generuoja HTML failus iš jūsų dizaino. Ji konvertuos grupę į div
, tekstą p
ir taip toliau.
Naudodamiesi „Blade“, galite pasakyti, kad „DOM“ elementas generuojamas, pridėjus sluoksnį specialų pavadinimą, pvz., [Btn] arba įvesties [tekstas], kad „Blade“ žinotų, ką turėtų daryti. Apsilankykite šiame vaizdo demonstracijoje, kad galėtumėte pamatyti vidinę išvaizdą.