Strona główna
» Wiki
»
Korzystanie z biblioteki w programie Sketch jest proste
Korzystanie z biblioteki w programie Sketch jest proste
Biblioteki to dokumenty szkicu zawierające elementy takie jak symbole, style tekstu i style warstw, które można udostępniać na wszystkich innych dokumentach, nawet na członkach zespołu.
Podczas aktualizacji składników w bibliotekach dokumenty, które ich używają, otrzymują powiadomienie o aktualizacji. Możesz przejrzeć te zmiany i zweryfikować je, aby upewnić się, że zawsze używasz najnowszych komponentów do bieżącego zadania.
Biblioteki są niezwykle przydatne we wspólnych pracach projektowych, w których musisz współdzielić komponenty, takie jak ikony, elementy interfejsu lub marki. Są jednak nadal przydatne, nawet jeśli pracujesz sam. Dzięki Bibliotekom możesz szybko wstawiać wspólne komponenty (takie jak elementy interfejsu użytkownika iOS iOS) do swoich projektów i mieć pewność, że są zawsze aktualne.
Otwórz Preferencje szkicu, wybierając Szkic> Preferencje (lub naciskając ⌘+ ,) i klikając kartę Biblioteki . Tutaj możesz przeciągnąć dokument Szkicu biblioteki do okna lub użyć przycisku Dodaj bibliotekę ... , aby dodać żądane dane.
Udostępniaj biblioteki
Istnieje kilka różnych sposobów udostępniania bibliotek innym osobom, na przykład za pośrednictwem usług chmurowych, udostępniania za pośrednictwem Sketch for Teams lub Cloud lub przesyłania na serwer i używania RSS do aktualizacji.
Korzystanie z usługi w chmurze, takiej jak Dropbox lub Dysk Google, w celu udostępnienia biblioteki jest tak proste, jak przesłanie dokumentu Sketch i udostępnienie go każdemu, kto go potrzebuje. Otrzymają powiadomienie w programie Sketch przy każdej aktualizacji.
Korzystanie z Sketch Cloud do udostępniania biblioteki jest również proste. Po prostu prześlij dokument do tej chmury, otwórz jego ustawienia, zaznacz Użyj jako biblioteki , a następnie kliknij Zapisz zmiany .
Każdy, kto udostępnia ten dokument biblioteki w Sketch Cloud, może kliknąć przycisk Dodaj bibliotekę do szkicu w przeglądzie dokumentu, aby dodać go jako bibliotekę i otrzymywać powiadomienia w Sketch podczas jego aktualizacji.
Udostępniaj biblioteki za pomocą Sketch for Teams
Jeśli jest to część bibliotek udostępnianych i odkrytych przez zespół, jest to jeszcze prostsze. Prześlij dokument do środowiska pracy zespołu, kliknij ikonę koła zębatego, aby otworzyć ustawienia, zaznacz Użyj jako biblioteki> kliknij Zapisz zmiany .
Wróć do aplikacji na Maca, a zobaczysz całe biblioteki chmur dowolnego zespołu pracującego na karcie Biblioteki w Preferencjach. Możesz przewinąć i znaleźć potrzebne biblioteki. Jeśli chcesz użyć biblioteki, po prostu naciśnij Instaluj .
Korzystanie z RSS i serwera do udostępniania bibliotek jest nieco bardziej skomplikowane. Najpierw musisz hostować ten dokument biblioteki na serwerze. Następnie musisz utworzyć taki plik XML:
<? wersja xml = "1.0" kodowanie = "UTF-8"?>
<wersja rss = "2.0" xmlns: atom = "http://www.w3.org/2005/Atom" xmlns: content = "http: //purl.org/rss/1.0/modules/content/ "xmlns: dc =" http://purl.org/dc/elements/1.1/ "xmlns: sparkle =" http://www.andymatuschak.org/ xml-namespaces / sparkle ">
<kanał>
<title> My Sketch Library </title>
<description> My Sketch Library </description>
<image>
<url> </url>
<title> My Sketch Library </title>
</image>
<generator> Szkic </generator>
<item>
<title> My Sketch Library </title>
<pubDate> Środa, 23 czerwca 2019 11:19:04 +0000 </pubDate>
<klauzula url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle: version = "1" />
</item>
</channel>
</rss>
W tym pliku XML musisz edytować następujące elementy:
<title> - nazwa biblioteki, która pojawi się w Sketch.
<image> <url> - domyślny adres URL miniatury, który Sketch będzie próbował użyć w bibliotece. Będzie wskazywać na publicznie dostępny adres URL obrazu.
<item> - Informacje między znacznikami pozycji są tym, co chcesz zaktualizować podczas tworzenia nowej wersji biblioteki. Potrzebujesz tylko tagu elementu w kanale.
W tej sekcji sekcji do każdej aktualizacji należy dołączyć:
<pubDate> - Publiczna data aktualizacji biblioteki w formacie RFC822.
<enclosure> - Tag załącznika ma 3 atrybuty: url, type & sparkle: version. Ten adres URL powinien wskazywać bezpośrednio lokalizację serwera dokumentu biblioteki, typ powinien brzmieć „application / octet-stream”, a na koniec sparkle: wersja to najnowszy numer wersji aktualizacji.
Upewnij się, że zapisałeś zarówno kanał XML, jak i plik Sketch z adresem URL formularza http lub https, ale nie łącz tych dwóch.
Na koniec użyj narzędzia takiego jak koder URL Meyerweb, aby zakodować plik XML kanału URL i dodaj go w następujący sposób:
sketch: // add-library? url =
Wprowadź pełny adres URL (od szkicu: // do końca zaszyfrowanego adresu URL) w przeglądarce, aby otworzyć Sketch i dodać udostępnioną bibliotekę.
Ikona biblioteki
Po dodaniu biblioteki zobaczysz, że pojawi się ona w górnej części panelu Składniki. Kliknięcie nazwy biblioteki pozwoli ci wybrać symbole, style tekstu i style warstw z biblioteki i przeciągnąć je na płótno. Dostęp do symboli bibliotecznych można również uzyskać z menu Wstaw zamiast ikony Symbole. Powiązana ikona wskazuje, że są częścią Biblioteki.
Symbole biblioteczne znajdziesz również w Symbolach podczas zmiany symboli.
Jak edytować symbole biblioteczne
Po dwukrotnym kliknięciu symbolu biblioteki do edycji, Sketch daje kilka opcji, w zależności od tego, gdzie plik biblioteki jest dodawany.
Dwukrotne kliknięcie, aby edytować symbol należący do biblioteki lokalnej lub biblioteki w chmurze osobistej, spowoduje wyświetlenie następujących opcji:
Otwórz w Bibliotece przeniesie Cię do oryginalnego dokumentu Biblioteki, abyś mógł edytować główną wersję programu Symbol. Spowoduje to zaktualizowanie biblioteki i wszelkich dokumentów z wersjami tej ikony.
Odłącz od biblioteki utworzy lokalną wersję symbolu, dzięki czemu będziesz mógł edytować jego oryginalną wersję w bieżącym dokumencie. Oznacza to, że nie będziesz już otrzymywać tych aktualizacji ikon, jeśli biblioteka jest początkowo aktualizowana.
Jeśli próbujesz edytować symbol biblioteki zespołu w chmurze, zobaczysz następujące opcje:
Otwórz w bibliotece otworzy oryginalny dokument biblioteki z chmury. Wszelkie zmiany tutaj zostaną zaktualizowane do biblioteki, aby wszyscy członkowie zespołu mogli je zobaczyć. Każdy dokument z wersjami tej ikony będzie odzwierciedlał te zmiany.
Odłącz od biblioteki utworzy lokalną wersję Symbol, dzięki czemu będziesz mógł edytować oryginalną kopię w bieżącym dokumencie. Oznacza to, że nie będziesz już otrzymywać tych aktualizacji ikon, jeśli oryginalna biblioteka została zaktualizowana.
Jeśli korzystasz z biblioteki zespołu, zachowaj ostrożność podczas edytowania głównego symbolu tutaj. Wszelkie zmiany, które wprowadzisz i zapiszesz, zostaną wysłane do wszystkich osób korzystających z tej biblioteki.
Jeśli symbol, który chcesz edytować, należy do biblioteki innej firmy. Na przykład zestaw interfejsu użytkownika Apple iOS będzie miał tylko opcję Odłącz od biblioteki .
Style bibliotek
Oprócz symboli możesz udostępniać i synchronizować style tekstu i warstw za pomocą bibliotek. Pojawią się w Panelu komponentów, a komponenty popover pojawią się w Inspektorze. Możesz również uzyskać dostęp do stylów tekstu i warstw za pomocą menu Wstaw. Podobnie jak symbole, Style bibliotek mają powiązaną ikonę obok nazwy grupy, wskazującą, że są częścią biblioteki.
Jak edytować style bibliotek
Jeśli używasz stylu biblioteki (style warstw lub style tekstu) w dokumencie i chcesz edytować warstwę przy użyciu go, masz kilka opcji w panelu Wygląd w Inspektorze:
Przed wprowadzeniem jakichkolwiek zmian możesz utworzyć nowy styl lokalny z aktualnie wybranego stylu. Ta akcja usuwa łącze tego typu w bibliotece i tworzy nowy styl lokalny w dokumencie.
Możesz też wybrać ten styl Odłącz styl z jego oryginalnej wersji, aby usunąć jego łącze w Bibliotece, ale nie utworzyć nowego stylu lokalnego.
Jeśli edytujesz styl biblioteki, możesz wybrać opcję Utwórz nowy styl i zamień, aby odłączyć jego łącze w bibliotece, utworzyć nowy styl lokalny i zastosować te zmiany do wszystkich warstw dokumentu o tym samym stylu. używane. Możesz też wybrać opcję Resetuj styl, aby cofnąć wszelkie zmiany.
Dopóki styl nie jest częścią biblioteki innej firmy, możesz wybrać opcję Edytuj styl w bibliotece, aby otworzyć dokument biblioteki zawierający ten styl.
Uwaga: Edycja Stylu w oryginalnym dokumencie Biblioteki spowoduje aktualizację tego Stylu dla każdego, kto korzysta z tej biblioteki.
Jak tworzyć ustawienia wstępne dla bibliotek
Podobnie jak symbole, style tekstu i warstw, możesz używać Bibliotek do synchronizowania i udostępniania wstępnych ustawień brył, gradientów lub obrazów. Aby utworzyć ustawienie wstępne biblioteki dla koloru, na przykład wybierz kolor w oknie popover, który wypełnia dokument biblioteki i dodaj go jako ustawienie wstępne w kolorach dokumentu .
Teraz, gdy pracujesz nad dokumentem korzystającym z tej biblioteki, kliknij tytuł nad tymi poprzednimi ustawieniami w oknie Wypełnienia, a następnie wybierz nazwę biblioteki, aby wyświetlić podgląd wszystkich dostępnych ustawień wstępnych biblioteki.
Zaktualizowano składniki biblioteki
Gdy składniki biblioteki (symbole, style tekstu lub style warstw) użyte w dokumencie zostaną zaktualizowane, w rogu okna programu Sketch pojawi się znaczek dostępnej aktualizacji biblioteki . Kliknij na niego, pojawi się okno dialogowe zawierające aktualizacje składników.
Wybierz Komponent, aby zobaczyć zmiany i zaznacz to pole, jeśli chcesz je zaktualizować w dokumencie. Jeśli nie chcesz aktualizować komponentu, odznacz go. Po zakończeniu kliknij Aktualizuj składniki .
Aby zatrzymać aktualizację symbolu, kliknij dwukrotnie dowolną jego wersję w dokumencie i kliknij Odłącz od biblioteki . Ta akcja spowoduje utworzenie lokalnej ikony na tej stronie Symbole.
Utwórz niestandardowy awatar biblioteki
Jeśli chcesz utworzyć niestandardowe okno podglądu swojej biblioteki gdzieś w dokumencie, utwórz kwadratowy obszar roboczy (1: 1), a następnie nazwij go „Podgląd biblioteki”.
Powyżej opisano sposób korzystania z funkcji Biblioteka w oprogramowaniu do projektowania graficznego Sketch . Mam nadzieję, że ten artykuł jest dla Ciebie pomocny.