Руководство по UI Kit INSIGHT: как делать качественные проекты без дизайнера

Для удобства пользователей платформы Insight наша команда разработала User Interface Kit (UI Kit). Это библиотека готовых компонентов, с помощью которых можно создать графический мобильный или веб-интерфейс. Он состоит из цветов, шрифтов, стилей, сеток, тем, иконок и т.д. Этот инструмент поможет пользователям упорядочить используемые в веб-проекте элементы, цвета и типографику, а также привести интерфейс к единому стилю, благодаря чему проект в конечном итоге будет лучше восприниматься.

Вы можете использовать UI Kit Insight, если:

у вас в команде нет постоянного дизайнера;
вы хотите ускорить процесс создания приложения;
привести приложения в единый дизайн;
улучшить восприятие конечного проекта.

UI Kit разработан в графических редакторе Figma. Он доступен для всех пользователей. Найти его можно здесь.

Давайте подробно пройдемся по его основным инструментам для дизайна и визуализации приложений. К ним относятся:

Стили: шрифты и палитра цветов.
Объекты проектов: виджеты, таблицы, сетки, примеры приложений, темы проект.
Прочие компоненты: иконки, атомы.

Стили

В данном разделе представлены рекомендации по оформлению текстовых

элементов и использованию цветов в проектах.

Шрифт

Рекомендуемые стили параграфов (жирность, размер, межстрочный интервал, цвет):

Заголовки (H1, H2, H3).
Основной текст (body, small, xsmall).

Цветовая палитра

1. Рекомендации по выбору цветов для темного режима

Насыщенные цвета также легко можно преобразовать из светлой темы в темную тему, используя симметрию. В настоящее время у нас настроено 10 образцов в каждой палитре. Если разделить образцы пополам, каждая половина становится зеркальным отражением другой.

Например, если цвет кнопки равен 700 в светлой теме, то в темной теме он будет равен 400. Если фоновый цвет секции сообщения равен 100 в светлой теме, то в темной теме он будет равен 1000.

Есть светлая нейтральная шкала и эквивалентная ей темная нейтральная шкала. Значение Neutral100 в светлой нейтральной шкале должно соответствовать значению DarkNeutral100 в темной нейтральной шкале.

2. Палитра - цвета для использования при настройке виджетов (столбцы, линии, доли, точки, плитки и пр. в диаграммах)

3. Примеры нейтральных светлых и темных цветов:

Объекты проектов

В данном разделе представлены виджеты, таблицы, сетки, примеры приложений (в том числе в разных темах).

Виджеты

На вкладке “Виджеты” вы можете найти все виджеты Insight, стилизованные по правилам Цветовой палитры и Типографики в двух темах - тёмная и светлая. Пример:

Порядок работы с данным разделом:

Ознакомиться с содержимым - узнать, какие вариации настройки виджетов существуют в Insight. Например, комбинированная диаграмма может выполнять роль сразу нескольких визуализаций:
1. Линейная диаграмма
2. Линейная диаграмма с заливкой
3. Столбчатая диаграмма
4. Столбиковая диаграмма
5. Пирамидка
При подготовке макетов и прототипов для проектов использовать виджеты из данного раздела - для сокращения времени на изображение наиболее популярных визуализаций данных.
3. На основе данного раздела разработать собственный UI Kit - с применением брендбука своей компании.

Совет: Все визуализации из раздела “Виджеты” предварительно настроены на демо-данных в Редакторе Insight. Вы можете воспользоваться ими, перейдя в проект “Виджеты Insight”, и скопировав нужный виджет в свой проект.

Таблицы

На вкладке “Таблицы” вы можете найти варианты табличных форм представления данных в Insight, содержащие различные компоненты - значения, прогресс бары, бейджи, чек-боксы, картинки и пр.

Примеры:

Порядок работы с данным разделом:

Ознакомиться с содержимым - узнать, как могут выглядеть таблицы в Insight. Важно помнить, что благодаря существованию виджета “Конструктор таблиц”, который предлагает неограниченную свободу действий в вопросах разметки таблицы (например, в одной ячейке могут содержаться картинка, несколько подписей, прогресс бар и кнопка), невозможно показать все многообразие вариантов табличных визуализаций - все ограничивается лишь вашей фантазией.
При подготовке макетов и прототипов для проектов использовать таблицы из данного раздела - для сокращения времени на изображение наиболее популярных визуализаций данных.
На основе данного раздела разработать собственный UI Kit - с применением брендбука своей компании.

Совет: Все визуализации из раздела “Таблицы” уже предварительно настроены на демо-данных в Редакторе Insight. Вы можете воспользоваться ими, перейдя в проект “Таблицы Insight”, и скопировав нужный виджет в свой проект.

Сетки

На вкладке “Сетки” вы можете найти примеры конструирования Сетки страницы - как с помощью Контейнеров в Простом режиме, так и с помощью слотов Разметки в режиме Эксперт.

Примеры:

Совет:
Все примеры Сеток уже предварительно настроены в Редакторе Insight. Вы можете воспользоваться ими, перейдя в настройки макета сетки в виджете “Разметка” и выбрав соответствующий шаблон:

Примеры приложений

На вкладке “Примеры приложений” расположены примеры одностраничных приложений, собранных в стилистике UI Kit Insight.

Совет:
Все приложения из раздела “Примеры приложений” уже предварительно настроены в Редакторе Insight. Вы можете воспользоваться ими, перейдя в раздел “Шаблоны”, выбрав соответствующий шаблон и на уровне Конструктора приложений, импортировав шаблон в своей проект.

Темы проекта

На вкладке “Темы проекта” вы можете увидеть реализацию одного и того же приложения, выполненного в разных тональностях Цветовой палитры.

Прочие компоненты

Раздел содержит две вкладки - “Иконки” и “Атомы”. Они агрегируют в себе как рекомендованные к использованию иконки (состав которых вы, разумеется, можете расширять под свои задачи), так и компоненты, из которых состоят виджеты:

Табличные компоненты:

Значения
Заголовки
Пагинация
Кнопки
Иконки
Аватары
Бейджи
Чекбоксы и радио-кнопки
Прогресс бары

Цветовую индикацию действий:

Наведение
Нажатие
Элементы графиков:
Столбцы
Линии осей
Подписи

Организация пространства с UI Kit

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

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

Пример организованного пространства с использование UI Kit Insight:

Уже сейчас вы можете пользоваться BI-системой Insight 30 дней бесплатно. Для этого необходимо зарегистрироваться на сайте

И мы всегда будем рады вас проконсультировать - заявка на консультацию.

Российская Федерация, город Москва.
Дата размещения: 26 апреля 2023 г.
Дата вступления в силу: 26 апреля 2023 г.

ПУБЛИЧНЫЙ ДОГОВОР-ОФЕРТА
НА ПРЕДОСТАВЛЕНИЕ ПРАВА ИСПОЛЬЗОВАНИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ (ПРОГРАММЫ ДЛЯ ЭВМ)

ОБЩИЕ ПОЛОЖЕНИЯ
В соответствии со ст.437 Гражданского кодекса Российской Федерации (далее – ГК РФ) настоящий документ, адресованный неограниченному кругу лиц, именуемым далее по тексту «Лицензиат», является официальными публичным предложением (далее – офертой) Общества с ограниченной ответственностью «Эй Би Си Солюшенс», именуемого далее по тексту «Лицензиар», заключить Лицензионный договор на предоставление права использования программного обеспечения (программы для ЭВМ) на условиях, предусмотренных настоящей офертой, и содержит все существенные условия предоставления Лицензиаром программного обеспечения (программ для ЭВМ), размещенных на сайте в сети Интернет по адресу: https://goodt.me/try_insight/ Оферта вступает в силу с момента её размещения на сайте в сети Интернет по адресу: https://goodt.me/try_insight/(далее – сайт), и действует до момента размещения Лицензиаром на сайте официального извещения об отзыве оферты. Последним днем срока действия оферты, в том числе, может являться дата опубликования на сайте информации об отзыве оферты.

ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
В настоящем Договоре следующие слова и выражения должны иметь нижеуказанные значения, кроме тех мест, где это иначе требуется по тексту:

Договор – настоящий договор между Лицензиаром и Лицензиатом на предоставление права использования программного обеспечения, который заключается посредством Акцепта Оферты. Договор действует с момента Акцепта Оферты до момента его одностороннего, двустороннего расторжения или окончания срока, указанного в п.1.2.
Акцепт - полное и безоговорочное принятие всех условий настоящего Договора-оферты. В связи с вышеизложенным, внимательно прочитайте текст данной публичной оферты и, если Вы не согласны с каким-либо пунктом оферты, Лицензиар предлагает Вам отказаться от акцепта настоящей оферты.
Лицензиар – автор (разработчик),правообладатель исключительного права на программу для ЭВМ, имеющий правомочия на передачу прав пользования программой по лицензионному договору.
Лицензиат - юридическое или физическое лицо, заключившее с Лицензиаром Договор на условиях, содержащихся в Оферте.
Простая неисключительная лицензия - неисключительное право использовать экземпляр Программы на территории Российской Федерации для собственного потребления под обозначенным Лицензиаром именем, без права переделки или иной переработки, без права распространения.
Сайт – открытый для свободного визуального ознакомления, публично доступный ресурс, размещенный в сети Интернет по адресу https://goodt.me/try_insight/, посредством которого обеспечивается отображение информации об условиях предоставления программного обеспечения.
Программа для ЭВМ –Платформа быстрой разработки аналитических приложений «Инсайт»/ «Insight» далее – Программа и/или ПО.
В Оферте могут быть использованы термины, не определенные настоящим разделом Оферты. В этом случае толкование такого термина производится в соответствии с текстом Оферты. В случае отсутствия однозначного толкования термина в тексте Оферты следует руководствоваться толкованием термина, определенным: в первую очередь – законодательством РФ, затем - сложившимся (общеупотребительным) в сети Интернет.

ПРЕДМЕТ ДОГОВОРА
1. По настоящему ДоговоруЛицензиар обязуетсяпредоставить Лицензиату право использованияпрограммы для ЭВМ (далее по тексту –ПО) на условиях простой (неисключительной) лицензии способами и в пределах, указанных в Договоре, а Лицензиат обязуется принять предоставляемое право и соблюдать условия использования ПО.
2. Правоиспользования предоставляются натестовыйпериод– 90 (девяносто) календарных дней с даты предоставления права использования ПО. Лицензиар предоставляет право использования путемудаленного доступа к программе для ЭВМ через web-интерфейс на web-сайтеhttps://goodt.me/try_insight/ с использованием зарегистрированной учетной записи Лицензиата в течение 10 (десяти) рабочих дней с даты подписания Договора. Тестовый период использования ПО подразумевает под собой безвозмездное предоставление Лицензиату права использования конкретной конфигурации Программы с функционалом, определенным Лицензиаромв соответствии с п.1.8 настоящей Оферты, на условиях неисключительной лицензии с целью ознакомления Лицензиата с возможностями ПО, исключая какое-либо право использование в предпринимательской деятельности Лицензиата. Лицензиару принадлежат все интеллектуальные права (интеллектуальная собственность), включая без всяких ограничений авторские и патентные права в отношении ПО, предоставляемого в пользование по Договору. Лицензиар гарантирует, что является правообладателем исключительного права на ПО и исполнение Договора не нарушает каких-либо прав третьих лиц, в том числе прав интеллектуальной собственности, авторских, смежных прав, и иных прав, предусмотренных действующим законодательством РФ. Исключительные права на ПО принадлежат Лицензиару на основании Свидетельства о государственной регистрации программы для ЭВМ №2020662514, дата государственной регистрации 14.10.2020 г.
3. Лицензия, предоставляемая Лицензиату по Договору, является простой (неисключительной). За Лицензиаром сохраняется исключительное право на ПО в полном объеме, а также право выдачи лицензий другим лицам, и ничто в Договоре не может толковаться как согласие Лицензиара на передачу исключительного права на ПО Лицензиату.
4. Во избежание сомнений Лицензиат является конечным пользователем ПО, несет все права и обязанности Лицензиата, предусмотренные ГК РФ, а также является лицом, ответственным за любые нарушения условий Договора и исключительных прав Лицензиара. Лицензиарпредоставляет право использования ПО Лицензиату без права предоставления третьим лицам права использования ПО (сублицензирования).
5. По Договору использование ПО Лицензиатом допускается на территории Российской Федерации.
6. Лицензиар и Лицензиат признают, что консалтинговые услуги, инсталляция ПО, подготовка пользователей данного ПО Лицензиата не являются предметом настоящего Договора. Такие услуги могут быть оказаны только по отдельному договору, заключаемому между Лицензиаром и Лицензиатом.
7. Использование ПО регулируется настоящейОфертой, а также следующими документами, которые являются неотъемлемой частью настоящей Оферты: Условия и ограничения использования ПО, Соглашение об охране конфиденциальной информации и информации,составляющей коммерческую тайну.
8. Начиная использовать ПО/его отдельные функции, либо пройдя процедуру регистрации, Лицензиат считается принявшим условия настоящей Оферты в полном объеме, без всяких оговорок и исключений. В случае несогласия Лицензиата с какими-либо из положений Соглашения Лицензиат не вправе использовать ПО. В случае если Лицензиаром были внесены какие-либо изменения в Оферту в порядке, предусмотренном пунктом 7.5, с которыми Лицензиат не согласен, он обязан прекратить использование ПО.
АКЦЕПТ ОФЕРТЫ
1. Акцептом настоящей Оферты является совершение Лицензиатом действий, указанных в настоящей Оферте, свидетельствующих о принятии Лицензиатом условий Оферты в полном объеме, в том числе, совершении действий по выполнению указанных в настоящей Оферте условий в соответствии с п. 3 ст. 434 и п. 3 ст. 438 Гражданского кодекса РФ.
2. Акцепт Оферты, совершенный Лицензиатом, означает полное и безоговорочное согласие Лицензиатом с её условиями. Акцепт Оферты является подтверждением того, что:
  - все и любые условия Оферты принимаются Лицензиатом целиком и полностью без каких-либо оговорок и ограничений;
  - Лицензиат ознакомлен со всеми условиями предоставления доступа к Программе Лицензиаром и условиями настоящей Оферты;
  - Лицензиату понятны все условия предоставления доступа к Программе Лицензиаром и условия Оферты;
  - условия Оферты полностью соответствуют воле, потребностям и требованиям Лицензиата.
3. Акцепт Оферты означает, что Оферта не содержит указанных в п. 2 ст. 428 Гражданского кодекса условий, а равно не содержит иных явно обременительных для Лицензиата условий, которые Лицензиат, исходя из своих разумно понимаемых интересов, не принял бы при наличии у него возможности участвовать в определении условий Оферты.
4. Регистрация на сайте https://goodt.me/try_insight/ и подтверждение электронной почты, указанной при регистрации, является акцептом настоящей Оферты.
5. Лицензиат понимает, что акцепт настоящей Оферты в порядке, установленном настоящей Офертой, равносилен заключению договора на условиях, изложенных в Оферте.
6. Совершая действия по акцепту Оферты Лицензиат гарантирует, что он является право- и дееспособным лицом, а также имеет законные права вступать в договорные отношения с Лицензиаром. Лицензиат гарантирует, что отношения представительства, в случае их наличия, надлежащим образом оформлены.
ПРАВА ЛИЦЕНЗИАРА
1. Отслеживать как по месту нахождения Лицензиата, так и удалённо объёмы использования в целях недопущения превышения объёмов, установленных Договором. Лицензиат обязан сотрудничать с Лицензиаром при проведении подобных проверок и оказывать всевозможную помощь в их проведении, в том числе, по требованию Лицензиара, предоставлять в части, необходимой для осуществления контроля, доступ к компьютерам (их жестким дискам, серверам и т.д.).
2. Временно приостановить предоставление права использования ПО по техническим, технологическим или иным причинам на время устранения таких причин, с предварительным уведомлением Лицензиата.
3. Осуществлять ограничение отдельных действий Лицензиата, если такие действия создают угрозу для нормального функционирования ПО.
4. Удалить учетную запись (аккаунт) (если применимо) и все данные Лицензиата по истечении 1 (одного) месяца с момента прекращения действия Договора.
5. Требовать соблюдения Лицензиаром сохранности, предоставленной Лицензиатом документации, конфиденциальности в отношении любой информации и документации, полученной от Лицензиата по Договору, а также ставшей известной в ходе исполнения обязательств по Договору.
ОБЯЗАННОСТИ ЛИЦЕНЗИАТА
1. Оказывать Лицензиару полное и своевременное содействие при исполнении им своих обязательств по Договору.
2. Отслеживать данные о количестве лицензий и сообщать об использовании ПО с иной целью, отличающейся от установленной в п.1.2 Договора.
3. Проинформировать Лицензиара о сбоях в работе ПО. При этом Ответственность за организацию процедуры защиты информации и резервного копирования данных на случай сбоев или некорректной работы ПО или Оборудования Лицензиата, несёт Лицензиат.
4. Обеспечивать конфиденциальность своих авторизационных данных (логина и пароля). На Лицензиате в полном объеме лежит риск последствий утраты авторизационных данных.
5. Указывать свои достоверные и точные данные при регистрации в ПО.
6. Не использовать ПО для:
  - умышленного нарушения действующего законодательства и иных нормативно-правовых актов Российской Федерации, а также, норм международного права;
  - распространения заведомо ложных сведений, порочащих честь и достоинство третьих лиц или подрывающих их репутацию;
  - причинения вреда Лицензиару или третьим лицам;
  - распространения спама, запуска вредоносного программного обеспечения и размещения другой информации, запрещенной к распространению законодательством Российской Федерации.
ОТВЕТСТВЕННОСТЬ СТОРОН
1. а невыполнение или ненадлежащее выполнение обязательств по Договору Лицензиар и Лицензиат несут имущественную ответственность в соответствии с действующим законодательством Российской Федерации.
2. В случае использования Лицензиатом ПО способом, не предусмотренным Договором, либо по прекращении действия Договора, иным образом за пределами прав, предоставленных Лицензиату по Договору, либо разглашении Лицензиатом Конфиденциальной информации, собственником которой является Лицензиар, Лицензиат по письменному требованию Лицензиара возмещает все убытки в полном объеме, понесенные в результате нарушений Лицензиатом условий настоящего Соглашения, а также уплачивает штраф в размере 100 000 000 (ста миллионов) рублей. Штраф должен быть уплачен в течение 30 (тридцати) календарных дней с момента предъявления Лицензиаром требования об уплате указанного штрафа. Убытки, понесенные в результате нарушений Лицензиатом настоящего Соглашения, должны быть уплачены в течение 30 (тридцати) календарных дней с момента предъявления Лицензиаром требования об уплате понесенных убытков.
3. Стороны заявляют, что условия о способах и ограничениях использования ПО и условия об охране Лицензиатом Конфиденциальной информации Лицензиара являются существенными условиями Договора, и нарушение Лицензиатом обязательств по соблюдению ограничений использования ПО и нарушение Лицензиатом режима охраны Конфиденциальной информации Лицензиара являются основанием для одностороннего отказа Лицензиара от Договора и дает Лицензиару право требовать компенсации убытков, понесенных в связи с нарушением Лицензиатом обязательств и штрафа в размере, установленном в п.5.2 Договора, в независимости от того, произошло ли такое нарушение в результате виновных или невиновных действий/бездействий Лицензиата.
4. Споры, которые могут возникнуть при исполнении Договора, разрешаются в духе взаимопонимания и согласно обычаям делового оборота. В случае если Стороны не смогут урегулировать возникший спор путем переговоров, такой спор подлежит разрешению в Арбитражном суде города Москвы в соответствии с действующим законодательством Российской Федерации. До передачи спора на разрешение суда Стороны примут меры к его урегулированию в претензионном порядке. Срок рассмотрения претензии не может превышать 10 (десять) рабочих дней с даты получения претензии.
СРОК ДОГОВОРА И ПРЕКРАЩЕНИЕ ДЕЙСТВИЯ ДОГОВОРА
1. Настоящий Договор вступает в силу с момента Акцепта Оферты Лицензиатом.
2. Действие Договора, может быть, прекращено путем его расторжения в случае одностороннего отказа одной из Сторон от Договора при невыполнении или ненадлежащем выполнении обязательств одной из Сторон по указанным в Договоре основаниям в установленном законом порядке; либо по обоюдному согласию Сторон; либо в связи с окончание срока его действия.
3. В случае прекращения действия Соглашения в связи с односторонним отказом Лицензиара от Договора, Лицензиат не имеет права требовать возмещения упущенной выгоды и/или убытков.
4. В течение 5 (пяти) рабочих дней с момента окончания срока использования, указанного в п. 1.2 Договора, и/ или после прекращения действия Договора по иным основаниям, Лицензиат обязан незамедлительно прекратить использование ПО. В течение 5 (пяти) рабочих дней после прекращения действия Договора Лицензиат должен уничтожить (без возможности восстановления) или по требованию Лицензиара передать Лицензиару все экземпляры ПО во всех формах, за исключением случаев, когда законодательством предусмотрен более длительный срок их хранения, по истечении которого осуществляется возврат или уничтожение ПО, а также вернуть Лицензиару имеющиеся в пользовании дистрибутивы ПО. Лицензиат обязуется направить письменное подтверждение о том, что им выполнены все вышеописанные действия.
ПРОЧИЕ УСЛОВИЯ ДОГОВОРА
1. Каждая Сторона заверяет и гарантирует другой Стороне следующее:
2. 1. Стороны обладают всеми законными правами и полномочиями для заключения настоящего Договора и соблюдения и выполнения его условий.
  2. Не существует никакого нормативного акта по федеральному, региональному или местному законодательству Российской Федерации, а также не имеется никакого положения любого существующего контракта, договора или иного документа, по которому Сторона является стороной, который бы вступал в противоречие с настоящим Договором или выполнением или соблюдением каких-либо из его условий.
  3. Стороны не участвуют в судебных разбирательствах, в том числе в судебных разбирательствах по заявлению о признании данной стороны банкротом, не имеется оснований для финансовой несостоятельности (банкротства) данной Стороны.
  4. Вышеуказанные заверения, гарантии и обязательства, приведенные в п. 7.1 Договора, являются существенными условиями Договора, и полное соблюдение Сторонами таких условий является существенной частью обязательств Сторон по Договору
3. Лицензиат соглашается возместить Лицензиару и его аффилированным компаниям и взять на себя расходы, связанные с любыми требованиями, убытками или ущербом, которые могут быть предъявлены к Лицензиару или к его аффилированным компаниям, или которые он или его аффилированные компании могут понести, либо любые платежи, которые Лицензиар или его аффилированные компании могут быть вынуждены осуществить какому-либо государственному органу или юридическому лицу или третьему лицу в течение срока действия Договора или после его окончания в результате неверности одного или большего количества заверений и гарантий, указанных в п. 7.1 Договора.
4. Положения Договора, которые по своему смыслу или в определенном контексте должны быть действительны после прекращения Договора или окончания срока его действия, сохранят свою силу после такого окончания или прекращения.
5. Договор (в том числе все Приложения к нему) замещает собой все предшествующие переговоры и договоренности между Сторонами относительно предмета Договора, будь то письменные или устные.
6. Лицензиар вправе изменять условия настоящей оферты без предварительного согласования с Лицензиатом, обеспечивая при этом публикацию оферты на сайте с внесенными в нее изменениями. Изменения к оферте вступают в силу с даты их опубликования на сайте, если иной срок не указан при опубликовании оферты с внесенными в нее изменениями. Лицензиат обязуется самостоятельно либо через уполномоченных лиц отслеживать внесение изменений в условия настоящей оферты, а также соблюдать условия оферты с учетом внесенных изменений.
7. По всем вопросам, не урегулированным настоящим Договором, стороны руководствуются действующим законодательством Российской Федерации.
8. Признание судом недействительности какого-либо положения настоящего Договора и правил не влечет за собой недействительность остальных положений.
9. Договор не требует скрепления печатями и/или подписания Стоонами и сохраняет при этом юридическую силу.