Кращі практики, плагіни та поради щодо освоєння бібліотек Sketch

Версія ескізу 47 - це коли почалася магія! Коли бібліотека вийшла з шафи богемських і принесла новий спосіб створення дизайну. Насправді багато команд впровадили Бібліотеки у свою дизайнерську процедуру, і ми теж зробили це.

  1. Щоб прискорити наш процес проектування
  2. Створення "єдиного джерела істини"
  3. Ділитися символами між документами та іншими дизайнерами.

Швидке та коротке уточнення: бібліотека - це документ Sketch із символами, який можна використовувати в будь-якому іншому документі Sketch. Детальніше читайте тут або дивіться Представлення бібліотек ескізів.

Я припускаю, що ви дуже добре знаєте бібліотеки Sketch, але хочете стати експертом. Що вам потрібно - це остаточний приріст. Щось, що дасть вам вигляд і відчуття сучасних бібліотек Yoda. Пощастило, ти в потрібному місці. Нижче наведено цінний перелік найкращих практик, плагінів (додати до тих, що згадувались у попередній статті ) та підказки, які ви справді хочете використати для майстерності свого мистецтва. Давайте розпочнемо!

Кращі практики

Складіть план

Перш ніж почати створювати фантастичні символи, вкладені символи та спільні текстові стилі, складіть план зі своїми колегами, включаючи можливих розробників. Напишіть список бажань для початкових компонентів, які ви хочете включити у свою бібліотеку Sketch.

Методика Atomic Design дійсно допомагає структурувати та визначати пріоритети ваших побажань. Якщо ви нічого не знаєте про це, відвідайте веб-сайт Бреда Мороза або прочитайте його книгу «Атомний дизайн». Тепло рекомендується.

Всі п'ять чітких рівнів в атомній конструкції

Дотримуйтесь конвенції про іменування

Дотримуватися розумної конвенції про іменування ваших символів дуже важливо. Чи було узгоджено з командою розробників? Це ще краще. Наступні правила дадуть вам декілька вказівок.

  • Щоб організувати символи по групах і підгрупах, використовуйте нарізку (/) у імені свого символу. Ескіз розглядатиме їх як роздільники груп. Наприклад, у вас є основні та вторинні кнопки зі станом за замовчуванням та наведенням курсору. Правильний порядок імен: кнопки / первинний, кнопки / первинний перехід миші (те саме для вторинних кнопок). Детальніше читайте тут.
Назва символуКаскадний вид згрупованих символів
  • Дотримуйтесь логіку контролю / властивості-стану. Людськими словами, переходьте від родового до конкретного. Уявіть, що ви створюєте папку фотографій на робочому столі, в якій ви створюєте інші папки, по одній на рік. У папці 2018 ви створюєте папку на кожен місяць. [фото / 2018 / квітень / стокгольм] Така ж логіка!
  • Завжди використовуйте малі літери, розділені штрихами.

Знайти власника батьківської бібліотеки (майстра)

Якщо ви не хочете зіпсувати це і отримувати несподівані оновлення або зміни бібліотеки, знайдіть власника бібліотеки. Керуйте дозволами користувача та вирішуйте, коли та як зміни дизайну можна додати до головного. Пам'ятайте: ця зміна відображатиметься на кожному файлі ескізу, який використовує цю бібліотеку. Меч з двома кінцями, але досить приголомшливий.

Як керувати дозволами? Рідно нічого ще немає. Але ви можете досягти цього через Dropbox, папку Google Drive та хмару ескізів. Або ви можете спробувати засоби управління версіями, такі як Анотація, Кактус або Фоліо для Mac.

Анотація - https://heydesigner.com/blog/version-control-sketch-git/

Обов’язково плагіни

Бігун

"Бігун допомагає вам швидше та розумніше обійти Sketch".
За допомогою простого ⌘ + ”ви запускаєте кілька функцій: запустити, перейти, вставити, створити, застосувати та встановити. Ви попрощаєтесь із пошуком через меню. Додавання символу до артборду займе лише одну секунду.
☞ Це безкоштовно

Плагін бігуна у функції

Менеджер символів

Цей плагін, створений Jaer Pollux, є найкращим способом управління вашими символами. Ви більше не будете боротися з їх організацією. Перейменувати, видаляти або видаляти символи з однієї папки в іншу буде несподівано легко і швидко.
☞ Коштує всього 9,99 дол

Зміна символу

Якщо ви хочете отримати більше фантазії і спробувати деякі екстремальні методи, Symbol Swapper - це правильний плагін для вас. Це дозволяє обмінятись вибраними символами та / або цілою бібліотекою. Por Важливо: завжди робіть копії свого файлу, іноді заміна буває невдалою і псує речі. Але це стає краще.
☞ Це безкоштовно

Обмін бібліотеками

Переміщення до бібліотеки

За допомогою цього плагіна ви можете перемістити символ зі свого проекту в будь-яку бібліотеку і повторно приєднати всі екземпляри символів до цієї бібліотеки. Він також зберігає зміни.
☞ Це безкоштовно

Перейменуйте його

Просто перейменуйте свої шари та монтажні дошки за нульовий час. Дивовижно, якщо ви дотримуєтесь названих вище конвенцій.
☞ Це безкоштовно

Майстер стилів

Перейменування спільних стилів стало легко та швидко. Якщо ви хочете застосувати велику зміну до імен спільного стилю, вам не потрібно робити це вручну по черзі. Завдяки мастер стилів ви можете перейменувати всі або деякі спільні стилі одночасно.
☞ Це безкоштовно

Бібліотеки стилю ескізу

Він синхронізує всі стилі тексту з будь-якої бібліотеки ескізів у вашому поточному проекті. Немає експорту / імпорту через окремі "файли стилів".
☞ Це безкоштовно

Організатор символів

Додайте його за допомогою Runner. Цей плагін впорядковує ваші символи на вашій сторінці на основі імен, які ви їм надаєте (компонент / кнопка).
☞ Це безкоштовно

Організатор символу в дії

5 порад, що змінюють життя

  1. Блокуйте вкладені символи, щоб вони не з’являлися на панелі перекриття.
  2. Використовуйте Alt + Enter, щоб вставити розрив рядка на вкладені текстові об'єкти.
  3. Використовуйте пробіл на панелі перекриття, якщо ви не хочете, щоб текст з’являвся.
  4. Використовуйте Paddy для автоматизації прокладки та інтервалу для ваших файлів Sketch, робити це вручну - це справді нерозумно!
  5. Знайдіть свій час, щоб зробити речі розумними, акуратними та чистими з самого початку. Дуже скоро ви зрозумієте, що ваших зусиль абсолютно варте того.

Щоб його обернути

Цитата американського теоретика мистецтва, критика та куратора в галузі системного мистецтва Джека Бернхема, що з'явився в Artforum, "Система естетики" в 1968 році:

Зараз ми переходимо від об'єктно-орієнтованої до системно-орієнтованої культури. Тут зміни відбуваються не від речей, а від того, як це робиться.

Валерія Гей
Візуальний дизайнер в Hike One