Obsah
- 01. Sprievodcovia kopírovaním a vkladaním
- 02. Čistič skíc
- 03. Anima
- 04. React Sketch.app
- 05. Doplnok Git Sketch
- 06. ImageOptim
- 07. Magické zrkadlo
- 08. Exportujte viac
- 11. Marketch
- 12. Segmentované kruhy
- 13. Skicár
- 14. Písmo ikony
- 15. Nájdite a vymeňte
Doplnky Sketch pomáhajú vylepšiť Sketch. Sketch je nástroj pre návrh webového používateľského rozhrania typu go-to, ktorý si vyberie veľa ľudí. Súčasťou toho, čo robí to tak dobrým, je komunita ľudí, ktorí pracujú na rozšírení svojich funkcií a funkcií vytváraním vlastných doplnkov.
Správa vašich doplnkov Sketch je teraz ľahšia ako kedykoľvek predtým. Pluginy sa aktualizujú automaticky a neaktuálne sú deaktivované. Zvyšovaním užitočnosti ekosystému doplnkov je Sketch Cloud, služba zdieľania súborov, do ktorej sa môže zaregistrovať ktokoľvek, kde môžete prezerať, sťahovať a komentovať dokumenty Sketch, ktoré sú zdieľané verejne alebo súkromne priamo z aplikácie Sketch.
Poďme sa teda pozrieť na tie najlepšie doplnky Sketch - tie, ktoré by mohli drasticky zmeniť spôsob, akým navrhujete používateľské rozhrania. Keď si nájdete niektorý z nich, prečítajte si, ako nainštalovať doplnky Sketch. Ak máte radi svoje webové nástroje, nenechajte si ujsť naše obľúbené nástroje na návrh webu, tvorbu webových stránok a prehľady cloudového úložiska. Pamätajte, že váš výber poskytovateľa webhostingu je rozhodujúci pre úspech vašej stránky (náš sprievodca vám pomôže).
01. Sprievodcovia kopírovaním a vkladaním
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Skopírujte, prilepte alebo odstráňte sprievodcov z vašich artboardov
Každý dizajnér má s sprievodcami vzťah lásky a nenávisti. Niekedy sú úplne nevyhnutné a zvyšok času vám iba prekážajú. Ak namiesto možnosti rozloženia aplikácie Sketch používate sprievodcov, môže byť ich zmena pre viac artboardov nočnou morou, ale s týmto doplnkom je ľahké kopírovanie, prilepenie a odstránenie sprievodcov zo všetkých vašich artboardov.
02. Čistič skíc
- Stiahnite si tu
- Cena: $2
- Zhrnutie: Získajte svoje dizajnérske súbory čisté ako píšťalka
Akýkoľvek návrh aplikácie Skica, ktorý prešiel niekoľkými iteráciami, bude musieť počas tejto doby zachytiť trochu harabúrd, ako sú skryté vrstvy, nekonzistentné polohy okrajov a nepoužívané štýly vrstiev.
Aj keď nie je koniec sveta, aby ste mali chaotický súbor Sketch, mohlo by to mať vplyv na odovzdávanie a uľahčí to život každému, kto to bude musieť v riadku pochopiť. Namiesto toho, aby ste všetko prechádzali ručne, použite program Sketch Cleaner na automatické riešenie všetkých bežných problémov.
03. Anima
- Stiahnite si tu
- Cena: Zadarmo smerom hore
- Zhrnutie: Vytvárajte responzívne prototypy vysokej kvality
Predtým boli k dispozícii ako samostatné bezplatné doplnky - Auto Layout a Launchpad - Anima je teraz doplnok typu „všetko v jednom“ navrhnutý tak, aby vám pomohol vytvárať responzívne rozloženia s kolíkmi, hromadami a výplňou a vysoko verné prototypy vhodné pre všetky obrazovky. Stále existuje bezplatná verzia, ktorá podporuje jeden projekt; pre neobmedzené množstvo projektov cena začína na 25 dolárov mesačne.
04. React Sketch.app
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Vykresliť Reagujte komponenty na Skicu
Správa prvkov návrhu môže byť v aplikácii Sketch zložitá. Tento praktický doplnok Sketch poskytuje ľahší a spoľahlivejší spôsob správy vašich aktív. Implementujte svoje návrhy v kóde ako komponenty React a potom ich pomocou tohto doplnku vykreslite do náčrtu. Tiež to uľahčuje načítanie a implementáciu skutočných údajov do vašich súborov Sketch.
React Sketch.app bol vyvinutý spoločnosťou Airbnb pre použitie s jeho dizajnovým systémom s cieľom pomôcť prekonať priepasť medzi návrhármi a vývojármi.
05. Doplnok Git Sketch
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Klient Git zabudovaný do aplikácie Sketch
Tento doplnok si kladie za cieľ priniesť kontrolu verzií do Sketch. Funguje to tak, že exportujete obrázok pre každú časť dizajnu a potom generujete pekné rozdiely, takže je jasné, aké zmeny boli urobené. Po zdokumentovaní každého kroku procesu návrhu môže každý v tíme vidieť, ako dizajn pokročil.
Git Sketch Plugin vytvoril Mathieu Dutour, ktorý medzitým prešiel k vytvoreniu komplexnejšieho a plateného systému riadenia verzií s názvom Kactus.
06. ImageOptim
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Optimalizácia obrazu v Skici
Aj keď Sketch ponúka vlastné riešenie na optimalizáciu súborov SVG, neexistuje žiadna škála možností kompresie obrázkov JPG a PNG. Pretože ImageOptim ponúka solídne služby už niekoľko rokov, má zmysel, že by túto funkciu priniesol do aplikácie Sketch.
Každý dizajnér, ktorý sa stará o časy načítania a optimalizáciu obrázkov (čo by mali byť všetci dizajnéri), by si mal do svojho panela s nástrojmi pridať ImageOptim. Upozorňujeme, že okrem doplnku budete potrebovať vo svojom systéme macOS nainštalovanú základnú aplikáciu ImageOptim (bezplatnú) a stále musíte označiť vrstvy ako exportovateľné v aplikácii Sketch (najskôr prejdite do sekcie Export a optimalizácia všetkých aktív).
07. Magické zrkadlo
- Stiahnite si tu
- Cena: Od 4 dolárov / mesiac
- Zhrnutie: Nástroj na transformáciu perspektívy obrazu
Ak sa snažíte vyrobiť pôsobivé makety produktov, ale stále musíte skákať do Photoshopu, aby ste zvládli zložité veci, Magic Mirror pre vás môže byť záchranou života. Je to nástroj na transformáciu perspektívy obrazu, ktorý vám umožňuje vytvárať makety perspektív a ďalšie skreslené efekty bez toho, aby ste opustili Skicu.
08. Exportujte viac
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Automaticky generuje zástupné obrázky
Pridanie zástupných obrázkov k dizajnu je nevyhnutnou súčasťou prototypov, ale hľadanie skutočných obrázkov môže byť nepríjemné. Takže namiesto toho, aby ste tým strácali čas, nechajte všetko na Day Player. To vám umožní pridať prispôsobené zástupné obrázky do ľubovoľného dokumentu Sketch z množstva rôznych služieb zástupných obrázkov, takže najväčšie rozhodnutie, ktoré musíte urobiť, bude, či chcete použiť Billa Murraya, Nicolasa Cagea alebo mačiatka.
11. Marketch
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Vytvorte html stránku, ktorá dokáže merať a získavať štýly CSS
Ak chcete zo svojich návrhov Sketch načítať štýly CSS, je nevyhnutne potrebný doplnok ako Marketch. Umožňuje vám exportovať kresliace kresby Sketch ako súbor zip plný dokumentov HTML, ktoré potom môžete extrahovať, aby ste mohli vytiahnuť množstvo sladkých CSS, pripravených na použitie.
12. Segmentované kruhy
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Vytvorte presnú kruhovú grafiku
Tu je rýchly spôsob, ako vytvoriť segmentované kruhy pre grafy a diagramy. Tento doplnok môže vytvárať rôzne štýly kruhového diagramu vrátane prerušovaných a začiarknutých kruhov a hrúbky sa ovládajú pomocou jednoduchého zoznamu hodnôt oddelených čiarkou.
13. Skicár
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Reflektor pre vyhľadávanie
Skica je obľúbená pre svoj minimalistický pracovný postup s klávesnicou. To znamená, že vždy existujú dve alebo tri klávesové skratky, ktoré akoby ste zabudli alebo zamenili s inou dizajnovou aplikáciou, ako je Photoshop - a nezabúdajme na tie menej bežné nástroje a funkcie, ktoré nemajú klávesovú skratku a sú ukryté hlboko v Ponuka skíc.
Sketch Runner tieto problémy rieši a robí to tak, aby to používatelia systému macOS dobre poznali - Sketch Runner je macOS Spotlight, ale pre Sketch.
14. Písmo ikony
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Spravujte ikonové písma
Ikonové písma sú vysoko efektívnym spôsobom použitia ikon vo vašich webových dizajnoch bez toho, aby ste museli exportovať a optimalizovať množstvo obrazových prvkov. Typicky odkazujeme na ikonové písma v hlava> sekcia webových stránok HTML, ako to robíme s CSS a JavaScript. Ich použitie v aplikácii Sketch je však o niečo komplikovanejšie. Ikona Icon Font to našťastie uľahčuje.
Po stiahnutí a nainštalovaní aplikácie Sketch IconFont si stiahnite súbory fontov SVG alebo si stiahnite tento balík fontov, ktorý obsahuje súbory fontov pre FontAwesome, Icons Material Design, Ion Icons a Simple Line Icons. Po dokončení prejdite na Pluginy> Ikonové písmo> Inštalovať balíček fontov, vyberte stiahnuté písma v dialógovom okne Otvoriť súbor, potom prejdite na Pluginy> Ikonové písmo> Vložiť do mriežky> [požadované písmo ikony], aby ste mohli vložiť ikona.
Aj keď máte v úmysle navrhnúť pre svoj návrh vlastnú sadu ikon, pripravená ikona vám môže pomôcť pri rýchlom vytváraní prototypov v počiatočných fázach návrhu a dodáva vašim maketám s nízkou vernosťou o niečo viac jasnosti a vernosti. .
15. Nájdite a vymeňte
- Stiahnite si tu
- Cena: zadarmo
- Zhrnutie: Nájdite a nahraďte text vo vybraných vrstvách
Textové editory nie sú jediným miestom, ktoré potrebujete nájsť a nahradiť - je to užitočné aj v aplikácii Skica. Tento doplnok má veľa pokročilých možností a umožňuje vám vyhľadávať inštancie konkrétnych slov alebo fráz v texte vo vybraných vrstvách (a všetko v nich obsiahnuté) a potom ich jednoducho nahradiť.
Ďalšia stránka: Časovo úspornejšie doplnky Sketch
