Interface Design Process
Интерфейс раннего оповещения о воздушной угрозе для владельца объекта
Концепция 2
Карта на весь экран как в первой концепции, наша шапка с меню ролей и демо-переключателем, плашка статуса на всю ширину как у Саши: знак-круг слева, тип угрозы чипсами, действие справа. Дальше — панель подлёта, показатели, история.
Open Studio · conceptКонцепция 3
Полотно первой концепции: карта на весь экран остаётся фоном. Всё остальное собрано в одну правую панель, которая скроллится целиком — статус, сервисное сообщение, подлёт, датчики с сервером и история подряд, одним полотном.
Open FoundationsUI Kit
Визуальный источник правды — токены, шкала типографики, компоненты, состояния, движение. Правишь shared/tokens.css или shared/components.css — подхватывают все страницы.
OpenАрхив и исходная точка
Архив
Отыгравшие своё варианты и исходная точка. Держим для сравнения «было → стало»: отзыв клиента на первый заход и породил концепции 2 и 3.
Resources
Project stages
-
01WireframeIn progress
-
02DesignPending
-
03Front-endPending
-
04Back-endPending
-
05TestingPending