Били ли сте някога на отдалечена среща, за да обсъдите промени в дизайна, когато - по средата - осъзнаете, че няколко членове на вашия екип работят от стари остарели версии на вашето ръководство за стил? Шрифтът на заглавието е различен, бутоните са с грешен цвят, а последният дизайн промени иконата на кошницата за количка за пазаруване. Разговорът е дерайлиран и вместо да обсъждате новия поток за вход, изгаряте ценни минути, опитвайки се да насочите хората към правилния файл: app_screens_final-Final-FINAL-noreally-v4.sketch .

Не можем да продължим да живеем така.

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

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

I. Инсталирайте Craft for Sketch и синхронизирайте с облака

Нека започнем с инсталирането на Craft. Въпреки че Craft е мощен набор от приставки, налични както за Adobe Photoshop, така и за Sketch, ние ще се съсредоточим върху използването му със Sketch в тази част. Първо проверете дали вашата версия на Sketch е актуална и инсталирана в папката Applications на Finder. След това отидете на https://www.invisionapp.com/craft за да изтеглите Craft Plugin Manager.

Craft е набор от мощни плъгини за оптимизиране на работния процес на вашия екип.

Отворете файла и следвайте инструкциите, за да инсталирате Craft Plugin Manager. След като приключите, иконата Craft ще се появи сред иконите за бързо стартиране в заглавката на операционната система. Кликнете върху него и изберете да инсталирате всеки плъгин за платформата Sketch. Craft ще провери дали вашата версия на Sketch е актуална и ще предложи опцията за бързо рестартиране на програмата, след като активира желаните приставки.

Craft Manager ще се появи в заглавката на операционната система.

Една от основните атракции на Craft е, че екипите могат да синхронизират стилове и активи споделени в популярни облачни платформи като Dropbox, Google Drive и Box, като гарантират, че всички работят с една и съща библиотека.

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

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

Отворете документ в Sketch и проверете новия панел Craft, който се появи до инспекторския панел. Тук ще намерите инсталираните приставки, които сте активирали в Craft Manager: Sync, Library, Data, Duplicate, Freehand и Stock. За целите на тази част за екипното сътрудничество, ние се занимаваме предимно със Sync, Library и Freehand.

Приставките за занаяти ще се появят до инспекторския панел.

II. Изградете библиотека от стилове и споделени ресурси за вашия екип

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

Ръководство за стил с едно щракване

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

Започнете, като щракнете върху добавката „Библиотека“ и отидете в раздела „Документ“. Там ще видите опцията за генериране на страница с ръководство за стилове на тези, които вече съществуват във вашия документ.

Генерирайте ръководство за стил с едно щракване.

Voilà - Craft е генерирал ръководство за стилове за вас в едно просто действие, добавил ги е към текстовите стилове и цветове на вашия документ и дори е създал добре подредена страница, на която да се раздава на вашите разработчици! Какво време да си жив!

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

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

Библиотека на активите

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

В панела за приставки на библиотеката превключете към опцията „Споделено“, където ще намерите опцията за импортиране на библиотека или създаване на нова. След като сте създали поне една библиотека, ще видите падащ списък с наличните категории, както и възможността да добавите своя собствена. Предлагам да създадете отделни категории за иконите и бутоните, както и една за горните / долните колонтитули и една за променените активи, като потребителски аватар.

След като поставите организацията си на място, изберете всеки символ в документа, например икона, и след това щракнете върху интервала [+] в панела, за да го добавите към вашата библиотека.

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

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

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

III. Използвайте Sync и Freehand, за да споделяте дизайни и да получавате обратна връзка

Незабавно синхронизирайте платната с InVision

Отминаха дните на безкрайни цикли на изпращане на PDF документи по имейл - InVision улеснява създаването на кликващи прототипи и споделянето им с целия екип. Стандартният работен процес за InVision е да експортирате файлове с изображения от вашия дизайн и да ги качите в прототип на сайта. Приставката Sync в Craft suite елиминира повечето от тези стъпки.

С Sync можете да добавяте и актуализирате монтажни плочи директно към прототип в акаунта на вашия екип. Просто отидете до функцията Sync в панела Craft и изберете дестинацията от екрана си. От тук можете дори да стартирате нов прототип и да го споделите с екипа си за обратна връзка.

Sync прави всичко невероятно лесно, когато става въпрос за актуализиране на вашите прототипи InVision.

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

Режимът на проверка улеснява съотборниците ви да виждат стиловете във вашите проекти и дори да вземат CSS кода.

Поканете вашия екип да коментира, коментира и рисува вашите дизайни

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

В документа си отидете до панела Freehand и изберете да създадете проект Freehand от вашия документ или избрани монтажни плоскости.

Създайте свободно пространство за съвместна работа.

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

Това е почти като да си там.

IV. Допълнителни функции за вашия собствен работен процес

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

Бързо добавете измислено съдържание от мрежата

Само няколко примера за „изчакайте, какво означава този текст на lorem ipsum?“ По време на срещите, преди да признаете, че трябва да използвате реално съдържание във финалните си макети. Но кой иска да трябва да се обърне към интернет за снимки, заглавия, публикации и друго измислено съдържание, за да постави в своите дизайни и макети? След третото или четвъртото име може да е трудно да създадете фалшиви потребители със собственото си въображение.

Data е чудесен плъгин в Craft suite, който прави замяната на съдържание бриз чист въздух. Изберете фигура в оформлението си и отидете до приставката за данни, където можете да пускате снимки от собствените си папки или незабавно да добавяте произволни изображения без разпръскване от всяка категория. Можете дори да създавате свои собствени потребителски заявки, които да използвате отново и отново.

Незабавно вземете измислено съдържание и го поставете във вашите проекти, без да напускате Sketch.

Добавянето на текст като заглавия и съдържание на тялото е толкова лесно - просто изберете желаното текстово поле и изберете от многото категории в раздела 'Тип'. Екипът ми особено обича да използва заглавия от категорията „Мотивация“ като тестово съдържание.

Животът ви ще има много повече смисъл с Craft.

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

Генерирайте колони и редове от съдържание с равномерно разстояние

Друга причина, поради която се нуждаете от Craft във вашия живот, е, че той прави дублирането на обекти и групи обекти в перфектно подредени, равномерно разположени редове и колони невероятно бързо. Забравете за досадното копиране + поставяне. Просто изберете обект или група и след това посочете броя на колоните и редовете, както и разстоянието.

Задава броя на колоните и редовете, както и разстоянието.

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

След като въведете малко измислено съдържание от Data, направете незабавно пълен списък.

Добавете файлове директно от iStock и Getty Images

Преминали ли сте етапа на съдържанието на пълнителя и имате нужда от изображение за герой високо качество за макета? Най-новото допълнение към Craft Suite е приставката Stock, която ви позволява да свържете своя дизайн на скица директно с вашия акаунт с iStock или Getty Images. Потърсете подходящи изображения в панела и ги добавете към вашия дизайн с едно щракване. Едно по-малко прекъсване на работния процес на вашия дизайн!

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

заключение

Дизайнерските екипи винаги търсят начини да подобрят съвместния си работен процес и да поддържат синхронизирането на всички. Sketch и InVision промениха пейзажа за дизайнери на взаимодействия. Craft подобрява потенциала на тези инструменти за вашия екип, рационализиране и свързване на процеса на всеки, независимо от разстоянието. С набора приставки Craft for Sketch можете да спестите часове на дизайнерска работа.