Проектна папка дизайнера. Частина 2

image
Вивчивши коментарі до попереднього посту про проектної папки, вирішив перебудувати процес, пов'язаний з версіями файлів та їх зберіганням. Розумні люди говорили, що в наш час неправильно дублювати файлики вручну, створюючи архів версій, а потрібно користуватися сучасними технологіями Git, Subversion і подібними. В цьому пості напишу про систему до якої прийшов і з задоволенням тепер користуюся. Я став спокійнішим, їм краще і міцніше сплю, адже тепер я зовсім не переживаю за робочі файли і їх збереження. Залишилося стати хорошим дизайнером.
Рішень для збереження файлів безліч. Для мене, як дизайнера, ключовими є наступні параметри, яким повинна відповідати система:
  1. Я сам повинен визначати в який момент створити точку відновлення файлу;
  2. Мати можливість подивитися що змінилося у файлі (найчастіше в графічному);
  3. Завантажувати файл і його версією в онлайн-сховищі;
  4. Отримувати необмежений термін зберігання файлів та їх версій;
  5. Приватність. До даними, без мого відома, не повинні мати доступ сторонні;
  6. Низька вартість.
Dropbox
image
так-Так, не дивуйтеся. Не знав, але Дропбокс вміє зберігати історію зміни файлів. Дуже зручне рішення для зберігання і доступу до файлів з будь-якої точки світу. Легко ділитися матеріалами і не потрібно думати про їх завантаженні, достатньо встановити додаток, яке саме буде вивантажувати файли та історію їх редагування. Але цей плюс є і недоліком, оскільки нові версії файлів створюються після кожного збереження автоматично. По-друге, не можна порівняти що саме змінилося у файлі, не откатив його назад. Без покупки додаткового «Розширеного журналу версій» (EVN), який коштує 40 баксів в рік, файли зберігаються тільки 30 днів. Безкоштовно дають 2 ГБ, решта за щомісячний платіж від $8,25. Отримуємо, мінімум 140 доларів у рік і не повна відповідність вимогам. Їдемо далі.
Google Drive
image
Все ті ж переваги і недоліки, що і у Дропбокса. Але в Google Drive більше 30 днів версії не зберігають в принципі, що неприйнятно. Відразу пропускаємо.
Invision
image
Друге відкриття, яке я зробив, готуючи цей пост (спасибі SNight за наводку). Сервіс, який знайомий і улюблений багатьма дизайнерами виявляється ще вміє зберігати версії файлів. Для цього потрібно використовувати їх утиліту — «Desktop sync app». Нічого додатково оплачувати не потрібно. З мінусів — немає превью для файлів Sketch і не продумано взаємодія для користувачів, що бажають використовувати «Inspect Mode». Справа в тому, що для роботи інспектування коду, макети повинні бути завантажені через плагін «Craft». І тут виникає конфлікт, т. к. «Desktop sync app» займається тим же самим, але не «розбирає» макет за складовими, відповідно «Inspect Mode» у нього недоступний. Доводиться вибирати між історією версій файлу та інспектором коду. Т. к. в нашій команді інспектор коду використовується верстальниками й програмістами — вибір на користь Inspect Mode.
Cornerstone 3
image
Судячи з усього, найпопулярніше subversion-рішення під мак. Дуже гарна програма. З мінусів — немає свого сховища в хмарі. Можна, звичайно, розмістити папки з файлами і бекапами в директорії стороннього хмарного сервісу, наприклад Яндекс.Диска. Але є і другий мінус — вартість $69. Не сказати, що сильно дорого і я готовий був спробувати попрацювати з програмою (є триальный період 14 днів), але помітив ще один недолік — немає превью файлів Sketch. Візьмемо на замітку, але пошукаємо ще.
GitHub
image
Це рішення використовував раніше, коли активно займався версткою. Відповідає всім вимогам, які я описав вище. Є свій десктопний клієнт, що важливо для тих хто не володіє командним рядком. Приватні репозиторії (онлайн-сховища) платні, від $7 на місяць. Відмінний варіант, але не ідеальний.
Bitbucket
image
Я зупинився на сховище Битбакет в зв'язці з клієнтом SourceTree. Битбакет я волів ГитХабу за безкоштовні приватні сховища. Причому, я можу їх створювати скільки завгодно, ще й до 5 користувачів запросити для роботи над проектом. Якщо більше 5 юзерів підключені до дерева, то треба платити від $10 в місяць. Загалом, відмінна пропозиція.
Порівняльна таблиця вивчених рішень
image
Тепер розповім як організований процес роботи.
Першим ділом реєструємося на www.bitbucket.org і викачуємо SourceTree (Є під Мак і Віндоус).
до Речі, SourceTree можна використовувати і в якості клієнта для GitHub
Запускаємо SourceTree і додаємо новий проект «New Repository» → «Create Local Repository».
image
Вибираємо директорію де буде зберігатися проект і архів його версій. Т. к. я зберігаю файли ще й онлайн, то ставлю чекбокс «Also create remote repository».
image
не Можна завантажувати файли онлайн, а створювати сховище тільки у себе на диску, або в директорії хмарного сервісу. Тоді ви не будете залежати ні від ГитХаба, ні від Битбакета.
Тепер покладемо який-небудь файл в створену папку. Нехай це буде фотошоповский файлик hello.psd. Після збереження файлу у папку в SourceTree з'явилося повідомлення, що директорія змінилася, а праворуч невелика прев'юшки вмісту файлу.
image
Якщо файл більше 5МБ, то превью показуватися не буде. Для рішення відкрити «Preferences» → «Diff». Встановити «Size limit (binary)», наприклад 50,000 KB. Прев'юшки створяться без обмежень.
Так буде відбуватися після кожного зміни файлів в директорії або додавання нових.
Створимо Точку відновлення» (В термінології Git така точка називається Commit). Для цього зазначимо файли для яких створиться версія у сховищі (я зазвичай вибираю все), напишемо коментар і тиснемо «Commit», для створення точки відновлення.
image
Готово. Тепер ми завжди зможемо повернутися до цього файлу в такому вигляді.
Перекрасим заголовок в інший колір і сохранимся. SourceTree помітив маніпуляції і в превью вікні показує 2 зображення «Було» і «Стало».
image
P. S. Не зміг знайти як зробити прев'ю більше, якщо хтось з експертів порадить — буду вдячний. Найкрутіше те, що превью створюється навіть для файлів Sketch, що мега-круто і більше ні одна програма з переглянутих не може.
«Закоммитим» змін і відправимо на сервер.
Для чистоти експерименту внесемо третю зміну, відправивши на сервер і її.
image
Знадобилося «відкотитися» до першої версії файлу або взяти звідти кілька шарів? Спробуємо. Перейдемо в сайдбарі програми у вкладку «History» і виберемо перший комміт. Якщо двічі клікнути на превью, то в Фотошопі відкриється перша версія файлу. Беремо з нього будь-які шари або пересохраняем як основний файл. Це дуже зручно і просто.
image
Я описав базовий функціонал, який надає технологія Git. Там є ще багато всього, але навіть з цим функціоналом можна не побоюватися за збереження робочих файлів і їх ітерацій.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.