Sketch: как лучше всего синхронизировать элементы дизайна между iOS и Android Wireframe?

Я ищу информацию о ваших передовых методах/рабочих процессах для создания каркасов приложений для iOS и Android.

Сейчас я работаю над проектом, которому нужны довольно качественные каркасы для приложения, которое мы создаем, как для Android, так и для iOS. Проблема в том, как мне лучше всего разделить стили между двумя файлами? Если я создам символы, например, таблицы, ширина таблицы не будет соответствовать, так как iOS и Android различаются. Поэтому я должен отделить элемент от символа. Проблема в том, что теперь, если я хочу, например, изменить цвет, мне нужно помнить, чтобы обновить его в обеих версиях. Настройки шрифта/оформления также будут различаться между этими двумя.

Как я могу структурировать свой рабочий процесс при разработке для обеих платформ, чтобы уменьшить дублирование работы?

Поскольку я использую синхронизацию с Google Диском для Invision, каркасы Android/iOS также должны быть в отдельных файлах. :/

С точки зрения передовой практики, «каркас высокой точности» не имеет значения.

Ответы (1)

Стили перед символами

Лучше всего использовать стили, а не символы для большинства единиц макета. Если есть веская причина использовать символ (например, глобальную навигацию), элементы-компоненты этого символа должны использовать стиль, который синхронизируется между файлами.

Плагины заполняют пробелы

Для синхронизации мне нужно провести небольшое исследование и вернуться к вам. Существует плагин, который позволяет вам управлять определенными свойствами стиля в Google Sheet. Вы можете ссылаться на каждый файл на один и тот же лист. Как и в большинстве случаев в Sketch, есть несколько плагинов, которые вы, возможно, захотите попробовать. Поищите на GitHub и поэкспериментируйте.

Нижняя линия

Вам просто нужно быть дисциплинированным. В Sketch еще не реализована межфайловая синхронизация.