Turinys
- 01. Kopijavimo ir įklijavimo vadovai
- 02. Eskizo valiklis
- 03. Anima
- 04. Reaguokite „Sketch.app“
- 05. „Git Sketch“ papildinys
- 06. „ImageOptim“
- 07. Stebuklingasis veidrodis
- 08. Eksportuoti daugiau
- 11. Prekyvietė
- 12. Segmentuoti apskritimai
- 13. Eskizų bėgikas
- 14. Piktogramos šriftas
- 15. Raskite ir pakeiskite
„Sketch“ papildiniai padeda „Sketch“ padaryti dar geresnį. „Sketch“ yra daugeliui pasirinktas vartotojo sąsajos žiniatinklio projektavimo įrankis, o tai, kas daro, yra tokia gera, yra žmonių bendruomenė, siekianti išplėsti jos funkcionalumą ir funkcijas kuriant pasirinktinius papildinius.
„Sketch“ papildinių valdymas dabar yra lengvesnis nei bet kada. Papildiniai atnaujinami automatiškai, o pasenę - išjungiami. Įskiepių ekosistemą padaryti dar naudingesnę yra „Sketch Cloud“ - dalijimosi failais paslauga, į kurią gali užsiregistruoti visi, kur galite peržiūrėti, atsisiųsti ir komentuoti „Sketch“ dokumentus, kurie buvo bendrinami viešai arba privačiai tiesiai iš „Sketch“.
Taigi pažvelkime į geriausius „Sketch“ papildinius - tuos, kurie gali smarkiai pakeisti jūsų vartotojo sąsajų projektavimo būdą. Kai pastebėsite norimą, perskaitykite, kaip įdiegti „Sketch“ papildinius. Jei jums patinka jūsų žiniatinklio įrankiai, nepraleiskite mūsų mėgstamų interneto dizaino įrankių, svetainių kūrimo ir debesies saugyklos apvalinimo. Nepamirškite, kad jūsų svetainės prieglobos paslaugų teikėjo pasirinkimas yra labai svarbus norint sėkmingai įgyvendinti jūsų svetainę (padės mūsų vadovas).
01. Kopijavimo ir įklijavimo vadovai
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Nukopijuokite, įklijuokite arba pašalinkite vadovus iš savo skelbimų lentų
Kiekvienas dizaineris palaiko meilės / neapykantos santykius su vadovais. Kartais jie yra būtini, o likusį laiką jie tiesiog trukdo jums. Jei naudojate vadovus, o ne „Sketch“ išdėstymo parinktį, jų pakeitimas kelioms dailylentėms gali būti košmaras, tačiau naudojant šį papildinį lengva nukopijuoti, įklijuoti ir pašalinti vadovus iš visų skelbimų lentų.
02. Eskizo valiklis
- Atsisiųskite čia
- Kaina: $2
- Santrauka: Gaukite savo dizaino failus švarius kaip švilpukas
Bet koks „Sketch“ dizainas, kuris buvo atliktas per keletą kartojimų, pakeliui gali pakelti šiukšlių, tokių kaip paslėpti sluoksniai, nenuoseklios krašto padėties ir nenaudojami sluoksnių stiliai.
Nors dar ne pabaiga turėti netvarkingą „Sketch“ failą, tai gali paveikti „hand-off“ ir palengvins gyvenimą kiekvienam, kuriam tenka jį įprasminti. Užuot viską apėmę rankomis, naudokite „Sketch Cleaner“, kad automatiškai išspręstumėte visas įprastas problemas.
03. Anima
- Atsisiųskite čia
- Kaina: Nemokama į viršų
- Santrauka: Sukurkite reaguojančius, aukštos kokybės prototipus
Anksčiau prieinama kaip atskiri nemokami papildiniai - „Auto Layout“ ir „Launchpad“ - „Anima“ dabar yra viskas viename įskiepis, sukurtas padėti jums sukurti reaguojančius maketus su smeigtukais, rietuvėmis ir kamšalais bei aukštos kokybės prototipais, kurie tinka visiems ekranams. Vis dar yra nemokama versija, palaikanti vieną projektą; neribotų projektų kainos prasideda nuo 25 USD per mėnesį.
04. Reaguokite „Sketch.app“
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Pateikite Reaguoti komponentus į eskizą
„Sketch“ gali būti sunku valdyti dizaino išteklius. Šis patogus „Sketch“ papildinys suteikia paprastesnį ir patikimesnį būdą valdyti savo išteklius. Įdiekite savo dizainus kode kaip „React“ komponentus, tada naudokite šį papildinį, kad juos paverstumėte eskizais. Tai taip pat palengvina realių duomenų paėmimą ir įdiegimą į „Sketch“ failus.
„React Sketch.app“ sukūrė „Airbnb“, skirta naudoti su savo dizaino sistema, siekiant padėti įveikti atotrūkį tarp dizainerių ir kūrėjų.
05. „Git Sketch“ papildinys
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: „Git“ klientas, įmontuotas į „Sketch“
Šiuo įskiepiu siekiama „Sketch“ valdyti versiją. Tai veikia eksportuojant kiekvienos dizaino dalies vaizdą, tada sukuriant gražius skirtumus, kad būtų aišku, kokie pakeitimai buvo padaryti. Dokumentuodami kiekvieną projektavimo proceso etapą, visi komandos nariai gali pamatyti, kaip vyko projektavimas.
„Git Sketch“ įskiepį sukūrė Mathieu Dutouras, kuris nuo tada perėjo prie visapusiškesnės, mokamos versijų valdymo sistemos „Kactus“ sukūrimo.
06. „ImageOptim“
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Vaizdo optimizavimas eskize
Nors „Sketch“ siūlo savo sprendimą optimizuoti SVG failus, JPG ir PNG vaizdų glaudinimo galimybių nėra. Kadangi „ImageOptim“ jau keletą metų siūlo patikimą paslaugą, logiška, kad ji suteiks šią funkciją „Sketch“.
Kiekvienas dizaineris, kuriam rūpi įkėlimo laikas ir vaizdo optimizavimas (tai turėtų būti visi dizaineriai), turėtų pridėti „ImageOptim“ į savo įrankių rinkinį. Atkreipkite dėmesį, kad jums reikės ne tik papildinio, bet ir pagrindinės „ImageOptim“ programos (nemokamos), įdiegtos jūsų „MacOS“ sistemoje, ir vis tiek turite pažymėti sluoksnius kaip eksportuotinus „Sketch“ (norėdami pradėti, pereikite prie „Eksportuoti ir optimizuoti visus turtus“).
07. Stebuklingasis veidrodis
- Atsisiųskite čia
- Kaina: Nuo 4 USD per mėnesį
- Santrauka: Vaizdo perspektyvos transformavimo įrankis
Jei bandote sukurti įspūdingus produktų maketus, bet turite nuolat šokinėti į „Photoshop“, kad susidorotumėte su kebliais dalykais, „Magic Mirror“ gali būti jūsų gyvybės gelbėtojas. Tai vaizdo perspektyvos transformavimo įrankis, leidžiantis jums sukurti perspektyvinius maketus ir kitus iškraipytus efektus, niekada nepaliekant „Sketch“.
08. Eksportuoti daugiau
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Automatiškai generuoja vietos rezervavimo atvaizdus
Pridėjus vietos rezervavimo vaizdų į dizainą, būtina prototipų kūrimo dalis, tačiau faktinių vaizdų radimas gali būti kančia. Taigi, užuot švaistę tam laiką, palikite viską „Day Player“. Tai leidžia prie bet kurio „Sketch“ dokumento pridėti tinkintų vietos rezervavimo vaizdų iš daugybės skirtingų rezervuotųjų vaizdų paslaugų, todėl didžiausias sprendimas, kurį turėsite priimti, bus tai, ar norite naudoti Billą Murray, Nicolasą Cage'ą ar kačiukus.
11. Prekyvietė
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Generuoti HTML puslapį, kuris gali įvertinti ir gauti CSS stilius
Jei norite gauti CSS stilių iš savo eskizų dizaino, būtinas papildinys, pvz., „Marketch“. Tai leidžia jums eksportuoti „Sketch“ lentas kaip ZIP failą, pilną HTML dokumentų, kuriuos tada galite išgauti, kad ištrauktumėte daug saldaus CSS, pasirengusio naudoti.
12. Segmentuoti apskritimai
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Sukurkite tikslią žiedinę grafiką
Čia yra greitas būdas sudaryti segmentinius diagramų ir diagramų apskritimus. Šis papildinys gali sukurti įvairius apskritos diagramos stilius, įskaitant punktyrinius ir pažymėtus apskritimus, o storiai valdomi naudojant paprastą kableliais atskirtų reikšmių sąrašą.
13. Eskizų bėgikas
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Prožektorius paieškai
Eskizas yra labai mėgstamas dėl minimalistinės klaviatūros darbo eigos. Tai sakant, visada yra du ar trys spartieji klavišai, kuriuos, atrodo, visada pamiršote ar supainiojate su kita dizaino programa, pvz., „Photoshop“, ir nepamirškime tų rečiau naudojamų įrankių ir funkcijų, kuriose nėra sparčiųjų klavišų ir kurios yra paslėptos giliai Eskizo meniu.
„Sketch Runner“ išsprendžia šias problemas ir daro tai taip, kaip „MacOS“ vartotojai yra susipažinę - „Sketch Runner“ yra „macOS Spotlight“, bet „Sketch“.
14. Piktogramos šriftas
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Tvarkykite piktogramų šriftus
Piktogramų šriftai yra labai efektyvus būdas naudoti piktogramas kuriant internetą, nereikalaujant eksportuoti ir optimizuoti daugybės vaizdinių išteklių. Paprastai mes nurodome piktogramų šriftus galva> HTML tinklalapių skyrių, kaip mes darome su CSS ir „JavaScript“. Tačiau juos naudoti „Sketch“ yra šiek tiek sudėtingiau. Laimei, „Icon Font“ tai palengvina.
Atsisiuntę ir įdiegę „Sketch IconFont“, atsisiųskite SVG šriftų failus arba atsisiųskite šį šriftų rinkinį, kuriame yra „FontAwesome“, „Material Design Icons“, „Ion Icons“ ir „Simple Line Icons“ šriftų failai. Kai baigsite, eikite į „Įskiepiai“> „Piktogramos šriftas“> „Įdiegti šriftų rinkinį“, pasirinkite atsisiųstus šriftus dialogo lange Atidaryti failą, tada eikite į Įskiepiai> Piktogramos šriftas> Tinklelio įterpimas> [norimas piktogramos šriftas], kad įterptumėte. piktogramą.
Net jei ketinate kurti savo dizainui pritaikytą piktogramų rinkinį, turėdami paruoštas piktogramas, galite padėti greitai paruošti prototipus ankstyvosiose projektavimo stadijose, pridėdami šiek tiek daugiau aiškumo / ištikimybės savo žemos ištikimybės maketams. .
15. Raskite ir pakeiskite
- Atsisiųskite čia
- Kaina: Laisvas
- Santrauka: Raskite ir pakeiskite tekstą pasirinktuose sluoksniuose
Teksto redaktoriai nėra vienintelė vieta, kurią jums reikia rasti ir pakeisti - ji taip pat naudinga „Sketch“. Šiame papildinyje yra daug pažangių parinkčių, jis leidžia jums ieškoti tam tikrų žodžių ar frazių tekste pasirinktuose sluoksniuose (ir viskame, kas yra jame), tada lengvai jį pakeisti.
Kitas puslapis: daugiau laiko taupančių „Sketch“ papildinių
