Главное Авторские колонки Вакансии Образование
Выбор редакции:
2 814 2 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Как мы оформляем UI Kit для наших проектов

Только разработчикам доступно наслаждение нашими прекрасными интерфейсными гайдами. В них мы описываем стили, принципы организации интерфейса и показываем все изменения состояний элементов.
Мнение автора может не совпадать с мнением редакции

Для небольших проектов мы ограничиваемся сборкой всех ховеров, выпадашек и алертов на одном макете:

b_580633893bac9.jpg

Для сложных проектов мы разрабатываем большие гайды. Они позволяют разработчикам собирать проекты, не занимаясь самостоятельным творчеством:

b_5806338cb459d.jpg

Даже небольшой виджет требует свой UI Kit:

b_58063396b5e3e.jpg

Только избранным доступно наслаждение таким интерфейсным порно:

b_580633970759c.jpg

Для полей показываются активные и неактивные состояния, ошибки, шрифты. Кнопки, линки, ховеры, поп-апы, выпадашки, селекты, слайдеры, списки, алерты, уведомления, все надо собрать и описать:

b_580633976ed1f.jpg

Показываем взаимодействия с нестандартными решениями:

b_58063397ccbe9.jpg

Если вам нравится это также как и нам, пишите и добавляйтесь в социальных сетях. Мы на связи!

www.vershi.ru

Stay tuned

+3
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Dmitriy Kharchenko
Молодцы! Отличная статья, отличные примеры! Вы учите клиентов быть профессиональными заказчиками.
Ответить
Alex Bakatin
Классная статья! Кайфанул во время прочтения и изучения)

Согласен с Дмитрием — вы учите клиентов быть профессиональными заказчиками и это очень здорово :)
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.