Eins og Sketch 44 hættir beta, kíkum við á einn af bestu eiginleikum Sketch: mikið úrval af opinn viðbótarforrit.

Sketch samfélagið er afar stuðningslegt og þú getur fundið tonn af ótrúlegum viðbótum sem munu róttækan bæta vinnuflug þitt. Í þessari færslu mun ég ná yfir 12 bestu skissuforrit sem allir hönnuðir ættu að hafa.

1. Skýringarmál

Skýringarmál Hjálpar hönnuðum að skipuleggja og skýra vinnuna sína fyrir forritara, verkefnastjóra og aðra meðlimi liðsins.

En þetta er líka ótrúlega gagnlegt að einum úlfum sem hanna og kóða öll verkefni sín. Með mælitækinu getur þú útskýrt þætti sem sýna ákveðnar breiddar- og hæðarmörk til að fá rétta mælingu í fljótu bragði.

Þetta felur í sér allar hliðarþættir eins og hnappa, texta, tákn og jafnvel helstu hlutum listblaðsins.

Með Sketch Measure geturðu jafnvel flutt síður inn í HTML / CSS með síðustílum í takti. Gefin eru það Adobe verkfæri það getur líka gert þetta. En að hafa alla þessa virkni rétt í Sketch gerir starf þitt miklu auðveldara.

01-skissa-mæla-tappi

2. InVision Craft

Stundum aftur tilkynnti InVision liðið nýjan viðbót Iðn . En þetta er meira eins og a föruneyti af viðbætur þar sem þú færð tonn af aukahlutum og flýtivísum.

Eitt dæmi er Gögn tappi sem leyfir hönnuðum að draga texta / gögn beint úr opinberum forritaskilum á vefnum. Þannig geturðu sjálfvirkt búið forritið þitt með raunverulegu efni og myndum í fljúgunni.

InVision forritarar eru stöðugt að uppfæra Craft með nýjum viðbótareiginleikum til að gera þetta enn meira virði fyrir hönnuði. Og ég nefndi þetta er algerlega frjáls?

Hingað til hefur Craft 6 helstu viðbótareiginleikar, sem allir eru þess virði að bæta inn í vinnuframboð þitt.

  • Freehand - Samstarf í rauntíma í skissu
  • Frumgerð - Dynamic Prototyping hátíðni
  • Samstilla - augnablik samstilling milli frumútgáfa InVision og skissu
  • Gögn - draga raunveruleg gögn af vefnum í Sketch mockup þinn
  • Bókasafn - Hönnun eignir í skýinu deila með öllu liðinu þínu
  • Afrit - eldingar-fljótur UI klónun

Kíktu á Handverkasíðan og sjáðu hvað þér finnst. Þegar þú hefur prófað það muntu aldrei vilja fara aftur.

02-iðn-tappi

3. Sketch Toolbox

Sérhver Sketch notandi ætti að vita um Sketch Toolbox . Það er frábær viðbótarstjóri sem gerir þér kleift að setja upp / aðlaga viðbætur þínar miklu auðveldara.

Með þessu verkfærasafni geturðu flett í gegnum hundruð Sketch-viðbætur og valið þær sem þú vilt setja upp. Þú smellir bara á það sem þú vilt og það mun sjálfkrafa hlaða niður í tölvuna þína, tilbúið til notkunar.

Og Sketch Toolbox sjálfvirkar uppfærslur til að halda þeim að keyra vel.

Tæknilega er þetta ennþá í beta og það er alltaf að fá nýjar uppfærslur á GitHub . En ég held að það sé nógu gott til að nota í vinnsluferli. Reyndar myndi ég halda því fram að góður Sketch workflow væri ekki lokið án þess að þetta ótrúlega tappi framkvæmdastjóri.

03-skissa-verkfærakassi

4. Útflutningseignir

Eitt af nákvæmustu verkefnum hönnuður er að úthluta auðlindum og deila þeim með hönnuði. Allir litlu táknin, grafíkin, bakgrunnsmynsturnar, þurfa allir að flytja út (venjulega með höndunum).

The Flytja út eignir í viðbót gerir þetta ferli gola. Bara athugaðu að þetta stinga er sérstaklega gert fyrir farsímaforrit þar sem hönnuðir þurfa að flytja út Android / IOS tengi eignir. Þetta felur í sér retina eignir fyrir @ 2x og 3x skjástærð.

Ég hef ekki séð neinar aðgerðir sem tengjast nethönnun, en þú getur skoðað Sketch Útflytjandi tappi líka. Það er nú í beta og það er ætlað að vera betri útgáfa af upprunalegu.

04-skissa-útflutningur

5. Content Generator

The Craft tappi sem ég nefndi áðan býður upp á efni kynslóð. En þú gætir viljað eitthvað svolítið einfaldara eins og þetta Content Generator eftir Timur Carpeev.

Með þessu uppsettu geturðu sjálfkrafa byggt upp marga Sketch atriði í einu með tengdum gögnum, svo sem:

  • Notandi avatars
  • Fyrstu og síðasta nöfnin
  • Dummy mgr texti
  • Sérsniðnar strengir (geos, verð, CC kortanúmer osfrv.)

Allt efni er dregið úr opnum gagnagrunni eins og Unsplash og Uinames svo þú getur notað þetta á mörgum verkefnum, auglýsingum eða öðrum.

6. Looper

Photoshop hefur eigin aðgerðaspjald þar sem hægt er að gera sjálfvirka endurteknar aðgerðir. Skissa hefur ekki spjaldið svona en það hefur það Looper tappi sem er algjörlega frjáls og mjög auðvelt að læra.

Þetta er gagnlegt til að búa til endurtaka mynstur sem taka yfir alla síðuna. Grafískir hönnuðir geta fundið meiri notkun fyrir þennan viðbót en vefhönnuðir, en það getur valdið miklum tíma í lykkju með endurteknum sveigjanleika / fjölföldunarverkefnum.

Taktu kíkja á Looper heimasíðu að sjá hvað það getur gert. Það kann ekki að vera gagnlegt fyrir alla, en fyrir þá sem geta notað það finnurðu sjálfan þig að spara mikinn tíma.

05-looper-sketch-tappi

7. Skissa Iconfont

Vefhönnuðir elska táknstafir . Great tákn gera UI hönnun miklu auðveldara og leturgerðir eru almennt minni en myndir.

The Skissa Iconfont tappi er heill stjórnun föruneyti til að geyma, flokka og draga táknið letur beint inn í skissuna. Sjálfgefið er að tappi sé tómt þannig að þú þarft að hlaða niður leturritum á staðnum til að nota þær.

En þetta veitir þér fulla aðgang að vinnu með hvaða leturgerð sem þú finnur á netinu. Það er reyndar a font pakka pakki gert sérstaklega fyrir þessa tappi ef þú ert að leita að fylla upp iconfont möppuna þína fljótt. Og þú getur alltaf hreinsað vefurinn meira eftir því sem tíminn líður.

Ég mæli eindregið með að taka afrit af þessari tappi. Táknmyndartákn eru hér til að vera og þau eru ómetanlegt fyrir nútíma vefsíður.

06-táknið-letur-val-tappi

8. Stílskrá

Hvenær sem þú byrjar nýja Sketch skrá þarftu annaðhvort að endurtaka stíl frá grunni eða þú þarft að afrita / líma stíl frá fyrri mockups.

Með Style Inventory tappi þú getur framhjá öllum þessum aukaverkum. Bara nokkrar smelli innflutningur allar fyrri stílir þínar rétt inn í nýtt skissu skjalið þitt til að auðvelda aðgang.

Þessi stíll inniheldur liti, textastíl og tákn, ásamt lagsstílum fyrir tiltekna þætti.

Þessi tappi er sjaldan uppfærð en ég mæli með því að sameina svipaðar mockups. Þú gætir líka prófað Skissa flettitöflur til að vista og flytja litakerfi.

07-skissa-stíl-birgða

9. Pixel Perfecter

Sérhver stafræn hönnuður er stoltur af pixel-fullkomnum mockups. Þetta verkefni er ekki erfitt en það krefst þess að sérhvert hönnunarþáttur sé fullkomlega í takt við ristið sem yfirgefur ekki skörun eða ófullkomleika.

Ef þú vilt alltaf skoða vinnu þína áður en þú útflutningur getur þú keyrt Pixel Perfecter . Þessi mjög litla tappi skoðar allar skráareignir þínar til að sjá hvort pixlar flæða yfir hefðbundnar X / Y samræmdar stöður sem búa til ófullkomnar punktar.

Athugaðu þetta mun ekki sjálfkrafa lagfæra þessar punkta gildi á móti. Það verður bara að finna lagið / lögin sem valda málum og auðkenna þau svo þú getir farið inn og lagað þau sjálfur. Samt sparar það mikinn tíma að haka við hvert lag handvirkt.

10. Dynamic Button

Upprunalegur dynamic hnappur tappi var nokkuð yfirgefin árið 2015, en nýrri Dynamic Button tappi er enn betra og samhæft við skissu 3.5+.

Það bætir sjálfkrafa padding og hnappur stíll á hvaða texta lag sem þú býrð til og padding er dynamic svo það endurnýja óháð textastærð. Þetta er mjög gagnlegt fyrir hönnuði HÍ sem eru stöðugt að gera breytingar á mockups þeirra.

Þetta er einnig hægt að nota fyrir farsímaforrit þar sem hnappar fylgja venjulega fastri stærð / hlutfalli. Það er ekki mest glamorous Sketch tappi en það gerir sitt verkefni vel.

08-dynamic-hnappur-tappi

11. Compo

Ef þú vilt hnappatölva ásamt nokkrum aukahlutum þá þá Compo tappi er þess virði að prófa.

Höfundur Compos fékk hugmyndina eftir að hafa notað Dynamic Button tappið um stund, að lokum viltu eitthvað svolítið hraðar. Samansafn sjálfvirkt býr til rétta hnappastærð og textastærð til að passa nákvæmlega upplýsingar þínar. Ein smellur og þú ert með vinnu Skissa hluti sem er sjálfkrafa stór og staðsett rétt.

Venjulega þegar þú býrð til hnapp og breytir textanum mun það aðeins hafa áhrif á textalagið. Svo undirliggjandi hnappur væri of lítill. Samanburður breytir sjálfkrafa hnappinn og textanum eins og þau séu ein þáttur.

Þú getur fundið tonn af kynningum á GitHub repo ásamt nokkrum notendahandbókum til að byrja.

09-compo-tappi-skissa

12. CSSketch

Síðasta en vissulega ekki síst er CSSketch stinga inn. Þetta er gagnlegt fyrir hönnuður + forritaraþættir sem vilja fá beinan aðgang að CSS kóða fyrir allar stíll sem þeir búa til.

Allir blaðsíður sem þú hannar geta verið keyrðir í gegnum þessa tappi til að flytja út fullt stíll með öllum eignum sem greinir fyrir. En þar sem þetta er sjálfvirk getur þú ekki búist við A ++ gæðakóða.

Ég vil frekar að kóða CSS mína fyrir hendi, en þetta tappi býður að minnsta kosti upphafspunkt fyrir tæknilega hönnuði eða forritara sem vilja spara smá tíma.

10-cssketch-tappi