Что такое UI Kit, как их использовать, какой от них профит?

Question

[heducose]

Часто встречаю такую категорию продукта как UI Kit. Пример - https://ui8.net/categories/ui-kits

Как и кем это используется на практике в работе?

Это чисто для дизайнеров, что-ли? Не для кодеров? Что это такое вообще? Набор картинок? Проект в PSD? Готовый код?

Если это просто картинки - то на кой черт это вообще кому-то нужно?

Answer 1

[lukoie]

Как и кем это используется на практике в работе?

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

Это чисто для дизайнеров, что-ли? Не для кодеров? Что это такое вообще? Набор картинок? Проект в PSD? Готовый код?

В общем и целом - это примерно проект в ПСД.
Его могут использовать уже даже на этапе прототипирования.
Кодеры, которые могут порезать ПСД, или заверстать сайт с ПСД также могут этим пользоваться.

Если это просто картинки - то на кой черт это вообще кому-то нужно?

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

Answer 2

[Илья Дзенски]

UI Kit используется для того, чтобы дизайнер не тратил время на создание своего Kit при работе над проектом. Например, у тебя есть готовый набор компонентов под sketch - кнопки, формы ввода данных, размеры заголовков, цвета. Тем самым, ты можешь сконцентрироваться на взаимодействии с пользователем, а не на отрисовывании картинок.

Естественно, Кит больше подходит под сервисы и службы, которые чаще всего "безлики" (например если посмотреть на оформление самого Тостер - это прекрасный пример продукта который можно вывести за счет UI Kit). Чаще всего Kit это набор не картинок, но компонентов дизайн-системы.

Comments

[heducose]

Т.е. это просто набор отрисованных элементов в Фотошопе/Скетче из которых дизайнер делает макет? Т.е. это то что всучивают ло..клиенту?

[iBird Rose]

heducose: UI Kit не всучивают клиенту. UI Kit покупают сами дизайнеры для пополнения своего набора элементов, чтобы с помощью них штамповать новые макеты и дизайны.

[heducose]

iBird Rose: ну так я и говорю - всучивают то, что склепали с помощью UI Kit

[Илья Дзенски]

heducose: Фимушкин хорошо ответил на этот вопрос. К примеру если хотите делать для Android приложений у вас полюбому будут использоваться гайдлайны Google, и проще взять набор готовых элементов чем рисовать все самому.

[heducose]

Илья Дзенски: проще уже в браузере сделать на готовых фреймоврках - зачем бестолочей каких-то кормить непонятно? ЧТоб картинку сначала нарисовали? Зачем? Разводить лоха на бабло? А ну понятно.

[heducose]

Гайдлайны Гугл одни единственные - зато UI Kit - тысяча...

[heducose]

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

Вы меня простите, а как это? Ну вот серьезно, если все уже готово, отрисовано, то что должен делать дизайнер? Медитировать на взаимодействие с пользователем и пить смузи? Не сочтите за грубость лично к вам, спасибо за ясный ответ. Просто пытаюсь понять эту индустрию...

[lukoie]

heducose: дизайнер дает готовый гайдлайн и юайкит для того чтобы _верстальщики_ на основе готовых элементов могли строить интерфейсы.
Например, у некоего приложения появляется дополнительный модуль. Вместо того, чтобы нанимать дизайнера с соответствующим рейтом, верстун складывает интерфейс на основе готового юайкита.

[heducose]

lukoie: т.е., теоретически, верстальщик/кодер может самостоятельно юзать эти киты в качестве "вдохновения" или образца, тем самым не нанимая дизайнера? Хм, это вероятно. Лично я таким образом просто собираю примеры качественных сайтов и потом ими вдохновляюсь.

[lukoie]

Да. Это, по сути, оно и есть. Нечто среднее между шаблонным фреймворковым и кастомным дизайном. Если продается само по себе.
Вообще, у нас на курсах вебдизайна юайкит делает в итоге каждый выпускник под свой проект. Ты его и клиенту передаешь(это и дополнительный финт ушами, и визуально повышает стоимость, и в итоге не из ПСДшки ж будет выдергивать кнопочки и формочки некто, кто после тебя может будет дорисовывать то, что вдруг вспомнит клиент что он забыл.
Ну и для себя тоже - через месяц-другой проще из юайкита вытаскивать элементы, чем из ПСДшек.

[lukoie]

Недавно кстати застал одного дизайнера за творческой работой - делал юай просто так, для вдохновения, для практики. В итоге, сделал приложение ни о чем. Зато контролы, элементы есть. Так что он вполне может теперь оформить то, что он настрадал, в юайкит, и выставить за 5 баксов.
Убил трех вомбатов одним бумерангом.