Оформление интерфейса программы «NetSnapper»

Октябрь 2008

Компания Sunbay с 2003 года выпускает революционный клиентский сервер NetSnapper.

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

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


Знак и логотип NetSnapper

Обновленный логотип программы.


Иконка приложения

Иконка приложения.


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

Обновленный внешний вид NetSnapper под ОС Windows Vista

Обновленный внешний вид NetSnapper
под ОС Windows Vista.

 

Интерфейс крупным планом.

В ходе работы был облагорожен внений вид интерфейса. Он стал более «свежим», привлекательным и современным. При чем минимальными визуальными средствами.

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

Иконки основных функций приложения

Иконки основных функций приложения.


Настройки подключений

Настройки подключений.

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

Иконки основных типов подключения

Иконки основных типов подключения.

Использование меток

Использование статусов.

Метки текущего состояния подключения

Статусы текущего состояния подключения.

Программа, бóльшую часть времени находится в скрытом состоянии. Об основных статусах работы программы сигнализирует анимированная иконка, расположенная в системном трее.

Иконки основных типов подключения

Индикаторы в системный трей.

Использование меток

Пример индикатора в трее.


Все иконки для данного приложения разрабатывались в 7 основных размерах.
А финальное количество иконок составило 390 штук.

На сегодняшний день это самый большой по объему сет иконок, разработанный в нашем бюро.

Размеры иконок

Арт-директор Павел Колодяжный

Дизайнеры Оля Скрынник
Влад Денисов

Работа выполнена по заказу компании «Sunbay Software», город Симферополь, Крым, Украина.

Другие работы для клиента:

  • Комплесное оформление программы «Topal».

    Март 2005

Copyright 2004–2017 год, дизайн-бюро «make».
Все авторские права, включая смежные авторские права, сохранены за своими правообладателями.

Во время создания этого сайта ни один дизайнер не пострадал.