Modul de utilizare a Bibliotecii în Schiță este simplu

Bibliotecile sunt documente Sketch care conțin elemente precum Simboluri, Stiluri de text și Stiluri de strat pe care le puteți partaja pe toate celelalte documente, chiar și membri întregi ai echipei.

Sketch Sketch pentru Mac

La actualizarea componentelor în biblioteci, documentele care le folosesc primesc o notificare de actualizare. Puteți examina aceste modificări și le puteți confirma pentru a vă asigura că utilizați întotdeauna cele mai recente componente pentru lucrarea curentă.

Bibliotecile sunt extrem de utile în echipele de proiectare colaborativă, în care trebuie să partajeze componente precum pictograme, elemente de interfață sau mărci. Cu toate acestea, ele sunt încă utile chiar și atunci când lucrați singur. Cu Bibliotecile, puteți insera rapid componente comune (cum ar fi elementele de utilizare iOS pentru iOS) în design-urile dvs. și vă asigurați că sunt mereu la zi.

Adaugă biblioteca

Deschideți Preferințele Sketch-ului selectând Sketch> Preferințe (sau apăsând ⌘+ ,) și făcând clic pe fila Biblioteci . Aici, puteți trage un document Sketch Library în fereastră sau puteți utiliza butonul Adaugă bibliotecă ... pentru a adăuga datele dorite.

Distribuie biblioteci

Există mai multe moduri diferite de a partaja Bibliotecile cu alții, precum serviciile cloud, partajarea prin Sketch pentru echipe sau Cloud sau încărcarea pe un server și folosirea RSS pentru actualizări.

Utilizarea unui serviciu cloud precum Dropbox sau Google Drive pentru a partaja o bibliotecă este la fel de simplu ca încărcarea unui document Sketch și partajarea acestuia cu oricine are nevoie. Vor primi o notificare în Sketch de fiecare dată când o actualizează.

Folosirea Sketch Cloud pentru a partaja Biblioteca este, de asemenea, simplă. Trebuie doar să încărcați documentul în acest cloud, să deschideți setările acestuia, să verificați Utilizare ca bibliotecă , apoi să faceți clic pe Salvați modificările .

Oricine care împărtășește acest document de bibliotecă în Sketch Cloud poate face clic pe butonul Adăugare bibliotecă la schiță din prezentarea documentului pentru a-l adăuga ca bibliotecă și a primi notificări la Sketch la actualizarea acestuia.

Partajează bibliotecile cu Sketch pentru echipe

Dacă este o parte a Bibliotecilor împărtășite și descoperite de o echipă, este și mai simplu. Încărcați documentul în mediul de lucru al echipei, faceți clic pe pictograma cog pentru a deschide setările, verificați Utilizați ca bibliotecă> faceți clic pe Salvați modificările .

Reveniți la aplicația Mac și veți vedea întreaga bibliotecă Cloud a oricărei echipe care lucrează în fila Biblioteci din Preferințe. Puteți parcurge și găsi Bibliotecile de care aveți nevoie. Când doriți să utilizați o bibliotecă, trebuie doar să apăsați Instalare .

Utilizarea RSS și a unui server pentru a partaja bibliotecile este un pic mai complicată. În primul rând, trebuie să găzduiești acel document al Bibliotecii pe un server. Apoi, trebuie să creați un fișier XML astfel:

În acest fișier XML, trebuie să editați următoarele:

• <titlu> - Numele Bibliotecii care va apărea în Sketch.
• <image> <url> - URL-ul miniaturii implicit pe care Sketch va încerca să-l folosească pentru biblioteca ta. Acesta va indica adresa URL a imaginii accesibile publicului.
• <item> - Informațiile dintre etichetele articolului sunt cele pe care doriți să le actualizați atunci când creați o nouă versiune de bibliotecă. Aveți nevoie doar de o etichetă de element în flux.

În acea etichetă de secțiune, pentru fiecare actualizare, trebuie să includeți:

• <pubDate> - Data publică a actualizării bibliotecii în format RFC822.
• <enclosure> - Eticheta de atașament are 3 atribute: URL, type & sparkle: version. Această adresă URL ar trebui să indice direct către locația serverului a documentului de bibliotecă, tipul ar trebui să fie „aplicație / octet-stream” și, în final, scânteie: versiunea este cel mai recent număr de versiune de actualizare.

Asigurați-vă că ați salvat atât fluxul XML, cât și fișierul Sketch cu o adresă URL sub formă de http sau https, dar nu le combinați pe cele două.

În sfârșit, utilizați un instrument precum codificatorul URL Meyerweb pentru a codifica fluxul XML de alimentare URL și adăugați-l astfel:

schita: // add-biblioteca? url =

Introduceți adresa URL completă (de la schiță: // până la sfârșitul URL-ului criptat) în browserul dvs. pentru a deschide Sketch și adăugați biblioteca partajată.

Pictograma bibliotecii

Când adăugați o bibliotecă, veți vedea că apare în partea de sus a panoului Componente. Făcând clic pe numele Bibliotecii vă va permite să selectați Simboluri, Stiluri de text și Stiluri de strat din bibliotecă și să le glisați în Canvas. Puteți accesa simbolurile bibliotecii din meniul Insert , în loc de pictograma Simboluri. O pictogramă asociată indică faptul că fac parte din bibliotecă.

De asemenea, veți găsi simboluri de bibliotecă în simboluri atunci când schimbați simboluri.

Cum editați simbolurile bibliotecii

Când faceți dublu clic pe un simbol al bibliotecii pentru a edita, Sketch vă oferă mai multe opțiuni, în funcție de locul în care este adăugat fișierul Bibliotecii.

Făcând dublu clic pentru a edita un simbol aparținând Bibliotecii locale sau Bibliotecii din Cloud-ul personal va arăta următoarele opțiuni:

• Deschis în bibliotecă vă va duce la documentul original al Bibliotecii, astfel încât să puteți edita versiunea principală a Symbol. Aceasta va actualiza Biblioteca și orice documente cu versiuni ale pictogramei respective.
• Deconectarea de la Biblioteca va crea o versiune locală a Simbolului, astfel încât să puteți edita versiunea originală în documentul curent. Aceasta înseamnă că nu veți mai primi acele actualizări ale pictogramelor dacă Biblioteca este actualizată inițial.

Dacă încercați să editați Simbolul unei biblioteci de echipă din Cloud, veți vedea următoarele opțiuni:

• Deschis în bibliotecă se va deschide documentul original al Bibliotecii din Cloud. Orice schimbare aici se va actualiza la bibliotecă pentru ca toți membrii echipei să poată vedea. Orice document cu versiuni ale acelei pictograme va reflecta acele modificări.
• Deconectarea de la Biblioteca va crea o versiune locală a Simbolului, astfel încât să puteți edita copia originală în documentul curent. Aceasta înseamnă că nu veți mai primi acele actualizări ale pictogramelor dacă biblioteca originală a fost actualizată.

Dacă utilizați o bibliotecă de echipă, fiți mai prudent atunci când editați simbolul principal aici. Orice modificări efectuate și salvate vor fi trimise tuturor celor care folosesc această bibliotecă.

Dacă Simbolul pe care doriți să îl editați aparține Bibliotecii terților. De exemplu, kit-ul Apple iOS UI va avea doar opțiunea Deconectare de la bibliotecă .

Stiluri de bibliotecă

În plus față de Simboluri, puteți partaja și sincroniza stiluri de text și strat folosind Biblioteci. Acestea vor apărea în Panoul Componentelor și în Componentele aparute în Aspect în Inspector. De asemenea, puteți accesa Text și Stiluri de strat prin meniul Inserare. La fel ca simbolurile, Stilurile Bibliotecii au o pictogramă asociată lângă numele grupului pentru a indica faptul că fac parte din bibliotecă.

Modificarea stilurilor de bibliotecă

Dacă utilizați Biblioteca de stil (Straturi de strat sau Stiluri de text) într-un document și doriți să editați un Strat folosind acesta, aveți câteva opțiuni în panoul Aspect din Inspector:

• Înainte de a efectua modificări, puteți alege să creați un nou stil local din Stilul selectat în prezent. Această acțiune elimină legătura de acel tip din bibliotecă și creează un nou stil local în document.
• În mod alternativ, puteți alege acel stil de detașare din versiunea sa originală, pentru a elimina link-ul din bibliotecă, dar nu a crea un stil local nou.
• Dacă editați un stil de bibliotecă, puteți alege Creare stil nou și Înlocuire pentru a deconecta legătura sa din bibliotecă, creați un nou stil local și aplicați acele modificări tuturor straturilor documentului cu același stil. utilizator. Alternativ, puteți alege Reset Style pentru a inversa orice modificare.
• Atâta timp cât stilul nu face parte dintr-o bibliotecă terță parte, puteți alege Editare stil în bibliotecă pentru a deschide un document de bibliotecă care conține acel stil.

Notă: Editarea stilului în documentul original al Bibliotecii va actualiza stilul pentru oricine utilizează această bibliotecă.

Cum se creează presetări pentru biblioteci

La fel ca simbolurile, textul și stilurile de strat, puteți utiliza Biblioteci pentru a sincroniza și a partaja presetări solide, gradiente sau imagini. Pentru a crea o presetare de bibliotecă pentru o culoare, de exemplu, selectați culoarea din fereastra pop-up care umple documentul de bibliotecă și adăugați-o ca o presetare în culorile documentului .

Acum, când lucrați într-un document care folosește biblioteca respectivă, faceți clic pe titlul de deasupra acestor setări anterioare din fereastra Completuri, apoi selectați numele Bibliotecii pentru a previzualiza întregii presetări ale Bibliotecii disponibile.

Componente de bibliotecă actualizate

Când componentele bibliotecii (simboluri, stiluri de text sau straturi de strat) utilizate în document sunt actualizate, veți vedea un ecuson disponibil de actualizări de bibliotecă în colțul ferestrei software Sketch. Faceți clic pe ea, va apărea o casetă de dialog care conține actualizări ale componentelor.

Selectați Component pentru a vedea modificările și bifați această casetă dacă doriți să o actualizați în document. Dacă nu doriți să actualizați o componentă, debifați-o. După finalizare, faceți clic pe Actualizare componente .

Pentru a opri actualizarea unui simbol, faceți dublu clic pe orice versiune a acestuia din document și faceți clic pe Deconectare de la bibliotecă . Această acțiune va crea o pictogramă locală pe pagina Simboluri.

Creați un avatar de bibliotecă personalizat

Dacă doriți să creați o fereastră de previzualizare personalizată pentru biblioteca dvs. undeva în document, creați un Artboard pătrat (1: 1), apoi denumiți-l „Previzualizare bibliotecă”.

Mai sus, cum se utilizează funcția Biblioteca din software-ul de design grafic Sketch . Sper ca articolul să vă fie de folos.