Zeplin
#разработка #дизайн
Несколько раз встречал разработчиков, которые не любят верстать. Могу их понять: присылают макет в psd, и ты не можешь понять, какие же отступы между элементами, какой шрифт и какие размеры у них. Хорошо, что есть guidlines, которые регулируют подобные вещи, но это не абсолютная гарантия. Ещё постоянно делаешь Alt-Tab, чтобы смотреть на дизайн и переносить его в верстку. Ну и «пипетка» — надо же понять, какой цвет задумал дизайнер.
Чтобы верстка приносила удовольствие рекомендую отличный сервис для дизайнеров и разработчиков — Zeplin. Это намного удобнее, чем макеты в формате изображения.
Что же это за сервис? Представляет из себя приложение под Mac или Windows, а также хорошую веб-версию, где можно загружать макеты экранов и просматривать отдельно каждый из элементов на нем.
Чем полезен:
• все доступные цвета — теперь не нужна «пипетка»;
• можно сразу скачать нужную иконку. Вектора тоже поддерживаются;
• показывает параметры шрифта. Также можно копировать текст в один клик;
• поддержка идентификаторов для view;
• связка со Slack;
Из недостатков можно только выделить то, что он платный. Но... Дизайнер может создавать макеты со своего аккаунта, являясь администратором и приглашать пользователей для просмотра дизайна. Такой связки хватает для небольших команд или персонального пользования. Хотя за подобный сервис не стыдно заплатить.
#разработка #дизайн
Несколько раз встречал разработчиков, которые не любят верстать. Могу их понять: присылают макет в psd, и ты не можешь понять, какие же отступы между элементами, какой шрифт и какие размеры у них. Хорошо, что есть guidlines, которые регулируют подобные вещи, но это не абсолютная гарантия. Ещё постоянно делаешь Alt-Tab, чтобы смотреть на дизайн и переносить его в верстку. Ну и «пипетка» — надо же понять, какой цвет задумал дизайнер.
Чтобы верстка приносила удовольствие рекомендую отличный сервис для дизайнеров и разработчиков — Zeplin. Это намного удобнее, чем макеты в формате изображения.
Что же это за сервис? Представляет из себя приложение под Mac или Windows, а также хорошую веб-версию, где можно загружать макеты экранов и просматривать отдельно каждый из элементов на нем.
Чем полезен:
• все доступные цвета — теперь не нужна «пипетка»;
• можно сразу скачать нужную иконку. Вектора тоже поддерживаются;
• показывает параметры шрифта. Также можно копировать текст в один клик;
• поддержка идентификаторов для view;
• связка со Slack;
Из недостатков можно только выделить то, что он платный. Но... Дизайнер может создавать макеты со своего аккаунта, являясь администратором и приглашать пользователей для просмотра дизайна. Такой связки хватает для небольших команд или персонального пользования. Хотя за подобный сервис не стыдно заплатить.