Blame hig/ru/buttons.page

Packit 1470ea
Packit 1470ea
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="buttons" xml:lang="ru">
Packit 1470ea
Packit 1470ea
  <info>
Packit 1470ea
    <credit type="author">
Packit 1470ea
      <name>Алан Дэй (Allan Day)</name>
Packit 1470ea
      <email>aday@gnome.org</email>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit>
Packit 1470ea
      <name>Калум Бенсон (Calum Benson)</name>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit>
Packit 1470ea
      <name>Адам Элман (Adam Elman)</name>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit>
Packit 1470ea
      <name>Сэт Никел (Seth Nickell)</name>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit>
Packit 1470ea
      <name>Колин Робертсон (Colin Robertson)</name>
Packit 1470ea
    </credit>
Packit 1470ea
Packit 1470ea
    <link type="guide" xref="ui-elements"/>
Packit 1470ea
    <uix:thumb mime="image/svg" src="figures/ui-elements/buttons.svg"/>
Packit 1470ea
Packit 1470ea
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
Packit 1470ea
  </info>
Packit 1470ea
Packit 1470ea
<title>Кнопки</title>
Packit 1470ea
Packit 1470ea

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

Packit 1470ea
Packit 1470ea
<media type="image" mime="image/svg" src="figures/ui-elements/buttons.svg"/>
Packit 1470ea
Packit 1470ea
<section id="general-guidelines">
Packit 1470ea
<title>Общие рекомендации</title>
Packit 1470ea
Packit 1470ea
<list>
Packit 1470ea
<item>

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

</item>
Packit 1470ea
<item>

После нажатия кнопки пользователь ожидает увидеть результат своего действия в течение одной секунды.

</item>
Packit 1470ea
<item>

В одном и том же окне все кнопки должны быть одной и той же ширины и высоты. Это обеспечит однородный внешний вид вашего интерфейса и сделает его проще в использовании.

</item>
Packit 1470ea
<item>

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

</item>
Packit 1470ea
<item>

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

</item>
Packit 1470ea
<item>

Если несколько кнопок расположены рядом друг с другом, они должны быть одинаковые по высоте. Это особенно важно для пар <gui>Отмена</gui>, <gui>OK</gui>.

</item>
Packit 1470ea
<item>

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

</item>
Packit 1470ea
</list>
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="text-buttons">
Packit 1470ea
<title>Текстовые кнопки</title>
Packit 1470ea
Packit 1470ea
<list>
Packit 1470ea
<item>

В качестве текстовой метки используйте глагол в повелительном наклонении. Например, <gui>Сохранить</gui>, <gui>Упорядочить</gui>. Для интерфейса на английском языке придерживайтесь <link xref="writing-style#capitalization">правила применения прописных букв</link>.

</item>
Packit 1470ea
<item>

Используйте <link xref="writing-style#ellipses">многоточие</link>, если для завершения действия требуется дополнительный ввод от пользователя.

</item>
Packit 1470ea
<item>

Применяйте <link xref="keyboard-input#access-keys">ускорители</link>, чтобы пользователь мог активировать кнопку с клавиатуры.

</item>
Packit 1470ea
<item>

Метка должна быть короткой, чтобы кнопка не занимала слишком много места. Важно помнить, что длина метки изменяется после локализации.

</item>
Packit 1470ea
</list>
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="toggle-buttons">
Packit 1470ea
<title>Кнопки-переключатели</title>
Packit 1470ea
Packit 1470ea

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

Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="linked-buttons">
Packit 1470ea
<title>Связанные кнопки</title>
Packit 1470ea
Packit 1470ea

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

Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="suggested-and-destructive">
Packit 1470ea
<title>Предлагаемые и деструктивные действия</title>
Packit 1470ea
Packit 1470ea

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

Packit 1470ea
Packit 1470ea

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

Packit 1470ea
Packit 1470ea

В каждой области просмотра можно использовать только одну предложенную и только одну деструктивную кнопку.

Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="api-reference">
Packit 1470ea
<title>API reference</title>
Packit 1470ea
Packit 1470ea
<list>
Packit 1470ea
<item>

<link href="https://developer.gnome.org/gtk3/stable/GtkButton.html">GtkButton</link>

</item>
Packit 1470ea
<item>

<link href="https://developer.gnome.org/gtk3/stable/GtkToggleButton.html">GtkToggleButton</link>

</item>
Packit 1470ea
</list>
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
</page>