Дизайн единство как да създадете ръководство за стил

Напоследък ръководствата за стил на Frontend се използват все по-често при разработването на UX. Както Джеф Готелф и Джош Сейден пишат в книгата си Lean UX, корените на това явление се крият в Agile и Lean методологиите.

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

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

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

ръководство

Lightning Design System на Salesforce описва отделен интерфейсен елемент, основна група от бутони и предоставя пример за използването му, както и насоки за това как да го използвате и как да използвате алтернатива, неактивна група от бутони. Пример е случай от реалния живот, представен в крайния продукт

Защо се нуждаете от ръководства за стил

Целта на ръководството за стил е да събере всички крайни елементи от интерфейса на продукта на едно място - модулната библиотека. Има две основни предимства за екипа на UX: той увеличава ефективността на прототипирането на идеи и тяхното изпълнение, а също така опростява спазването на визуалното единство на стила. Дизайнерите и разработчиците са също толкова мързеливи, колкото всички останали (в добър смисъл, тоест те са склонни да спестяват собствените си сили и ресурси на компанията), така че ако вършите по-малко работа и в крайна сметка ставате само по-добри, те ще го направят по-добре отколкото ще създадат нещо от нулата, което ще унищожи цялата визуална концепция.

С готово ръководство за стил, екипът на UX прекарва значително по-малко време, създавайки висококачествени оформления за всяка своя идея; напротив, компонентите на ръководството са по-добри от всяка скица, за да посочат мястото на даден елемент в дизайна. Библиотеката е полезна и за прототипиране: с нея UX специалистите могат бързо да съставят реалистични прототипи за тестване на използваемост или демонстрация на клиенти.

Знаете разликата

единство

Книгата с марките на Adobe НЕ е ръководство за интерфейс. Но челните ръководства често включват много от елементите, специфични за марките книги.