Ослобађање дизајнерских система

Испорука међусобно повезаних излаза усвојеницима током времена

Бр. 1 од 6 у серији Ослобађање дизајнерских система:
Излази | Цаденце | Версионс | Бреакинг | Зависности | Процес

Компаније схватају вредност дизајнерског система приликом усвајања производа који користе систем за прављење и испоруку искустава која користе њихови купци. Као део тог ланца вредности, систем током времена пушта функције. То систем ставља у руке свог купца: дизајнера и инжењера који раде свој посао.

Јаки системски тимови озбиљно прихватају издања. Они не виде да испуштају само компонентни код библиотеке. Уместо тога, они пружају много више резултата: дизајнерске токене, документацију, имовину за дизајн и друге ресурсе.

Ова серија описује многе аспекте ослобађања дизајнерских система. Све започиње дефинисањем многих резултата система и места где се они испоручују. Следећи чланци покривају теме каденце, верзије, пробијања промена, зависности и приступа корак по корак.

Ове приче одражавају оно што сам научио пуштајући системе радећи са тимовима попут Дисцовери Едуцатион, Морнингстар, Таргет и РЕИ. Они су повишени увидом колега у компанији Салесфорце, Адобе, Атлассиан, Схопифи и Финанциал Тимес. Хвала што љубазно делите своје време и праксе!

Резултати: Шта је објављено?

Програми дизајнерских система ослобађају много врста излаза, а не само код. Као резултат тога, систем би требало да разликује и комуницира овај распон вертикалних резултата програмерима, дизајнерима и другим купцима.

Код, извор истине

Већина система нуди један извор истинитости кода слоја презентације као:

  • Библиотека компоненти корисничког сучеља као ХТМЛ означавање и ЦСС. Потрошња овог пакета често се назива „ЦСС“ и зависи од коришћења или компилирања ЦСС-а као конзистентне основне визуелне поставке заједно са поновном употребом ХТМЛ исјечака.

и / или ...

  • Библиотека компоненти корисничког сучеља као Јавасцрипт: Многи системи омотавају ХТМЛ и ЦСС ЈаваСцриптом да би учврстили логику, инкапсулирали стил и олакшали интеграцију и одржавање директније у оквиру избора. Док већина библиотека циља одређени оквир (Реацт, Вуе, Ембер, Ангулар, ...), индустријски сигнали сугерирају прелазак на израду веб компоненти за све оквире. Моја последња шест системских напора? Каснија 2017. година: Ванилла ХТМЛ, Ванилла ХТМЛ. Почетком 2018: Реацт, Вуе. Каснија 2018 .: Веб компоненте, веб компоненте.

Поред тога, други истакнути резултати могу се објавити одвојено:

  • Дизајнерски токени успостављају визуелни стил путем семантички значајних парова својстава и вредности. Токени су променљиве доступне у многим форматима за употребу на платформама (веб, иОС, Андроид), предпроцесорима (Сасс и ЛЕСС) и оквирима (попут Реацт). Неки системи управљају токенима у спремишту одвојено од кода компоненте УИ. Као резултат тога, њихова библиотека - заједно са другим имплементацијама - такође може зависити од токена као пакета.
  • Демо апликације / веб локације као окружење са примерима страница изграђеним помоћу библиотеке компонената. Демонстрација је такође намењена за подуке и брзо израђивање прототипа, укључујући дизајнере!
  • Компоненте на више платформи погодне за иОС, Андроид и Виндовс.

Пројектна имовина

Већина тимова ограничава разумевање онога што објављују на једноставно „пуштамо код.“ Отварање очију за њих је да схвате да објављују толико много других алата који се временом мењају. То укључује:

  • Дизајнерски приручници као датотеке шаблона и библиотеке симбола понуђене у софтверу за дизајн. Данас, скоро увек Скетцх. Сутра, Фигма, Инвисион Студио и остали нови такмичари?
  • Фонтови, иконе, па чак и Оригамијеве слике постављају због често очекиване улоге система у дистрибуцији и верзији таквих библиотека.
  • Остали дизајнерски ресурси попут илустрација и боје АСЕ / ЦЛР датотека у боји као одскочна даска за израду уметничких дела. Те се колекције мењају полако, мање формално и доприносима чланова заједнице који нису део основног тима система. Ипак, из перспективе купца и комуникације система, то је део система.

Сајт документације

Системима дизајна потребан је дом, место за које сви знају да могу пронаћи пут до свега што ће имати најновије и најбоље. Смештен на незаборавној УРЛ адреси, често је састављен од компоненти корисничког сучеља које су специфичне за његову мисију.

  • Документацијска мјеста описују функције (попут гумба), укрцавање нових корисника и покрећу процесе попут добијања помоћи или доприноса. Тимови граде сајтове чешће користећи статички генератор сајтова или ређе са системом за управљање садржајем.
  • Компоненте документације - код-пример-пар, до-донт, хекс-код, екплорер компонената - зависе од библиотеке компоненти корисничког сучеља и обично служе само доц локацији. Такве компоненте могу бити вертикално постављене на месту документације или као трећа, библиотека одвојена од доц-а и компоненти корисничког сучеља између којих се налазе.

Дестинације: Где иде?

При дистрибуцији кода и дизајнерских средстава, од кључне је важности да се код понуди на начин који најлакше конзумира ваш инжењер. То значи да неки системи морају понудити избор у многим опцијама, док се други могу ослонити на један избор као организациони стандард.

За код

  • НАЈБОЉЕ: Регистри попут нпмјс (или интерног пакета попут Ненатуса Сонатипа) који омогућавају приступ и управљање објављеним пакетима кодова. Програмери затим користе алате као што су бовер, нпм, пређа, вебпацк и бабел како би интегрисали и надоградили тај код у несметано.
  • БОЉЕ: Гостовани ресурси на ЦДН-овима за директне везе до различитог стила и скрипта, као и фонтови и иконе који се мењају спорије.
  • ЈУСТ ОК: Приступ спремишту за Гитхуб, Битбуцкет или слично да би се клонирао, форкирао или на неки други начин саставио, користио и можда - на крају - допринео.
  • АКО ЈЕ ПОТРЕБНО: Преузимања директног кода, обично „ЗИП датотека“ састављених или некомпилованих системских средстава са доц веб локације за локалну употребу и / или ручну интеграцију у засебно складиште.

Боотстрап и Материал Десигн Лите су примери који се објављују на 2+ дестинација.

За дизајнерске алатке

  • НАЈБОЉЕ: Креирајте Ново као синхронизовани, уграђени пут у менију алата за дизајн да бисте створили нову инстанцу из шаблона.
  • БОЉЕ: Развијено и дистрибуирано помоћу софтвера за управљање имовином заснованим на дозволи као што су Сажетак или Линго.
  • ДОБРО: Директно преузимање скупа алата са странице документације, са назначеном јасном верзијом и придруженим документима Увод у рад.
  • ЈУСТ ОК: Дељени диск, путем добро објављеног и евентуално поједностављеног интерног УРЛ-а (као што је хттп: //систем.уитоолкит).
  • НИЈЕ ДОБРО КАО: Сахрањени на некој страници четвртог нивоа на једва организованом вики сајту многи људи не могу да пронађу.

Следеће → # 2. Каденца