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

Stas Kulesh
Aug 22, 2017 · 2 min read

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

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

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

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

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

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

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

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

)

Written by

I blog, play fretless guitar, watch Peep Show and run a digital design/dev shop in Auckland, New Zealand. Parenting too.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade