Менторите категория "Интерфейс" на vc.ru продължават да публикуват казуси и инструменти на български компании, които ще бъдат от полза за индустрията.

В този брой - историята на екипа от български theprotein.io на услуги. която дава възможност на дизайнери, разработчици и тестери да работят заедно за дизайна на интерфейси.

Вместо да изобретяваме колелото на други "нови" инструменти и рамки видях на живо staylgaydy или прилагат подход компонент основа, ние сме намерили начин да се провежда този набор - theprotein.io помага трансформиране на сегашния набор от инструменти за по полезен коктейл за здравословен начин на работа.

Неговата цел - да коляно революция на съзнанието в проектирането и разработването на интерфейси.

Инструменти, разработени от екип от България, чиито членове са работили в големи компании и проекти като "Яндекс", "Алфа-банка", "Мегафон" и "Производство", и знам от първа ръка на всички проблеми на развитие.

Протеин е насочена към сътрудничество в рамките на продуктовите екипи (проектанти, разработчици, тестери), но retrains някоя от тях, а не да се въведат нови сили в обичайния процес. Той помага да получавате максимума употреба и настройка на правилния хранителен режим в отбора се дължи на синхронизацията между отделните компоненти на тяхното представителство в различни технологии.

подход компонент

Компонент подход - начин да се разработи софтуер, който осигурява продуктивна работа на целия екип на продукта. Тя ви позволява да се раздели голям проект на по-малки части, които ще бъде по-лесно да се разработи, тества и поддържа. И по-независими един от друг, по-опростена са те, толкова по-добре.

Сам по себе си този подход - не е новост. Тя е приложима за почти всички области на развитие, включително разработването на интерфейси. Ако интерфейс проект разделено на независими компоненти, а след това работи по тях ще бъде по-лесно и по-лесно да се разделят на целия екип.

В допълнение към ползите по отношение на опростяването на разработка и поддръжка, подход компонент базирани дава възможност за лесна повторна употреба на системата, както между проекти и в себе си. След като събира библиотека от pereispolzuemyh компоненти на интерфейса може да бъде допълнително увеличен десетки и стотици проекти на същата основа, промяна само стилистично компонент.

Представете си една проста форма за вход в пощата. Тя се състои от поле за въвеждане на потребителско име и парола, както и бутона "Вход". Всички тези компоненти на интерфейса. Всеки от тях има своя собствена логика и дизайн. Тези компоненти са лесни за повторна употреба, тъй като 90% от логиката при всеки проект, за разлика от визуалната част, не се променя.

Това важи и за различни платформи. Така например, на мобилни устройства, тези компоненти и целия интерфейс може да изглежда и работи по същия начин, обаче, те са подредени по различни начини.

Протеин поема работата на синхронизиране визуално и технологично част от компонентите между своите постъпки. Чрез промяна на компонентите на една от платформите, вие ще бъдете в състояние да следят промените на всички останали участници.

Всичко друго, но, както и при всички подходи, по компонент има и своите недостатъци. Версията на проектни екипи на компонента, работим по дизайнерите и разработчиците на едно и също време може да варира. Това се случва на нивото на визуален дизайн, както и в технологично ниво.

Също така не може да бъде със същите версии на компонентите, които са в развитие, проектиране и prodakshene. Болка на актуализиране на модели и компоненти, познати на всеки програмисти и дизайнери, които работят с този подход. Както се казва, за удобство и комфорт има своята цена.

С болка и помага да се бори протеин, който поема работата на синхронизиране на компоненти, независимо от тяхната технологична база.

протеинова диета

Благодарение на компонентите на интелигентни синхронизация между представителствата на подкрепена вариант се намалява до една, и доставката на промените в екипа оставя ежедневието във фонов режим, което ви позволява да се максимизира skontsentrirovatsya върху продукта.

Вместо това, анализ на промените, които сега ще бъдат ангажирани Протеин: той ще разбере какви промени в оформлението, да ги превърне в кода на правилната платформа и доставят pullrekvestom хранилище. В обратна посока всички промени в кода, ще бъдат преведени на набор от инструкции за инструмент дизайн, който ще пресъздаде на промените в документа.

Протеин сега е в активна фаза на развитие. Ние планираме да започне продукта предварителните продажби вече тази Коледа. Годишният абонамент за лиценз група могат да бъдат закупени с повече от 50% почивка отстъпка. Цената на годишния лиценз е $ 99, а след официалното освобождаване ще нарасне до $ 199.

Нетна месечна тарифа е в етапа на планиране. Ние се опитваме да се настанят на интересите на екипите на различни нива и размери, и по този начин стигаме до въпроса внимателно. Цялата информация, скоро ще бъде на официалния уебсайт theprotein.io проекта.

интегрирани способности

Към днешна дата Kit Starter работи на Mac OS на скица, трябва да реагират. Ъглови и BEM-шаблони.

Starter Kit ви позволява да:

• komoponenty редактиране в любимия си инструмент за проектиране;
• редактирате визуално представяне на структурата и компонентите на живо преглед в инструмента за дизайн и любим един IDE;
• генерират staylgayd на живи компоненти с пълен набор от условия, за да видите на дисплея в инструмента за браузър и дизайн;
• акции компоненти между дизайнерите и разработчиците на различните комини технологии;
• да е ясно как библиотеки версии компоненти и сам всеки компонент;
• получават промени в проекта чрез pullrekvest код и инструкции;
• интегрирани компоненти на външни услуги.

Starter Kit включва основен набор от функционални инструменти, които могат да се разпространят в или интеграция с външни услуги срещу допълнително заплащане.

Например, когато създават компоненти С живеят за визуализация работи с данни в реално време, командата е предоставила интеграция _Аналитична. И да се използват неговите компоненти в прототипи ще бъде интегриран с Invision. FramerJS. Pixate и други видове онлайн инструменти дизайнери.

Протеин не променя запознат работния процес и предизвиква да привикнат целия екип да използва новия инструмент. Тя ви позволява да стартирате моментно и веднага се възползва.

За дизайнера ще изглежда Protein 2 преки пътища в инструмент за дизайн: ⌘P да изпрати изменения и ⌘⇧P да получавате. За предприемача - допълнително дистанционно управление в Protein Cloud хранилище.

за бърз старт

Протеин може да се използва, за да започнете наистина от нулата, без да има компонент библиотека или проект във всеки един стек технология.

За да направите това, ще бъде необходимо да се открие на услуги в и да създадете нов проект с помощта на уеб интерфейс или клиент Protein Transporter.

След това отворете скица, да създадете нов документ и започване на работата с Протеин клавиш ⌘⇧P. Ще бъде създадена нов документ artbord Хайд от компонентите, които могат да се използват като символи във всички оформления.

Сега можете да създадете прости компоненти бутон, по обичайния начин. Всеки компонент трябва да е в една група и да има уникално име.

Когато работата по компонента приключи, кликнете ⌘P да изпратите промените в хранилището. Протеин Transporter, за да създадете нов клон и направи izmneneniya в него и след това да ги предаде на хранилището.

Вземете хранилище компоненти възможно чрез Протеин Transporter (в горния пример) или конзолата чрез въвеждане в терминал команда:

Всеки компонент има конфигурационен файл, който описва името на класа, състоянието и начина на рисуване.

Компонент - абстракция на изпълнение технология в проекта. Като цяло, няма какво да се направи на компонента. Но с нарастването на неговата сложност, че може да се наложи стайлинг, който е описан в един от най-Препроцесорът, както и шаблон, който описва структурата на един от шаблони.

Това е всичко, което е необходимо да се работи с протеин.

Командите от терминал може да изпрати промените в дизайнер или друг член на екипа.

Всички членове на екипа ще получат съобщение, че тя кой компонент се е променил, и във всеки един момент, ще могат да получат тези промени.

Интеграцията в процеса

Но какво, ако вече имате проект, който използва предпроцесорни и шаблони? Какво става, ако използвате една от най-популярните CSS-рамки и библиотеки имате няколко компоненти?

Протеин безпроблемно се интегрира в нито технологичният сегмент, приета от екипа. Просто инсталирате приложението и Transporter Protein описват като обикновен компоненти довереник в рамките на проекта. На следващо място, с екип можете да staylgayd сглобен от елементи във всички държави и модификации и ще започне работа по проекта. Същото указание ще бъде предаден в облак, за да се синхронизира с друго представяне, като с скица.

Дизайнерите не довереник не трябва да бъдат написани. По време на инсталацията Protein Transporter се инсталира плъгин дизайн инструмент, който работи на проектанта. Той ще добави бързи клавиши за изпращане и получаване на промените.

Единственото изискване за компонентите - уникално име. Това може да се постигне методологии като BEM. SMACSS и др.

Снимки на екрани по-долу са описани като пример ръководство е сглобен от Twitter за първоначално зареждане. и ще го покаже в браузъра и скица.

Проектите могат да бъдат свързани към всеки брой на участниците и да ги развиват линейно, незабавно да накарате членовете на редакциите на екипа.

Обикновено, ако продуктът е на разположение на различни платформи, тя интерфейси са разработени и се поддържа независимо. Как много платформи, така че много набори от компоненти. Освен това, в списъка се умножава по броя на версии и членове на екипа на една и съща платформа. В най-добрия случай - един дизайнер, един разработчик и един продукт - продуктът макети, в интернет и е IOS 5 комплекта компоненти.

Поддържане на всички "биоразнообразие" под формата на konsistenom трябва да се справят с на нивото на камшик. Повечето от времето, този подход не работи. И с нарастването на отбора, платформи, както и списък с до 20-30 комплекта е заплаха за развитието на поддръжката на продукта, което е просто невъзможно. Да не говорим за факта, че продуктът не може да бъде такъв.

Протеин С набор от части на продукта, винаги ще бъде konsistentom и към днешна дата, в един екземпляр, и всички членове на екипа.

Планове и пазари

Веднага след като всички сили на отбора Protein'a хвърлят в пълно преобразуване на оформления, които благоприятно допълват възможността за конвертиране библиотеки съдържание.

Заедно с живо визуализация то бързо ще се съберат прототипи на живи производствени версии на компонентите, които могат безопасно да бъдат предавани в развитие без угризение на съвестта.

Благодарение на генерирането на код, базиран на технологично изпълнение на конкретен набор от компоненти, кодът ще е абсолютно валидна и не излишък под формата на допълнителен код, подобряване на визуалния дисплей.

Това е значителна стъпка напред в сравнение с всички съвременни услуги на прототипи, като например FramerJS. Pixate. proto.io или Принцип. код, който можете спокойно да отидете в кошчето.

Ние планираме да работим за подкрепа на различни платформи като Windows, Android и IOS, така че необходимите функции, за да работят и да направят живота по-лесен за разработчици, дизайнери и целия екип.