Алан Дэй (Allan Day)
aday@gnome.org
Якуб Штайнер (Jakub Steiner)
Выбор и создание значков.

# Значки и графика

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

# Использование значков в интерфейсе

Часто возникают ситуации, когда требуется принять решение, что использовать в интерфейсе, текстовую метку или значок (особенно когда речь идёт о кнопках). Значки обладают тем преимуществом, что они занимают меньше места и не требуют перевода. В то же время неправильное использование значков может испортить интерфейс настолько, что им станет невозможно пользоваться.

Используйте только широко распространённые значки. Если вы не можете подобрать подходящий значок, используйте вместо него текстовую метку.

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

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

Помните, что некоторые значки используются только вместе со значками такого же типа. Например, значок «Стоп», который чаще всего представлен в виде квадратика, может быть неправильно растолкован, если он используется изолировано, без дополнительных медиа-кнопок (воспроизведения, паузы, перемотки и т. д.). Или например значок с изображением минуса, который используется для удаления элементов из списка, также может быть неправильно понят, если рядом нет значка с изображением плюса.

# Выбор набора значков GNOME

GNOME предоставляет полный набор стандартных значков. Старайтесь использовать стандартные значки, создавайте собственные значки только в крайнем случае.

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

Для поиска рекомендуемых значков можно воспользоваться браузером значков GTK+.

## Цветные и монохромные значки

GNOME 3 предоставляет два набора значков: цветных и монохромных.

Цветные значки используются для:

обозначения устройств;

обозначения типов файлов;

значков приложений.

Все прочие значки должны быть монохромными. Кроме того, монохромные значки должны всегда использоваться для:

кнопок;

списков;

поле ввода;

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

# Значки приложений

Каждое приложение должно иметь свой собственный значок, являющийся визитной карточкой приложения. Значок — это первый визуальный элемент, с которым встречается пользователь. В разделе «Что такое приложение» подробно объясняется, что такое приложение, и когда у него должен быть свой собственный значок.

Поскольку значки приложений по размеру больше обычных, то значки из набора Tango не подходят (даже в формате SVG из-за низкой детализации). Значок вашего приложения должен иметь размер 256x256 пикселов. А в связи с появлением мониторов с повышенным разрешением, рекомендуется использовать размер 512x512 пикселов.

Есть области, в которых значки приложений до сих пор имеют небольшой размер. Чтобы значки хорошо выглядели, необходимо чтобы они отрисовывались в одном из следующих размеров: 48x48, 32x32, 24x24 и 16x16. Многие значки GNOME для совместимости также доступны в размере 22x22.

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

В разделе «Создание цветных значков» вы найдёте дополнительную информацию о создании значков для приложений.

# Создание символических значков

Symbolic icons have a simple form and are drawn within a 16x16 pixel grid. They are then programmatically scaled and colored within the user interface itself.

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

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

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

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

Если метафора имеет противоположный смысл, используйте инвертирование цветов. Например, эффект блика на линзе включён, если он светлее, чем линза.

## Размер и сетка

Поскольку значки масштабируются, они могут иметь любой размер. Базовым размером холста будет сетка 16x16. Старайтесь полностью заполнить канву, но помните, что заполненные прямоугольные объекты выглядят больше, если они размещены рядом с элементами, которые используют только тонкие линии. Рекомендуется также создать негативный набор значков.

# Создание цветных значков

Цветные значки представлены наборами различных размеров.

## Перспектива

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

## Палитра

При создании полноцветных приложений и значков устройств используйте цветовую палитру Tango.

Жёлтый |  | Сливовый |
Оранжевый |  | Красный |
Коричневый |  | Серый |
Зелёный |  |  |
Синий |

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

# См. также

Руководство по значкам в стиле Tango