Начална » Уеб дизайн » Десет живи стил Ръководство Инструменти за уеб дизайнери - Най-доброто от

    Десет живи стил Ръководство Инструменти за уеб дизайнери - Най-доброто от

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

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

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

    1. Стилизирайте Ме

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

    2. Производител

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

    3. Фронтифицирайте

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

    4. Aigis

    с Aigis, можете да генерирате ръководства за стил от всички текстови файлове (напр. .CSS, .SCSS, .Styl, .MD). Можете също да напишете документация в Markdown и да персонализирате темата на сайта си.

    5. Холограма

    холограма е създадена от Trulia и е чудесно решение за генериране на ръководства за стил. Това е скъпоценен камък на Руби анализира коментарите във вашия CSS за да генерира страхотни ръководства за стил. Холограмата има система за шаблони с някои основни стилове и навигация, за да направите вашия справочник за стил още по-лесен.

    6. Изглед

    с Styledown, можете да пишете CSS стил ръководства с лекота, тъй като това е a Генератор за ориентиране в стил Markdown. Той ще работи с повечето настройки за уеб разработки, тъй като е неутрален на платформата. Това изисква много малко, за да се получи. Също така, коментарите, които трябва да добавите към вашия CSS са много минимални. Можете да създадете вашата CSS документация или в вградени CSS коментари, или като отделен файл за маркиране.

    7. KSS

    KSS (Листове за стил на Knyle) е преди всичко a спецификация на документацията и стил ръководство формат, който има свой собствен синтаксис за коментиране. KSS включва и библиотека Ruby, която анализира .дръзки приказки, .SCSS, и .CSS файловете, документирани с указанията на KSS, в чист наръчник за стил. KSS е за по-напреднали потребители и професионални екипи, тъй като генерирането на ръководство за стил с него изисква кодиране на знания.

    8. Ръководство за стил SC5

    С Ръководство за стил SC5 можете да създавате и редактирате ръководства за стил директно в браузъра си. то е на базата на KSS с включени някои страхотни функции, като например потребителския интерфейс на AngularJS, който ви помага да преглеждате, търсите и тествате вашите стилове. SC5 използва същата документация като KSS. Той поддържа SASS, LESS, PostCSS и чисти CSS стилове.

    9. Styledocco

    StyleDocco е удобен Node.js приложение, което създава ръководства за стил от стиловете. Можете да го инсталирате с npm. В генерирания стил, StyleDocco показва преглед със стиловете, които сте приложили, и пример за HTML кода.

    На началната страница на StyleDocco можете да намерите два примера за ръководство за стил, един генериран от подразбираща се стилова таблица, и друга, генерирана от Bootstrap сайт. Примерите също могат да ви помогнат да вземете синтаксиса на документацията, който SytleDocco използва.

    10. Lab Lab

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