О дизайн-системе

Версия 1-05.19

Данный гайдлайн предназначен для ориентирования в кит-системе и структуре сайтов axxonsoft.com / itv.ru. Он описывает основы визуального языка, принципы дизайна, базовые элементы интерфейса для использования, и другие сложные компоненты. Здесь можно скачать шаблоны дизайна в формате XD. 

Идея — Цель

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

Аксиома

Основа построения нового сайта и будущих интерфейсов — 4dp. Все размерные сетки, соотношения сторон, отступов кратны 4. Такой принцип формирует “золотое выражение” параметров математики и графики системы.

Общение, поддержка и адаптация

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

Модульная система

Данная система необходима для масштабируемости страниц сайта. Так как сайт содержит большое количество сценариев и страниц, которые невозможно подвести под единую сетку и композицию, необходимо применение модульной системы, которая решает задачу масштабируемости страниц и внутренних блоков. Блоки — это отдельные секции на страницах сайта, которые содержат визуальную и текстовую информации, и влияют на результат решения пользователя. Проще говоря, такие секции позволят безболезненно для структуры страницы сайта менять смысловые блоки местами, повторять их при необходимости, менять размеры и удалять. Интерфейс сайта состоит из: переменных → базовых элементов → компонентов.

Отсутствие ограничений

На комфорт пользователя при работе с сайтом и интерфейсами влияет множество факторов. Мы выделяем из них основные при построении системы — это понятный язык жестов для мобильных систем с малыми экранами (Touch-friendly), и удобное считывание десктоп версии, при формировании новых продуктов, шаблонов, сеток и т. д. В голове всегда должны быть правила: эргономика элементов (размеры кнопок, ссылок, модулей), какие действия необходимо совершить пользователю (жестовое общение с интерфейсом), сценарии поведения пользователя при работе компьютерной мышью (наведение, клик, слежение, клавиатурный набор и т.д.).