Saturs
- 01. Kopēšanas un ielīmēšanas ceļveži
- 02. Skices tīrītājs
- 03. Anima
- 04. React Sketch.app
- 05. Git skices spraudnis
- 06. ImageOptim
- 07. Burvju spogulis
- 08. Eksportēt vairāk
- 11. Tirgus
- 12. Segmentēti apļi
- 13. Skices skrējējs
- 14. Ikonas fonts
- 15. Atrodiet un nomainiet
Skices spraudņi palīdz padarīt Sketch vēl labāku. Skice ir daudziem izvēlēts lietotāja saskarnes tīmekļa dizaina rīks, un daļa no tā ir tik laba, ka cilvēku kopiena strādā, lai paplašinātu tās funkcionalitāti un funkcijas, izveidojot pielāgotus spraudņus.
Jūsu Sketch spraudņu pārvaldība tagad ir vienkāršāka nekā jebkad agrāk. Spraudņi tiek atjaunināti automātiski, un novecojušie tiek atspējoti. Spraudņa ekosistēmas padarīšana vēl noderīgāka ir failu koplietošanas pakalpojums Sketch Cloud, uz kuru var reģistrēties ikviens, kur jūs varat apskatīt, lejupielādēt un komentēt Sketch dokumentus, kas ir kopīgoti publiski vai privāti tieši no Sketch.
Apskatīsim labākos Sketch spraudņus - tos, kas varētu krasi mainīt veidu, kā jūs veidojat lietotāja saskarnes. Kad esat pamanījis kādu, kuru vēlaties, izlasiet, kā instalēt Sketch spraudņus. Ja jums patīk jūsu tīmekļa rīki, nepalaidiet garām mūsu iecienītos tīmekļa dizaina rīkus, vietņu veidotājus un mākoņkrātuves apkopojumus. Un atcerieties, ka jūsu tīmekļa mitināšanas pakalpojumu sniedzēja izvēle ir izšķiroša, lai jūsu vietne gūtu panākumus (palīdzēs mūsu ceļvedis).
01. Kopēšanas un ielīmēšanas ceļveži
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Kopējiet, ielīmējiet vai noņemiet vadotnes no saviem mākslas dēļiem
Katram dizainerim ir mīlestības / naida attiecības ar ceļvežiem. Dažreiz tie ir absolūti nepieciešami, un pārējā laikā viņi tikai traucē jums. Ja Sketch izkārtojuma opcijas vietā izmantojat ceļvežus, to nomaiņa uz vairākiem mākslas paneļiem var būt murgs, taču, izmantojot šo spraudni, ir viegli kopēt, ielīmēt un noņemt ceļvežus no visiem mākslas paneļiem.
02. Skices tīrītājs
- Lejupielādējiet šeit
- Cena: $2
- Kopsavilkums: Iegūstiet savus dizaina failus tik tīrus kā svilpe
Jebkurš Sketch dizains, kas ir ticis veikts ar dažām atkārtojumiem, pa ceļam noteikti uzņems nedaudz nevēlamu lietu, piemēram, slēptos slāņus, neatbilstošās robežu pozīcijas un neizmantotos slāņu stilus.
Kaut arī nav pasaules gals, kurā ir netīrs Sketch fails, tas var ietekmēt nodošanu, un tas atvieglos dzīvi ikvienam, kam tas ir jāsaprot. Tā vietā, lai visu izietu ar roku, izmantojiet Sketch Cleaner, lai automātiski tiktu galā ar visām izplatītākajām problēmām.
03. Anima
- Lejupielādējiet šeit
- Cena: Bezmaksas uz augšu
- Kopsavilkums: Izveidojiet atsaucīgus, augstas precizitātes prototipus
Iepriekš Anima bija pieejams kā atsevišķi bezmaksas spraudņi - Auto Layout un Launchpad. Tagad Anima ir all-in-one spraudnis, kas paredzēts, lai palīdzētu jums izveidot atsaucīgus izkārtojumus ar tapām, skursteņiem un polsterējumiem, kā arī augstas precizitātes prototipus, kas der visiem ekrāniem. Joprojām ir bezmaksas versija, kas atbalsta vienu projektu; neierobežotiem projektiem cena sākas no 25 USD mēnesī.
04. React Sketch.app
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Atveidot komponentu reakciju uz skici
Skicē var būt grūti pārvaldīt dizaina līdzekļus. Šis ērtais Sketch spraudnis nodrošina vienkāršāku un uzticamāku veidu, kā pārvaldīt savus līdzekļus. Ieviesiet savus dizainus kodā kā React komponentus, pēc tam izmantojiet šo spraudni, lai tos padarītu par skicēm. Tas arī atvieglo reālu datu ielādi un ieviešanu jūsu Sketch failos.
React Sketch.app izstrādāja Airbnb lietošanai ar tās dizaina sistēmu, lai palīdzētu mazināt plaisu starp dizaineriem un izstrādātājiem.
05. Git skices spraudnis
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Skicē iebūvēts Git klients
Šī spraudņa mērķis ir ieviest Sketch versiju vadību. Tas darbojas, eksportējot attēlu katrai dizaina daļai, pēc tam ģenerējot diezgan atšķirīgus attēlus, lai būtu skaidrs, kādas izmaiņas ir veiktas. Dokumentējot katru projektēšanas procesa posmu, visi komandas locekļi var redzēt, kā dizains ir progresējis.
Git Sketch spraudni izveidoja Matjē Dutūrs, kurš kopš tā laika ir pārcēlies uz visaptverošākas, apmaksātas versijas vadības sistēmas ar nosaukumu Kactus izveidi.
06. ImageOptim
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Attēlu optimizēšana skicē
Lai gan Sketch piedāvā savu risinājumu SVG failu optimizēšanai, JPG un PNG attēlu saspiešanai nav iespēju. Tā kā ImageOptim vairākus gadus piedāvā labu servisu, ir loģiski, ka tas Sketch nodrošinās šo funkcionalitāti.
Jebkuram dizaineram, kuram rūp ielādes laiks un attēla optimizācija (kam jābūt visiem dizaineriem), rīkjoslā jāpievieno ImageOptim. Ņemiet vērā, ka, tāpat kā spraudnis, MacOS sistēmā būs jāinstalē galvenā lietotne ImageOptim (bezmaksas), un jums joprojām ir jāiezīmē slāņi kā eksportējami Sketch (lai sāktu, dodieties uz sadaļu “Eksportēt un optimizēt visus aktīvus”).
07. Burvju spogulis
- Lejupielādējiet šeit
- Cena: Sākot no 4 USD mēnesī
- Kopsavilkums: Attēla perspektīvas pārveidošanas rīks
Ja jūs mēģināt izveidot iespaidīgus produktu maketus, bet jums jāturpina pārlūkot Photoshop, lai tiktu galā ar grūto lietu, Magic Mirror varētu būt jūsu dzīvības glābējs. Tas ir attēla perspektīvas pārveidošanas rīks, kas ļauj jums izveidot perspektīvas maketus un citus izkropļotus efektus, nekad neatstājot Sketch.
08. Eksportēt vairāk
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Automātiski ģenerē viettura attēlus
Vietnieku attēlu pievienošana dizainam ir nepieciešama prototipu izstrādes sastāvdaļa, taču faktisko attēlu atrašana var sagādāt sāpes. Tā vietā, lai tērētu laiku tam, atstājiet to visu Day Player ziņā. Tas ļauj jums pievienot pielāgotus viettura attēlus jebkuram Sketch dokumentam no vairākiem dažādiem viettura attēlu pakalpojumiem, tāpēc lielākais lēmums, kas jums jāpieņem, būs tas, vai vēlaties izmantot Bilu Mareju, Nikolasu Keidžu vai kaķēnus.
11. Tirgus
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Ģenerējiet HTML lapu, kas var izmērīt un iegūt CSS stilus
Ja vēlaties izgūt CSS stilus no saviem Sketch dizainiem, tad spraudnis, piemēram, Marketch, ir absolūti nepieciešams. Tas ļauj eksportēt Sketch artboardus kā zip failu, kas pilns ar HTML dokumentiem, kurus pēc tam varat izvilkt, lai izvilktu daudz saldu CSS, kas ir gatavs darbam.
12. Segmentēti apļi
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Izveidojiet precīzu apļveida grafiku
Šis ir ātrs veids, kā izveidot segmentētus apļus diagrammām un diagrammām. Šis spraudnis var radīt dažādus apļveida diagrammu stilus, ieskaitot punktētos un atzīmētos apļus, un biezumus kontrolē, izmantojot vienkāršu komatiem atdalītu vērtību sarakstu.
13. Skices skrējējs
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Uzmanības centrā meklēšanai
Skice ir ļoti iecienīta ar minimālisma tastatūras darbplūsmu. Tas nozīmē, ka vienmēr ir divi vai trīs īsinājumtaustiņi, kurus, šķiet, vienmēr aizmirstat vai sajaucat ar citu dizaina lietotni, piemēram, Photoshop, un neaizmirsīsim arī tos retāk sastopamos rīkus un funkcijas, kuriem nav īsinājumtaustiņu un kuri ir paslēpti dziļi Skices izvēlne.
Sketch Runner atrisina šīs problēmas un dara to tādā veidā, kas ir pazīstams macOS lietotājiem - Sketch Runner ir macOS Spotlight, bet Sketch.
14. Ikonas fonts
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Pārvaldiet ikonu fontus
Ikonu fonti ir ļoti efektīvs veids, kā izmantot ikonas jūsu tīmekļa dizainā, neeksportējot un neoptimizējot daudz attēlu aktīvu. Parasti mēs atsaucamies uz ikonu fontiem galva> HTML tīmekļa lapu sadaļu, tāpat kā mēs to darām ar CSS un JavaScript. Tomēr to izmantošana skicē ir nedaudz sarežģītāka. Par laimi, Icon Font to atvieglo.
Pēc Sketch IconFont lejupielādes un instalēšanas lejupielādējiet SVG fontu failus vai lejupielādējiet šo fontu paketi, kurā ietilpst fontu faili FontAwesome, Material Design Icons, Ion Icons un Simple Line Icons. Kad esat pabeidzis, dodieties uz Spraudņi> Ikonas fonts> Instalēt fontu paketi, dialoglodziņā Atvērt failu atlasiet lejupielādētos fontus, pēc tam pārejiet uz Spraudņi> Ikonas fonts> Režģa ievietošana> [vēlamais ikonas fonts], lai ievietotu ikona.
Pat ja jūs plānojat izstrādāt pielāgotu ikonu komplektu savam dizainam, gatavu ikonu izmantošana var jums palīdzēt ar ātru prototipu izveidi jau sākotnējos projektēšanas posmos, pievienojot nedaudz lielāku skaidrību / uzticamību jūsu zemas precizitātes maketiem. .
15. Atrodiet un nomainiet
- Lejupielādējiet šeit
- Cena: Bezmaksas
- Kopsavilkums: Atrodiet un aizstājiet tekstu atlasītajos slāņos
Teksta redaktori nav vienīgā vieta, kas jums jāatrod un jāaizstāj - tā ir noderīga arī programmā Sketch. Šim spraudnim ir daudz uzlabotu opciju, un tas ļauj atlasītajos slāņos (un visā tajā esošajā) meklēt tekstā noteiktu vārdu vai frāžu gadījumus un pēc tam to viegli nomainīt.
Nākamā lapa: vairāk laika ietaupoši Sketch spraudņi
