Підручники з ескізу

Інструменти ескізу для управління системою проектування

Список розширень програми для ескізів для організації та підтримки колекції інтерфейсу користувача.

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

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

Перелічені плагіни сумісні та використовувались у процесі можливості створення системи дизайну кадрів та інших продуктів Robowolf. Велике спасибі авторам та авторам цих корисних маленьких приятелів.

Бігун

Завантажити - http://sketchrunner.com/

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

  • Швидка навігація через декілька бібліотек, компонентів або просто символів.
  • Супер швидкий для пошуку та встановлення інших плагінів.
  • Надає додаткові місця в інвентарі, інтегруючи окреме меню бігуна на панель інструментів ескізів.
  • Можна застосовувати спільні стилі до декількох шарів.
  • Меню Runner може допомогти вам керувати улюбленими плагінами та важливішими окремими командами, які є дуже корисними, якщо ви встановлюєте 2–5 плагінів на день та безлад в меню плагінів.
Ви можете навіть додати роздільники, щоб зробити в них групи.

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

Завантажити - http://rodi01.github.io/RenameIt/

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

Використовуйте , щоб розділити символи на різні категорії та групи меню
  • Плагін має корисні результати перейменування в розділі попереднього перегляду.
  • Ви можете використовувати ключові слова, щоб визначити точні результати.

Майстер стилю ескізу

Завантажити - https://github.com/aparajita/sketch-style-master

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

  • Має гнучкий пошук, який допомагає швидко знаходити та змінювати кілька стилів тексту.
  • Має корисний інтерфейс попереднього перегляду з можливістю перегляду всіх використаних стилів тексту.
  • Дуже корисно для організації та зберігання стилів тексту в групи з використанням основної структури імен, наприклад, Roboto / Body / Black
  • Завжди допомагає мені швидко поміняти шрифти в документі:
Обмін шрифтами та збереження ієрархії меню стилю тексту.

Символьний менеджер

Веб-сайт - https://gumroad.com/l/sketch-symbols-manager

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

  • Зміни, зроблені у виділеннях, вплинуть на називання кожного символу.

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

Завантажити - https://github.com/sonburn/symbol-organizer

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

Ви можете заздалегідь визначити групи, використовуючи “/” у назвах символів.

Анотація

Завантажити - https://www.goabposite.com/

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

  • Як і у Github, завжди є можливість відгалужуватися від головного файлу, щоб створити свою версію документа.
  • Перегляньте зміни та виберіть, яку зберегти, а яку - видалити.
  • Використовуйте журнал історії версій для співпраці за допомогою коментарів та комітетів.
Порада - завжди відкривайте головний файл з Анотації, це дозволить зберегти всі зміни, внесені до вашого файлу / записані додатком Анотація.

Пам'ятні згадки

  • Ескізні заходи - чудові для створення специфікацій та експорту активів для розробників та колег, якщо ви не використовуєте Zeplin або Sympli для цієї мети.
  • Об’єднання дублікатів символів - корисно для усунення розладу у вашому головному файлі та об’єднання компонентів із символами, що повторюються іменами.
  • Unused Style Remover - знайдіть екземпляри спільного шару чи стилю тексту та видаліть їх.
  • Стан символу - надає можливість зберігати зміни в будь-якому символі як різні компоненти компонентів для подальшого шансу перемикатися між ними.
  • Клавіші - використовуйте його для прив'язки послідовності комбінацій за допомогою клавіш швидкого доступу, наприклад, ⌃⌘A [Вибрати всі монтажні дошки] + ⌘RF [Змінити розмір до вмісту для вмісту] - для швидкого вмикання / вимкнення зміни розмірів властивостей артбордів.

Перед від’їздом

Отримайте собі копію системи дизайну кадрів та заощадите сотні годин, працюючи над новим проектом у додатку Sketch, Frames легко налаштувати та адаптувати до вашого бренду. ️

  • Завантажте безкоштовні ресурси Frames, відвідайте → Sketchappsources.com
  • Слідкуйте за Twitter та Dribbble, щоб отримати більше статей, пов’язаних із дизайном та халявою.