Требования к оформлению списка литературы по госту: Правила оформления списка литературы – Ломоносов-2022

Содержание

Правила оформления списка литературы

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

Общие требования и правила составления библиографического списка

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

Используемый материал может группироваться в разном порядке: 

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

Когда в библиографию источники подбирают по отдельным отраслям и вопросам и группируют в систематическом порядке, вначале размещают материал общего назначения, после него – по конкретным темам.

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

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

Каждому источнику, указанному в перечне материалов, библиографическое описание дается в соответствии ГОСТ Р 7.0.97-2016 и включает:

  • ФИО автора;
  • сведения, раскрывающие тему,
  • информацию о редакторах и составителях;
  • название города, где публикуется документ; 
  • наименование и дату издательства;
  • количество страниц.

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

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

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

Пример:

Крупный бизнес: основные перспективы развития, кн./ под ред. Балабанова И.П., Мысль 2010.- стр.385.

Философия: курс для университета, учебник/ С.А. Терентьева [и др.] под общ. ред. Терентьевой С.А. – М.: Наука, 2010.

Правила оформления списка литературы по ГОСТу 2020 (образец)

Хотя российские институты и университеты разрабатывают собственные методички, требования и правила составления списка литературы для диплома, курсовой, статьи представлены в ГОСТ 7.

1 – 2003 «СИБИД»и дополнены в 7.0.100 – 2018. Все источники, которые используются при написании материала, сводятся в единый библиографический перечень. 

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

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

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

Прямое цитирование, при котором сохраняется весь текст, заключается в кавычки.

При парафразе, когда автор пересказывает мысль ученого, в обязательном порядке ставится затекстовая сноска в формате [20], что означает страницу сборника или научного труда, откуда берется цитата.

При работе с научной статьей советуют брать:

  • нормативные акты; 
  • публикации из научных журналов;
  • статистические данные;
  • монографии и пособия.

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

Пример: 

Максимов М.Ф. «Что такое суд присяжных?//Общероссийский информационный ресурс. [Электронный документ] – Режим доступа: http://arbitrage.ru /articles.

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

Образец библиографии для одного автора:

Маликова Н.Н. Аудит. Экзаменационные ответы: учеб. пособие/ Н.Н. Маликова.– Москва: Феникс, 2018. –320 с.

Абрамов В.Ф.: Сборник для студентов вузов по специальности «Народное хозяйство» /В.Ф. Абрамов–2 изд. перераб. – Москва: Академия, 2009. – 355 с.

Сергеев А.С. Прибыль в рыночной экономике: теория и практика: монография / А.С. Сергеев – М. Финансы, 2016. –154с.

Пример перечня литературы из журнала, который писали три автора:

Мамедов Н.С. Математические методы: Справочник для студ. математ. спец. вузов/ 

Н.С. Мамедов, Н.М. Копейкин, Г.М. Карбышев; Моск. гос. ун-т им. Ломоносова. – 2 изд. – М. Бином. Лаб. знаний,2016. – 536 с.

Столяров Л.Д. Теория культуры: метод. пособие для студ./Л.Д. Марченко, В.Е. Самойлов, С.И. Самыгин. – Санкт- Петербург: Апрель,2018 –355с.

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

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

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

Правила оформления списка литературы по требованиям ВАК

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

ВАК регламентирует аспекты труда ученого или аспиранта только в содержательной части, не контролирует количество документов в списке, но советует для кандидатской работы использовать не менее 150 статей и книг, на соискание профессорского звания – от 600.

Для составления библиографии ВАК рекомендует пользоваться требованиями ГОСТа 7.1 и дополнениями к государственному стандарту. Допускается несколько названий библиографического списка, каждое из них выделяется курсивом, располагается по центру страницы. На панели инструментов для оформления текста выбирается междустрочный  интервал (1,5) и рекомендуемый шрифт (Times New Roman).

Чаще сведения оформляют, ориентируясь на значимость источника. На первое место ставят законы, нормативно правовые акты. За ними располагают:

  • научные публикации;
  • сборники и справочники на иностранном языке;
  • интернет-ресурс.

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

 

Правила составления списка литературы по ГОСТу 2021

Документы, которые составляются с применением источников, в обязательном порядке должны включать в себя раздел, посвященный списку использованной литературы. Пункт ни в коем случае нельзя оформлять в произвольном порядке. Чтобы правильно составить раздел, нужно придерживаться требований, регламентированных ГОСТом.

Содержание

  1. Что такое список использованной литературы
  2. ГОСТ оформления списка использованной литературы в 2021 году
  3. Общие требования к оформлению
  4. Требования к наименованию раздела
  5. Типы, используемых в списке источников
  6. Требования к расположению источников
  7. Порядок оформления систематического списка использованной литературы
  8. Требования к оформлению списка литературы в алфавитном порядке
  9. Правила оформления списка литературы в порядке упоминания в тексте
  10. Оформление списка литературы в хронологическом порядке
  11. Общая структура описания

Что такое список использованной литературы

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

Пройдите наш авторский курс по выбору акций на фондовом рынке → обучающий курс Бесплатный Экспресс-курс “Оценка инвестиционных проектов с нуля в Excel” от Ждановых. Получить доступ

Список использованной литературы в обязательном порядке оформляется с учетом требований, регламентированных ГОСТом. В противном случае оценка за работу может быть снижена, либо ее вообще не примут.

Многие образовательные учреждения разрабатывают собственные рекомендации по оформлению раздела. Но они не должны противоречить ГОСТу. Подобные указания формируются специально для авторов, для того, чтобы облегчить процесс написания работы и снизить риск допущения им ошибок.

ГОСТ оформления списка использованной литературы в 2021 году

В 2021 году список использованной в процессе написания работы литературы, оформляется с учетом правил, отраженных ГОСТ Р 7.0.100-2018. Надо отметить, что на территории РФ используется именно данный НПА. Иные нормативы оформления библиографии в России не применяются.

Важно! Используемый ранее ГОСТ 7.1-2003 в РФ теперь не действителен. Однако им могут пользоваться жители стран СНГ.

Надо отметить, что ГОСТ, применяемый для оформления списка использованной литературы, не регламентирует правил отражения в документе сносок. Порядок их написания утвержден иным НПА, а точнее ГОСТом Р 7.0.5-2008.

Общие требования к оформлению

Пройдите наш авторский курс по выбору акций на фондовом рынке → обучающий курс Бесплатный Экспресс-курс “Оценка инвестиционных проектов с нуля в Excel” от Ждановых. Получить доступ

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

  1. Перед написанием текста необходимо разметить поля. Верхнее и нижнее не должны быть больше или меньше 20 мм, правое – 10 мм., а левое – 30 мм.
  2. Вся работа набирается на компьютере при помощи стандартных программ, например Microsoft Word. Обязательное условие предъявляется к шрифту. Автор должен использовать исключительно Times News Roman.
  3. К размеру кегеля, то есть к размеру шрифта, также предъявляются особые требования. Например, весь текст должен быть написан 14-тым кегелем, сноски – 12-тым. Причем в заголовках шрифт не увеличиваем, а чтобы выделить их на общем фоне, можно воспользоваться функцией Caps Lock или жирным шрифтом.
  4. В тексте используется полуторный междустрочный интервал. Если же автор использует сноски, то здесь разрешено применить одинарный интервал.
  5. Обязательно наличие красной строки. Ее размер не должен превышать значения 1,25.
  6. Переносы в процессе написания любых учебных работ или официальных документов не используются. Поэтому если подобная функция включена, ее следует отключить.

Важно! Текст работы набирается исключительно черным шрифтом. Нельзя использовать даже оттенки.

Также рекомендуется обратить внимание и на другие правила:

  • заголовок «Список использованной литературы» располагают по центру и выделяют жирным шрифтом;
  • после последнего слова заголовка запрещено ставить точку;
  • источники оформляем исключительно списком, но без маркеров, а со сквозной нумерацией;
  • не используем при составлении перечня использованной литературы табличную форму.

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

Требования к наименованию раздела

Пройдите наш авторский курс по выбору акций на фондовом рынке → обучающий курс Бесплатный Экспресс-курс “Оценка инвестиционных проектов с нуля в Excel” от Ждановых. Получить доступ

Название «Список использованной литературы» не единственное разрешенное наименование раздела. ГОСТ регламентирует особые требования:

  1. Если в ходе работы составитель просто руководствовался какими-либо источниками и не включал в текст мысли других авторов, то пункт называют «Литература».
  2. Если автор заимствовал из источников любую информацию, делал обзор на них, то раздел называют «Список использованной литературы».
  3. Если же кроме стандартной литературы, например книг, законов, журналов, статей и т.д., в тексте использовались иные источники, например электронные ресурсы, то следует использовать наименование «Список использованной литературы и источников».

Важно! В некоторых случаях разрешается использовать название «Библиографический список» или «Библиография».

Типы, используемых в списке источников

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

№ п.п.Тип источниковПример источников
1ЛитератураКниги, учебные издания, методические рекомендации
2Официальная документацияЗаконы, кодексы, международные НПА, Конституция
3Специальная, техническая документацияГОСТы, нормативные документы, технические каталоги, сборники изобретений и т.д.
4Научные документыМонографии, статьи из научных журналов, диссертации, рукописи
5ИсточникиИнформация, размещенная в открытом доступе в сети, например статьи на сайтах, электронных газетах, цифровые книги и т. д.

Таким образом, в ходе написания работы можно пользоваться любыми источниками. Главное условие – это их отражение в списке.

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

Требования к расположению источников

ГОСТ предъявляет требования не только к составу источников, но и к их расположению в списке. Существует несколько вариантов структуры раздела:

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

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

Если перечень оформляется в порядке упоминания издания в работе, то начинают с первого процитированного в тексте издания. Хронологический порядок предполагает отражение источников в порядке их написания. Например, если одна книга издана в 2021 года, а вторая в 2019, то сначала включаем второго автора, а затем первого.

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

Если автор оформляет список использованной литературы в систематическом порядке, то он обязан поделить все источники на подразделы:

  • официально-документальные издания;
  • источники;
  • специальная научно-техническая документация;
  • научные документы.

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

К специально-технической документации относят ГОСТы, описания к изобретениям, научные каталоги. Последний подраздел состоит из монографий, учебных работ, диссертаций и т.д.

Важно! Если автор использовал источники на русском и иностранном языках, то в списке сначала отражаются русские издания, а затем иностранные.

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

Требования к оформлению списка литературы в алфавитном порядке

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

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

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

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

Правила оформления списка литературы в порядке упоминания в тексте

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

Оформление списка литературы в хронологическом порядке

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

Общая структура описания

Каждый использованный источник описывается также по правилам, регламентированным ГОСТом. Начинают описание с наименования автора, например Федоров В.В. Затем вписывают непосредственное название источника, например «Социология и жизнь» и ставят двоеточие.

Далее нужно отразить информацию, которая описывает тип источника. Например, учебник, справочник, Закон и т.д.

Через знак «/» перечисляют авторов и редакторов, то есть лиц, ответственных за содержание источника, затем ставят точку и тире. После этого отражают данные об издании, например 1-е издание, через тире место издания и год.

В результате должно получиться примерно такое описание:

«Федоров В.В., Социология и жизнь: учебное пособие / В.В. Федоров. 1-е издание. – Москва: Флинта, 2020 год – 613 с.»

Системы автоматизированные ГОСТ 34

ГОСТ34 — основной стандарт проектирования автоматизированных систем управления.

Описание перечня документации согласно требованиям ГОСТ 34.201.89

Поскольку любое производство в той или иной степени связано с риском для окружающей среды или оборудования, жизни или здоровья человека, перечень действий по созданию автоматизации технологических процессов регламентирован ГОСТом. Эта документация называется просто – ГОСТ34

Ниже представлена ​​документация АСУ ТП для организации проектных работ по созданию и обслуживанию систем. Требования к автоматизированным системам управления технологическими процессами изложены в этих документах для определения назначения систем и степени их безопасности. Этот перечень является стандартом при проектировании систем автоматизации нефтеперерабатывающих заводов.

1. Общесистемные решения

П2. Объяснительная записка

Р3. Описание автоматических функций

ВЕЧЕРА. Программа испытаний и методология

PS. Заграничный пасспорт

ТП. Лист проекта

ФО. форма ЭД. Ведомость эксплуатационных документов

2. Организационная поддержка
I3. Гид пользователя

ПВ, СО. Описание и организационная схема

3. Информационная поддержка
IN 1. Список входных и выходных сигналов РСУ

IN 2. Перечень входных и выходных сигналов системы ПАЗ

В 7. Каталог базы данных

I4. Инструкция по формированию и ведению базы данных

Р5. Описание информационного обеспечения системы

Р6. Описание организации информационной базы

Р7. Описание систем классификации и кодирования

стр.8. Описание массивов исторических данных (архивов)

С9. Альбом документов и видеокадров

4. Техническая поддержка
С4,С5. Схемы подключения внешней проводки

С6. кабельный журнал

AT 4. Спецификация оборудования

В. чертежи общего вида системных шкафов и монтажа технического оборудования

IE. Инструкция по эксплуатации и обслуживанию КТС

Р9. Описание комплекса технических средств

С1. Структурная схема комплекса технических средств

С7. План размещения оборудования АСУ ТП на объекте

С8. План размещения оборудования и электропроводки в диспетчерской

5. Стандартное программное обеспечение
ПА. Описание стандартного ПО

6. Прикладное программное обеспечение
ПБ. Описание алгоритмов управления и аварийной защиты

С12, С13. Блок-схемы алгоритмов DCS и ESD

С12. Блок-схема алгоритмов системы DCS

СЗ. Функциональные схемы автоматики

Вы можете запросить у меня образец любого из этих документов.

Как эти стандарты работают на практике:

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

Взято с хабрабра:
В рассматриваемой серии 34 всего 3 основных стандарта оформления документации:

ГОСТ 34.602-89 Техническое задание на создание автоматизированной системы

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

ГОСТ 34.201-89 Виды, комплектность и обозначения документов при создании автоматизированных систем

Это базовый документ, в котором приведен полный перечень документации ГОСТ 34, рекомендации по кодированию документов, к каким этапам проекта относятся документы (этапы описаны в ГОСТ 34.601-90), а также как их можно совмещать с каждым другой.

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

РД 50-34.698-90 Автоматизированные системы. Требования к содержанию документов

Объемный стандарт, описывающий содержание проектных документов с разной степенью детализации. В качестве указателя используется упомянутый выше ГОСТ 34.201-89.

К стандарту РД 50-34.698-90 возникает множество вопросов и трактовок его положений, которые в силу своей расплывчатости зачастую по-разному понимаются заказчиком и исполнителем или даже членами проектной группы. Но, к сожалению, ничего более конкретного у нас нет.

#GOST34, #automationstandard, # Automationrules, #APCS

Кнопка – Carbon Design System

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

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

Когда использовать

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

Когда не использовать

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

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

Вариант Цель
Первичные Для основного призыв к действию на странице. Основные кнопки должны появляться только один раз на экране (не включая заголовок приложения, модальное диалоговое окно или боковую панель).
Дополнительный Для дополнительных действий на каждой странице. Дополнительные кнопки можно использовать только вместе с основной кнопкой. В составе пары функция вторичной кнопки заключается в выполнении отрицательного действия набора, такого как «Отмена» или «Назад». Не используйте вторичную кнопку изолированно и не используйте вторичную кнопку для положительного действия.
Третичный Для менее заметных, а иногда и самостоятельных действий. Третичные кнопки можно использовать изолированно или в паре с основной кнопкой при наличии нескольких призывов к действию. Третичные кнопки также можно использовать для подзадач на странице, где присутствует основная кнопка для основного и конечного действия.
Опасность Для действий, которые могут иметь разрушительные последствия для данных пользователя (например, удаление или удаление). Кнопка опасности имеет три стиля: первичный, третичный и призрачный.
Ghost Для наименее выраженных действий; часто используется вместе с основной кнопкой. В такой ситуации, как поток выполнения, кнопка-призрак может быть связана с набором основных и дополнительных кнопок, где основная кнопка предназначена для действия вперед, второстепенная кнопка — для «Назад», а кнопка-призрак — для «Отмена». .

Селектор тем

Селектор вариантов

Копировать в буфер обмена

Живой редактор для компонента «Кнопка»

 

Кнопка

Модификаторы

отключены

вид

первичный

вторичный

третичный

опасность 900 03

фантом

размер

sm

md

lg

xl

2xl

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

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

1. Содержащаяся кнопка

A. Текстовая метка
B. Контейнер
C. Значок (необязательно)

3. Кнопка-фантом

A. Текстовая метка
C. Значок (необязательно)

2. Кнопка с контуром

A. Текстовая метка
B. Контейнер
C. Значок (дополнительно)

4. Кнопка со значком

B. Контейнер (дополнительно)
C. Значок

Выравнивание текста по левому краю кнопки, даже если кнопка широкая .

Не центрировать текст на кнопке, даже если кнопка широкая.

Кнопки названы в соответствии с их размером и использованием в наборе Carbon Sketch и в коде. В приведенной ниже таблице добавлен дополнительный контекст вокруг варианта использования для каждого размер. Рекомендации по высоте кнопок, а также размерам шрифта и токенам см. Размеры на вкладке Стиль.

Размер кнопки Вариант использования
Маленький Используйте, когда недостаточно места по вертикали для кнопки по умолчанию или кнопки размера поля.
Средний Используйте, когда кнопки связаны с полями ввода.
Большой (производительный) Это самый распространенный размер пуговиц. Используйте основной текст размером 14 пикселей.
Крупный (выразительный) Более крупный размер выразительного шрифта этой кнопки обеспечивает баланс при использовании основного текста размером 16 пикселей. Используется командой IBM.com в баннерах веб-сайтов.
Очень большой Используйте, когда кнопки выходят за края более крупного компонента, например боковых панелей или модальных окон. Примечание: Этот вариант не входит в комплект, так как не имеет закодированного аналога. Carbon предлагает эту кнопку только в контексте модального компонента.
2XL Используйте, когда кнопки выходят за края более крупного компонента, например боковых панелей или модальных окон. Примечание: Этот вариант не входит в комплект, так как не имеет закодированного аналога. Carbon предлагает эту кнопку только в контексте модального компонента.

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

Одна кнопка с акцентом

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

Многократное выделение кнопок

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

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

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

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

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

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

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

  • Баннер с призывом к действию
  • Диалоговые окна
  • Мастера
  • Формы
  • Карты
  • Панели инструментов

Выравнивание Вариант использования
Выравнивание по левому краю Баннерный призыв к действию, внутристраничные формы и вложенные кнопки в таких компонентах, как плитки
Выравнивание по правому краю Встроенные уведомления, встроенные кнопки полей и таблицы данных, прогрессивные формы, мастера и однокнопочные диалоги
Полноразмерный Диалоги, боковые панели и небольшие плитки; в настоящее время Carbon не предлагает способ реализации полноразмерных кнопок в коде без переопределения, их максимальный размер составляет 320 пикселей

Жидкие кнопки по сравнению с кнопками по умолчанию

Выравнивание кнопок также тесно связано с тем, рассматривается ли кнопка как по умолчанию или гибкий элемент в макете. Когда мы говорим «жидкость», мы имеем в виду, что кнопка становится частью более крупного составного компонента за счет выделения двух или больше краев своего контейнера. Вместо того, чтобы определять ширину плавной кнопки в столбцы или мини-блоки, его ширина определяется в процентах (часто 50%) от ширина контейнера. Кроме того, как правило, плавающие основные кнопки никогда не выровнены по левому краю в макете или контейнере — они всегда либо выровнены по правому краю, либо охватывают всю ширину контейнера.

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

Пример экрана входа в систему с использованием плавающего поля ввода и плавающей кнопки

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

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

Жидкая рамка для кнопки

Многие разработчики продуктов обращались к нам за дополнительными рекомендациями по границы между всеми жидкостными кнопками. Между всеми жидкостями есть граница в 1 пиксель. кнопки, вызывающие токен $button-separator для границ. Эта функция добавляет Различие 3:1 между двумя интерактивными элементами пользовательского интерфейса. Граница представляет собой рекомендуемая функция для улучшения доступности.

Пример границы токена $button-separator между гибкими кнопками

Кнопки резиновой ширины по умолчанию

Ширина кнопки по умолчанию равна размеру текстовой метки с фиксированным значением 64 пикселя. отступ справа и фиксированный отступ 16px слева. Однако есть гибридный сценарий, в котором плавающая кнопка в стиле по умолчанию может охватывать назначенный количество столбцов в адаптивной сетке столбцов, придавая ей плавную ширину. Эти называются «кнопками гибкой ширины по умолчанию».

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

Пример основной кнопки, соответствующей ширине карточки в макете

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

Как упоминалось в разделе «Акцент», вам не обязательно используйте кнопки в порядке, указанном на их метках. Либо вторичка, либо Третичная кнопка может использоваться вместе с основной кнопкой. На самом деле из-за к визуальному весу вторичной кнопки рекомендуется использовать третичную или кнопки-призраки в макетах с более чем тремя призывами к действию.

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

Не смешивайте первичные, вторичные и третичные кнопки в одной и той же группе кнопок.

Группы кнопок и сетка

В идеале при использовании групп связанных кнопок (не включая кнопки-призраки), все они должны быть одинаковой ширины. Это может быть достигнуто одним из двух способов, оба из них допустимы. Первый подход предполагает использование режим узкой сетки. В этом ситуации каждая кнопка будет установлена ​​отдельно в сетке столбцов. Примечание: Разработчики Carbon работают над режимом узкой сетки, в настоящее время левосторонней. кнопки могут быть достигнуты только с переопределением.

Пример подвесных пуговиц

Некоторые продукты не хотят вешать пуговицы в желоб, но все же хотят Расстояние между кнопками 16px. Это может быть достигнуто при сохранении той же ширины кнопок, рассматривая группу кнопок как единый объект (а не два отдельные объекты) в сетке. Каждая кнопка будет по существу занимать 50% их контейнер с программным отступом 16px между ними.

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

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

Не делать кнопки в группе разной ширины.

Горизонтально расположенные группы

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

Группы кнопок в стопке

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

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

Группы с кнопками опасности

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

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

Надписи кнопок должны четко указывать действие кнопки. Предоставлять достаточного контекста, используйте формулу содержания {глагол} + {существительное} на кнопках, за исключением случай общих действий, таких как «Готово», «Закрыть», «Отмена», «Добавить» или «Удалить».

Существуют исключения из этого правила для ситуаций, когда длина пуговицы может вызвать проблемы в компактных пользовательских интерфейсах или отрицательно сказаться на переводе, но {глагол} + Формула {существительное} по-прежнему является лучшей практикой.

Консистенцию см. в Carbon’s правила содержания для списка метки рекомендуемых действий.

По возможности используйте формулу содержания {глагол} + {существительное} в кнопках.

Не используйте только существительное в качестве названия кнопки.

Основная кнопка — это действие по умолчанию. При появлении диалогов первичный Кнопка обычно принимает фокус. В форме, если фокус находится на компоненте, который не действующий с Введите клавишу , нажатие Введите активирует основной кнопка.

Мышь

Пользователи могут активировать кнопку, щелкнув в любом месте контейнера кнопок.

Клавиатура

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

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

  • Использовать глифы размером 16 пикселей внутри кнопок; используйте глифы размером 20 пикселей в большом выразительном кнопки
  • Глифы отличаются сплошной формой и выбитыми деталями
  • Глифы всегда должны появляться справа от текста
  • Глифы, используемые в кнопках, должны быть непосредственно связаны с действием, которое выполняет пользователь
  • Глифы должны быть того же цвета, что и текст внутри кнопки

Поместите значок справа от кнопки после текста.

Не размещайте значок слева от кнопки перед текстом.

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

Пример фантомной кнопки, состоящей только из значков, в таблице данных

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

Оставить комментарий