Элементы стиля

Описание

«Урсула» — это учебный конструктор 3D-миров с открытым кодом, созданный, чтобы помочь любому преодолеть страх перед сложными интерфейсами и тысячами строк кода.

Визуальный образ

Каждый экран пользователя — это уникальное пространство погружающее его в игровой мир. Образ в виде двери или портала с игровой вселенной приоткрывает свои секреты для создателей игр.

Образ в применении

Лого

Элементы и варианты

Фирменный знак «Урсула» (Logo) состоит из символа (Logomark) и шрифтового начертания (Logotype). Горизонтальный вариант имеет тот же набор элементов, что и вертикальный. Разница — в размере и положении графического символа; выравнивании шрифтового начертания (дескриптора) левое флаговое.

Фирменный знак «Урсула» в горизонтальном и вертикальном варианте нельзя разделять, однако графический символ может применяться отдельно от остальных элементов. Отдельно применяется и пиктограмма / аватар.

Элементы

Варианты

Пиктограмма / аватар

Свободное пространство

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

В печати фирменный знак должен быть не меньше 36 мм по ширине (горизонтальный) или 36 мм по высоте (вертикальный). В интерфейсах — не меньше чем 103 пикселя по ширине или по высоте, соответственно.

Пространство и размеры

Шрифт

Гарнитура

Montserrat является основным для визуальных коммуникаций, заголовков и тезисов. Onest является вспомогательным и применяется в основном для текстов, пояснений и выносных блоков.

При невозможности применения основного шрифта, используйте Verdana. Вместо вспомогательного используйте Arial.

Образ в применении

Палитра

Цвета

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

Ключевыми цветами являются глубокий синий (Blue Deep) и глубокий циан (Cyan Deep) — их сочетание желательно использовать в градиентах. Вспомогательными цветами являются их оттенки — в светлую и тёмную сторону палитры.

Вся палитра цветового круга допустима и применима к макетам только в зависимости от задач и носителей.

Blue Dark
- R12 G57 B89
- Hex #0C3959
- C87 M36 Y0 K65
Blue Deep
- R37 G109 B153
- Hex #256D99
- C76 M29 Y0 K40
Blue Lazur
- R35 G160 B248
- Hex #23A0F8
- C86 M35 Y0 K3
Blue Light
- R133 G209 B255
- Hex #85D1FF
- C48 M18 Y0 K0
Cyan Dark
- R12 G57 B89
- Hex #0C3959
- C87 M36 Y0 K65
Cyan Deep
- R37 G109 B153
- Hex #256D99
- C76 M29 Y0 K40
Cyan Mint
- R35 G160 B248
- Hex #23A0F8
- C86 M35 Y0 K3
Cyan Light
- R133 G209 B255
- Hex #85D1FF
- C48 M18 Y0 K0

Пример градиента

Цветовые решения с лого

Фирменный знак в цвете является основным и предпочтительным. Заливка лого другимицветами возможна, но в рамках цветовойпалитры и с учётом особенности носителей.

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