Темплейт для Ionic в формате Sketch. Для тех, кто понимает.

Здесь в Окленде мы делаем гибридные мобильные приложения вроде Estimapp и используем для этого штуку под названием Ionic. Штука крутая, работает на нескольких платформах и для простеньких приложений годится лучше всего.

Всякий раз при переходе от дизайна к разработке теряется куча времени. Программисты лепят не то и не так, как дизайнеры задумали. Потом тестировщик туда-сюда гоняет задания: криво выглядит на Андроиде, пропал элемент на iPhone, не те цвета, не те отступы. И затевается круговерть. Расплачиваются все, включая клиента, временем и деньгами.

При этом программисты народ ленивый и создавать свой велосипед обычно не хотят. В Ionic есть свои прекрасные компоненты, строительные блоки, которые заведомо хорошо выглядят и сочетаются, вне зависимости от платформы. Если всё делать правильно, и следовать букве документации, то чистенькие аппликации можно клепать стремительно. Но клиенты хотят «свой дизайн». Как решить проблему?

Что сделали мы c @tjaydesign, мы повторили все компоненты в формате Sketch. И не просто перерисовали, что было бы глупо и непродуктивно, а воспользовались витиеватой структурой вложенных символов с текстовыми параметрами (можно видеть на гифке в начале поста). «Отзывчивые» блоки состоят из символов, которые сотоят из символов, которые состоят из символов. На базовом уровне лежат базовые стили приложения. Например, можно задать корпоративный цвет и шрифты и все компоненты обновятся автоматически. Текстовые слои не нужно редактировать, всё делается через параметры тех же пресловутых символов.

Имена кирпичиков в Sketch совпадают с именами блоков в Ionic. Программисту, в идеале, даже не обязательно видеть картинки для создания внешнего вида приложения — достаточно получит древовидную структуру объектов и их названия! Бери куски кода из документации и вот тебе готовые к употреблению экраны.

Как мы прикинули, включение Ionic Sketch в процесс экономит до 80% времени разработки мобильного приложения.

Купить темплейт Ionic Sketch за $49 »
Cкачать бесплатную урезанную версию »

В комментариях на Product Hunt есть скидка 20%.

P.S.: Если вам нужны всякие таие цифровые дела: мобильные и не очень приложения — пишите на [email protected], что-нибудь придумаем.