Zeplin в битка uKit Group блог Habr
Обикновено, как - те изхвърлят .psd и се въртят, както искате.
През пролетта на 2015 г., когато дойдох в uKit, научих за Sketch - и видях как шаблоните започнаха да се появяват с красиви и еднакви размери по отношение един на друг и много подробно описание.
Тогава исках още. И буквално няколко месеца по-късно излезе Zeplin 1.0. Това приложение промени цялата ми идея за оформление - защото наистина прави живота на дизайнера на оформление щастлив.
Какво представлява Zeplin и защо е необходим
В комплект със скица можете да прекратите войната за версиониране на файлове и да поддържате удобно оформленията на живо. Когато сложните екрани не са претоварени с колосален брой слоеве и групи слоеве, дизайнерът може лесно и в движение да прави незначителни редакции - дизайнерът на оформлението ще ги види веднага.
Но основното в Zeplin е, че ви позволява да щракнете върху всеки прост векторен обект на платното и да видите цялата налична информация за него.
Точно информацията, която заложи дизайнерът - дали това е точният размер на платното, точните размери на всеки елемент, точното подложка, сенките, теглото на линиите, непрозрачността или кодовете на CSS ефект.
Друго хубаво нещо е работата със съдържание. Например можете да щракнете върху текста в оформлението и Zeplin ще ви позволи да копирате текста. Можете също да маркирате съдържание (платна) в папката на проекта и да правите бележки в тях.
И това нещо е идеално за работа на три монитора:
Например: средният монитор винаги е с код. Голям хоризонтален - показва страницата и, ако е необходимо, друг прозорец с кода. Третият може да съдържа дебъгера на дърво DOM или множество прозорци на конзолата.
За щастие Zeplin има поддръжка за оформления на Photoshop - специален плъгин изисква минимум знания за това как да го експортирате по-добре.
За чистотата на експеримента ще кажа, че наслагвания с разпознаване на оформления на Photoshop понякога се намират в Zeplin - например, той не винаги разпознава точно разстоянието между редовете в големи блокове текст.
Но такива моменти трябва да са част от договора с дизайнера. В крайна сметка разбиването на големи парчета на различни предмети е по-правилно - макар и само защото е по-удобно да се работи по този начин.
Как да приложим това в екип
N.B. Съвет - първо убедете дизайнерите си да правят оформления, а не във Photoshop. Например чрез ясно показване на разликата в показването на съдържанието на оформленията, когато се мащабира в Zeplin, докато работите.