Ionic Sketch 4 обновился и попал на Product Hunt (опять)

Здесь в Окленде мы прошерстили компоненты нового билда Ionic 4 Beta и собрали новую версию популярного (больше 500 покупок) Skretch-темплейта Ionic Sketch. В этом посте будет много девелоперского линго, он не совсем на русском языке этот пост.

Ionic Инструмент очень удобный Ionic позволяет на собирать гибридные мобильные приложения для нескольких платформ. Нужны знания Angular и общее понимание веба и мобильных сред разработки. Это не нативная скорость, конечно, есть свои плюсы и минусы, но для быстрых и относительно простых проектов вроде estimapp.com Ionic, как среда разработки вполне годится.

Больше года назад мы на базе гениальных авто-лейаутов Sketch пересобрали все 60 доступных в Ionic мобильных компонентов. Рисуешь приложение в Sketch, исправляешь глобальные стили, не добавляешь никаких кастомных элементов, подстраиваешь под дизайн, потом бац-бац буквально из хелперских сниппетов сляпываешь апп. Логику прописал, ключи добавил и вот приложения под 3 платформы, готовы к публикации, выглядят и оперируют, как задумано.

Недавно вышел большой апдейт Ionic, и мы подтюнили свой бандл. Его даже зафичурили на Product Hunt (скидка в комментах).

Скачать бесплатное демо Ionic Sketch можно тут »

Монстры для Sketch

Здесь в Окленде мы с ребятами собрали весёленькую библиотеку для создания монструозных аватаров. Работает в Sketch, построено на их крутых символах. Никаких дополнительных дизайнерских навыков не требуется: скачал, запустил, добавил в Library и поехали!

Файл помощи прилагается. Распространяется по принципу «плати сколько хочешь».

Monsters для Sketch на ProductHunt »

Градиенты для Sketch

Здесь в Окленде я бегал марафон и придумывал, как бы нам быстрее делать дизайны в Sliday. От скуки и нечего делать, с помощью наших талантливых программистов, перегнал градиенты из опенсорсного набора uigradients в темплейт Sketch. Теперь они стали стилями, и появляются в меню с доступными пользовательскими заливками-градиентами.

Работает как-то так:

Традиционно тиснул заметку на ProductHunt, там такое любят.

Качаем и плюсуем Gradients for Sketch »

LEGO для Sketch

Здесь в Окленде мы как-то болтали с программистами, и выяснили, что они (У — удивление) не очень любят заморачиваться с векторными кривыми Безье, наложением форм, чистотой углов и цветов. «Ах, был бы какой-то конструктор, чтобы по-быстрому лого сляпать» — мечтали разработчики!

Мы с дизайнерами Sliday посидели на выходных чуть подольше и после недели вялотекущего тестирования запустили мини-продукт под названием Build with Sketch.

Бесплатный темплейт использует сетку вложенных символов. Из них, как из кубиков LEGO, можно собирать логотипы, шрифтовые решения, паттерны и узоры всех мастей. Выглядит это примерно так:

Мы будем по мере возможностей дополнять и расширять набор символов-кирпичиков.

Скачать бесплатный Sketch-темплейт Build »
Распространяется по модели «плати сколько хочешь».

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

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

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

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

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