Содержание

Графическая схема

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

Элементы графической схемы

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

  • элементы, обозначающие точки карты маршрута бизнес-процесса;
  • декорации;
  • декоративные линии.

Элементы, обозначающие точки карты маршрута бизнес-процесса

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

Декорации

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

Декоративные линии

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

Оформление элементов графической схемы

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

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


Как создавать графические схемы в 1С, примеры кода в 1С Предприятие

Содержание:

 

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

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

1.    Как создать справочник в 1С


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


Для выполнения задачи первым делом создадим справочник 1С. Назовем его «Графические схемы 1С» и создадим сразу две формы – списка и элемента.

Откроем форму элемента и добавим два реквизита – АдресВХранилище – строка, ГрафическаяСхема – тип графическая схема.


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

Теперь мы можем создавать схемы, но при записи и повторном открытии ничего не сохранится.  

2.    Как сохранять графическую схему в созданном регистре 1С


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

·        Измерение «Наименование» – строка;

·        Ресурс «Графическая схема 1С» - хранилище значения.

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

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


Следующий этап – запись в регистр сведений при записи элемента. Напишем код, для события «ПриЗаписиНаСервере».


Теперь при записи элемента справочника графическая схема сохраняется в созданном в 1С регистре сведений.  


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


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

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

Специалист компании ООО «Кодерлайн»

Фархутдинов Айдар

 

Редактор графической схемы – Ваш петербургский программист 1С

1С: Предприятие 8.3.13 . Документация
Руководство разработчика
Глава 13. Бизнес-процессы и задачи .Приложение 5

Графическая схема – композиция элементов схемы, отражающая структуру или отношения объектов. Ее можно использовать для рисования структурных схем, бизнес-схем, схем потоков данных, схем взаимодействия объектов.

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

5.1. Редактирование схемы

Редактирование схемы можно осуществлять в поле графической схемы на форме или в документе Графическая схема.

Документы этого типа сохраняются в файле с расширением GRS.

5.2. Вставка элементов в графическую схему

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

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

Точное позиционирование и задание размеров элемента производятся в категории Расположение палитры свойств.

Перемещение и изменение размеров элементов производятся стандартными для Microsoft Windows способами при помощи мыши или стрелок клавиатуры.

Настройка элемента (указание элементу правил поведения, оформления и других свойств) производится в палитре свойств элемента.

5.2.1. Копирование элементов графической схемы

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

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

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

Скопировать элемент или группу элементов можно также путем перетаскивания с нажатой клавишей Ctrl.

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

5.3. Разметочная сетка

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

При создании новой схемы размер шага разметочной сетки (по умолчанию) равен 20 точкам экрана (и по горизонтали, и по вертикали), а режим показа сетки – Рисовать линии.

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

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

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

При изменении элемента изменяемая граница всегда размещается точно по разметочной сетке, несмотря на то, выровнена ли по разметочной сетке противоположная граница элемента или нет.

Можно задать шаг сетки – размер ячеек сетки по горизонтали и вертикали. Для этого в свойствах схемы Гор. шаг сеткиили Верт. шаг сетки нужно ввести целое число от 1 до 99. Числа, задающие размер ячеек по горизонтали и вертикали, могут быть разными.

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

5.4. Выполнение действий с группой выделенных элементов

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

Выбор группы производится стандартным образом с помощью мыши.

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

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

К таким действиям относятся:

● управление выравниванием,

● распределение элементов,

● установка размера.

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

ПРИМЕЧАНИЕ 1. Для любой выделенной группы можно выполнять только изменение или установку общих свойств элементов, входящих в группу. ПРИМЕЧАНИЕ 2. Групповые операции выполняются для всех выделенных элементов, кроме соединительных линий (т. к. соединительные линии перестраиваются автоматически, и пользователь не может управлять координатами их отдельных сегментов).

5.4.1. Управление выравниванием и распределением элементов схемы

Выравнивание элементов производится с помощью пунктов Графическая схема – Выравнивание или соответствующих этим командам меню Выравнивание и размер.

Пункты меню доступны (выравнивание производится), если выбрано более одного элемента схемы.

КомандыДействия
Выровнять по левому краюПроизводит выравнивание левых границ выбранных элементов. При этом их левые границы располагаются вдоль одной вертикальной прямой
Выровнять по центруПроизводит вертикальное выравнивание элементов по центру активного элемента (“мастера”)
Выровнять по правому краюПроизводит выравнивание правых границ
Выровнять по верхнему краюПроизводит выравнивание верхних границ
Выровнять по серединеПроизводит горизонтальное выравнивание элементов по середине активного элемента (“мастера”)
Выровнять по нижнему краюПроизводит выравнивание нижних границ

5.

4.2. Распределение элементов схемы

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

КомандаДействия
Распределить повертикалиРавномерно распределяет все элементы группы между самым верхним и самым нижним элементом
Распределить погоризонталиРавномерно распределяет все элементы группы между самым левым и самым правым элементом

Команды доступны, если выбрано более двух элементов схемы.

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

5.4.3. Установка размера

С помощью команд подменю Графическая схема – Размер можно установить одинаковые размеры всех элементов, входящих в группу. Следует обратить внимание на то, что за образец выбирается тот элемент, маркеры которого имеют вид «белый квадрат». Этот элемент называется мастером (на рисунке – верхний элемент). Другие элементы имеют маркеры вида «черный квадрат».

Рис. 281. Установка размера элементов

Чтобы сменить мастера, в выделенной группе элементов нужно щелкнуть мышью нужный элемент.

КомандаДействия
Одинаковая ширинаУстанавливает одинаковую ширину всех элементов группы
Одинаковая высотаУстанавливает одинаковую высоту всех элементов группы
Одинаковый размерУстанавливает одинаковый размер всех элементов группы

Результат применения команды Одинаковая ширина для различных элементов-мастеров иллюстрирует следующий рисунок (в примере 1 мастером является верхний элемент, в примере 2 – нижний).

Рис. 282. Результат применения команды «Одинаковая ширина»

5.4.4. Порядок элементов

Когда элементы пересекаются (накладываются), то один элемент закрывает частично или полностью второй элемент. Установка порядка следования элементов производится с помощью команд меню поля графической схемы Порядок или команд подменю Графическая схема – Порядок.

КомандаДействия
Поместить впередПеремещает указанный элемент на один слой вверх
Поместить назадПеремещает указанный элемент на один слой вниз
На передний планПеремещает указанный элемент на передний план
На задний планПеремещает указанный элемент на задний план

Эти действия применяются как к одному элементу, так и к группе элементов.

5.4.5. Масштабирование

Для удобства просмотра всей графической схемы с помощью пункта Графическая схема – Масштаб (а также с помощью колеса прокрутки мыши с нажатой клавишей Ctrl) можно менять масштаб просмотра.

5.4.6. Прокрутка графической схемы

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

5.4.7. Печать и предварительный просмотр

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

Масштаб – дает возможность выбора режима масштабирования при печати. Варианты режима масштабирования:

● Авто – изменение масштаба не производится (режим по умолчанию).

● По ширине страницы – режим пропорционального масштабирования по ширине страницы. Если ширина графической схемы (правая координата ее крайнего справа элемента) больше ширины страницы, то производится пропорциональное масштабирование (пропорциональное изменение размеров по X и по Y) так, чтобы по ширине схема уместилась на страницу.

● На одну страницу – режим пропорционального масштабирования. Если высота (нижняя координата крайнего снизу элемента) или ширина графической схемы больше высоты (ширины) страницы, то производится пропорциональное масштабирование (пропорциональное изменение размеров по X и по Y) так, чтобы вся схема уместилась на одну страницу.

Чередование страниц. Поле Чередование страниц позволяет установить при печати чередование четных и нечетных страниц:

● Не использовать – поля печатаются как обычно;

● Зеркально слева – нечетные страницы печатаются как обычно, а четные печатаются с переменой местами левого и правого поля границ;

● Зеркально сверху – нечетные страницы печатаются как обычно, а четные страницы печатаются с переменой местами нижнего и верхнего полей границ;

● Авто – если в поле Двусторонняя печать указано Нет, поля выводятся как обычно; если Переворот влево, то используется вывод со значением Зеркально слева; если Переворот вверх, то используется вывод со значением Зеркально сверху.

Двусторонняя печать. Поле позволяет настроить двустороннюю печать страниц:

● Нет – двусторонняя печать не используется;

● Переворот влево – двусторонняя печать, при которой страницу нужно переворачивать влево;

● Переворот вверх – двусторонняя печать, при которой страницу нужно переворачивать вверх.

● Использовать настройки принтера – настройки двусторонней печати зависят от настроек используемого принтера.

Черно-белая печать – содержит признак печати и предварительного просмотра графической схемы в черно-белом виде.

5.5. Свойства графической схемы

5.5.1. Категория свойств «Оформление»

В свойствах категории Оформление указывается оформление всей графической схемы.

Свойство Цвет фона определяет цвет фона графической схемы.

5.5.2. Категория свойств «Редактирование»

Выравнивать по сетке – использовать сетку и производить выравнивание элементов по сетке.

Гор. шаг сетки – горизонтальный шаг сетки.

Вер. шаг сетки – вертикальный шаг сетки.

Режим рисования сетки – режим показа линий сетки (Рисовать линии, Рисовать точки, Рисовать шахматную сетку, Не рисовать сетку).

5.6. Элементы графической схемы

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

Поведение элементов настраивается в палитре свойств путем установки и выбора значений. Некоторые свойства элементов присущи всем или большинству типов элементов. Полное описание свойств для каждого элемента приводится в книге «1С:Предприятие 8.3. Описание встроенного языка».

Общие свойства элементов графической схемы.

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

Для удобства описания свойства будут сгруппированы по категориям палитры свойств.

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

5.6.1. Категория свойств «Основные»

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

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

5.6.2. Категория свойств «Оформление»

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

Цвет фона – цвет фона элемента. Цвет выбирается из палитры цветов или из стилей.

Цвет рамки – цвет рамки, отображаемой вокруг элемента.

Цвет текста – цвет текста элемента.

Шрифт – шрифт текста элемента. Задается вид шрифта, размер, начертание или выбирается из стиля.

Элемент (кроме соединительной линии) может содержать картинку (свойство Картинка). Положение картинки относительно основной части элемента задается в свойстве Положение картинки. Режим определения размера картинки в зависимости от размера элемента задается в свойстве Размер картинки.

Для всех элементов, кроме соединительных линий, есть свойства:

● Рамка – рамка, отображаемая вокруг элемента;

● Прозрачный фон – если свойство установлено, то отображение элемента производится с прозрачным фоном.

5.6.3. Категория свойств «Характеристики»

Горизонтальное положение – выбирается выравнивание текста по горизонтали.

Вертикальное положение – выбирается выравнивание текста по вертикали.

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

5.6.4. Категория свойств «Расположение»

Свойства данной категории позволяют позиционировать элемент в схеме. Для всех элементов, кроме линий, есть свойства:

● Лево – позиция левой границы расположения элемента;

● Верх – позиция верхней границы расположения элемента;

● Ширина – ширина элемента;

● Высота – высота элемента.

5.6.5. Декоративная линия

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

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

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

Автопостроение применяется только для линий, которые соединяют два элемента схемы.

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

Разделение декоративных линий на сегменты осуществляется без учета выравнивающей сетки.

5.6.5.1. Категория свойств «Оформление»

Линия – тип и толщина линии, которой рисуются отрезки элемента Соединительная линия.

Цвет линии – цвет, которым рисуются отрезки элемента Соединительная линия.

Стрелка начала, стрелка конца – стиль стрелки у начала и конца линии (нет стрелки, заполненная или незаполненная).

5.6.5.2. Категория свойств «Характеристики»

Позиция текста – положение текста относительно линии (в первом сегменте – текст рисуется поверх первого сегмента линии или в середине линии (середине суммы длин всех сегментов линии)).

5.6.6. Декорация

Элемент графической схемы Декорация предназначен для отображения фигур с текстом и/или картинкой.

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

5.6.6.1. Категория свойств «Оформление»

Фигура – тип отображаемой фигуры из числа предопределенных:

  •  Нет,
  •  Блок,
  •  Папка,
  •  Файл,
  •  Стрелка вправо,
  •  Стрелка влево,
  •  Стрелка вверх,
  •  Стрелка вниз,
  •  Стрелка влево–вправо,
  •  Стрелка вверх–вниз,
  •  Документ,
  •  Скобки вертикальные,
  •  Скобки горизонтальные,
  •  Эллипс.

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

5.6.7. Точка действия

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

5.6.7.1. Категория свойств «Адресация»

Пояснение – строка, характеризующая адресацию точки действия.

Групповая – если установлено в Истина, то задачи на данной точке бизнес-процесса будут выданы каждому члену группы (отдела). В противном случае выдается одна задача на всю группу, например, «Отдел продаж». Выполняет ее один человек (первый взявший ее).

Реквизиты адресации – этих свойств столько, сколько реквизитов адресации у задачи, указанной в свойстве Задачаданного бизнес-процесса. В палитре свойств можно выбрать значение из предопределенных данных, тип которых задан в реквизите адресации задачи (например, из списка Отделы или Исполнители).

5.6.8. Точка разделения

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

Для добавления выходящей линии в контекстном меню нужно выбрать пункт Добавить линию. Для удаления – выделить линию и выбрать пункт Удалить. При этом нельзя удалить единственную оставшуюся исходящую линию.

5.6.9. Точка условия

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

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

5.6.10. Точка завершения

Элемент графической схемы Завершение отображает точку бизнес-процесса, в которой завершается бизнес-процесс.

5.6.11. Точка старта

Элемент графической схемы Старт отображает точку бизнес-процесса, с которой начинается выполнение бизнес-процесса.

5.6.12. Точка слияния

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

5.6.13. Точка вложенного бизнес-процесса

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

5.6.14. Точка обработки

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

5.6.15. Точка выбора варианта

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

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

5.6.16. Категория свойств «Вариант»

Имя – имя варианта. По имени варианта производится обращение к варианту в обработчике ОбработкаВыбораВариантасредствами встроенного языка.

Наименование – наименование варианта (строка, которая выводится внутри области, занимаемой вариантом, внутри элемента Выбор варианта).

Цвет фона – цвет фона варианта. Этим цветом заливается область, занимаемая вариантом, внутри элемента Выбор варианта.

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка...

Похожее

Автор публикации

1 Комментарии: 38Публикации: 475Регистрация: 25-12-2016

Программное добавление элементов к графической схеме (управляемые формы)

Почему то фирма "1С" пошла особым путем и лишила нас, программистов, возможности полноценно работать с таким объектом, как графическая схема. Точнее, работать-то с ней можно, но как то однобоко...
Мне понадобилась как-то возможность программного добавления элементов графических схем, но, поблуждав по Инфостарту, ничего нормально работающего не нашел.


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


&НаСервере
//Получение текста шапки графической схемы
Функция ПолучитьТекстШапки(СтруктураГрафическойСхемы)
    
    Возврат "{5,{{1,{3,3,{-10}},1" + "," + 
        Строка(СтруктураГрафическойСхемы. ШагСеткиПоГоризонтали) + "," + 
        Строка(СтруктураГрафическойСхемы.ШагСеткиПоВертикали) + ",3" + 
        ",6,6,{""N"",10},7,{""N"",10},8,{""N"",10},9,{""N"",10},13,{""N"",0},16,{""N"",0}}}," + 
        Символы.ПС;
    
КонецФункции

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

  1. Как вариант выхода из проблемы - сериализация графической схемы в XML с последующим изменением тегов. Так вероятность того, что после обновления формата это перестанет работать, гораздо ниже.
  2. Для каждого из добавляемых элементов заведем отдельную графическую схему-эталон (макет графической схемы), в которой будет добавляемый элемент со стрелочками и прочим (см. третий скриншот). Эту схему тоже сериализуем, используя DOM в XML, выбираем все добавляемые элементы из схемы эталона.
  3. Изменим в сериализованной схеме-эталоне внутренние идентификаторы добавляемых элементов на уникальные и изменим имя элемента.
  4. Вставим схему эталон в схему источник, в блоке указываются все элементы. Тут простая работа со строками. Один XML файл вставляем в другой в определенное место.
  5. Десериализуем полученную схему результат.
  6. Профит! 🙂
Аналогично можно управлять положением, шириной и высотой элементов. Надо просто проанализировать XML-файл и изменить его. Ниже обработка, которая позволяет добавлять элементы к графической схеме с данным подходом.

Создание блок-схемы с помощью SmartArt

Блок-схема представляет последовательные этапы задачи или процесса. Существует много разных макетов SmartArt, которые можно использовать для представления этапов процесса, в том числе макеты, в которые можно добавить рисунки.

В этой статье объясняется, как создавать блок-схемы, которые могут содержать рисунки. Методы, описанные в этой статье, можно использовать для создания или изменения практически любых графических элементов SmartArt. Для достижения нужного результата попробуйте использовать различные макеты.

В этой статье

Создание блок-схемы с рисунками

  1. На вкладке Вставка в группе Иллюстрации нажмите кнопку SmartArt.

  2. В коллекции Выбор рисунка SmartArt выберите элемент Процесс, а затем дважды щелкните Процесс со смещенными рисунками.

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

  4. Для ввода текста выполните одно из следующих действий:

    • В области текста щелкните элемент [Текст] и введите содержимое.

      Примечание: Если область текста не отображается, на вкладке Конструктор нажмите кнопку Область текста.

    • Скопируйте текст из другого места или программы, в области текста щелкните элемент [Текст], а затем вставьте скопированное содержимое.

    • Щелкните поле в графическом элементе SmartArt и введите свой текст.

      Примечание: Для достижения наилучших результатов используйте это действие после добавления всех необходимых полей.

Добавление или удаление полей блок-схемы

Добавление поля

  1. Щелкните графический элемент SmartArt, в который нужно добавить поле.

  2. Щелкните существующее поле, ближайшее к месту вставки нового поля.

  3. На вкладке Конструктор в группе Создание рисунка щелкните стрелку рядом с кнопкой Добавить фигуру.

    Если вы не видите вкладку Конструктор, убедитесь, что выбрали графический элемент SmartArt.

  4. Выполните одно из указанных ниже действий.

    • Чтобы вставить поле на том же уровне, что и выбранное поле, но после него, выберите команду Добавить фигуру после.

    • Чтобы вставить поле на том же уровне, что и выбранное поле, но перед ним, выберите команду Добавить фигуру перед.

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

Добавление поля из области текста

  1. Поместите курсор в начало текста, куда вы хотите добавить фигуру.

  2. Введите нужный текст в новой фигуре и нажмите клавишу ВВОД. Чтобы добавить отступ для фигуры, нажмите клавишу TAB, а чтобы сместить ее влево — клавиши SHIFT+TAB.

Удаление поля

Перемещение фигуры в блок-схеме

  • Чтобы переместить фигуру, щелкните ее и перетащите на новое место.

  • Чтобы фигура перемещалась с очень маленьким шагом, удерживайте нажатой клавишу CTRL и нажимайте клавиши со стрелками.

Изменение цветов блок-схемы

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

Применение цветов темы

  1. Щелкните графический элемент SmartArt, цвет которого нужно изменить.

  2. На вкладке Конструктор в группе Стили SmartArt нажмите кнопку Изменить цвета.

    Если вы не видите вкладку Конструктор, убедитесь, что выбрали графический элемент SmartArt.

  3. Выберите нужную комбинацию цветов.

Совет: (ПРИМЕЧАНИЕ.) При наведении указателя мыши на эскиз можно просмотреть, как изменяются цвета в графическом элементе SmartArt.

Изменение цвета или стиля фона поля блок-схемы

  1. В графическом элементе SmartArt щелкните правой кнопкой мыши фигуру, которую вы хотите изменить, и выберите пункт Формат фигуры.

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

    • Нет заливки

    • Сплошная заливка

    • Градиентная заливка

    • Рисунок или текстура

    • Узорная заливка

  3. Нажмите кнопку Цвет и выберите цвет из коллекции.

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

Изменение типа или цвета границы

  1. В графическом элементе SmartArt щелкните правой кнопкой мыши фигуру, которую вы хотите изменить, и выберите пункт Формат фигуры.

  2. Чтобы изменить цвет границы, в области Формат фигуры щелкните стрелку рядом с заголовком Линия, чтобы развернуть список, и выберите один из следующих вариантов:

    • "Нет линий", "Сплошная линия" или "Градиентная линия"

    • Цвет

    • Прозрачность (используйте ползунок или введите процентное значение)

    • Ширина (в пикселях)

    • Составной тип

    • Тип штриха

    • Тип точки

Применение стиля SmartArt к блок-схеме

Стиль SmartArt — это сочетание различных эффектов, например стилей линий, рамок или трехмерных эффектов, которые можно применить к полям графического элемента SmartArt для придания им профессионального, неповторимого вида.

  1. Щелкните графический элемент SmartArt, стиль SmartArt которого нужно изменить.

  2. На вкладке Конструктор в группе Стили SmartArt выберите нужный стиль.

    Чтобы просмотреть другие стили SmartArt, нажмите кнопку Дополнительные параметры  .

    Если вы не видите вкладку "Конструктор", убедитесь, что выбрали графический элемент SmartArt.

    Примечания: 

    • Если навести указатель мыши на эскиз, можно увидеть, как изменяется стиль графического элемента SmartArt.

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

Анимация блок-схемы

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

  1. Щелкните графический элемент SmartArt, который вы хотите анимировать.

  2. На вкладке Анимация в группе Анимация щелкните Параметры эффектов и выберите параметр Последовательно.

Примечание: Если скопировать блок-схему с примененным к ней эффектом анимации на другой слайд, эффект также будет скопирован.

Дополнительные сведения

Выбор графического элемента SmartArt

Создание организационной диаграммы с помощью графических элементов SmartArt

Создание блок-схемы

Единая система программной документации.

Р-схемы алгоритмов и программ. Обозначения условные графические и правила выполнения – РТС-тендер


ГОСТ 19.005-85

Группа Т55



МКС 35.080
ОКСТУ 0019

Дата введения 1986-07-01



Постановлением Государственного комитета СССР по стандартам от 27 марта 1985 г. N 893 дата введения установлена 01.07.86

ПЕРЕИЗДАНИЕ. Январь 2010 г.


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

Стандарт устанавливает условные графические обозначения элементов и структур Р-схем, а также правила их выполнения автоматическим и (или) ручным способами.

Р-схема (R-chart) - нагруженный по дугам ориентированный граф, изображаемый с помощью вертикальных и горизонтальных линий и состоящий из структур (подграфов), каждая из которых имеет только один вход и один выход.

1. УСЛОВНЫЕ ОБОЗНАЧЕНИЯ ЭЛЕМЕНТОВ Р-СХЕМ

1.1. Перечень, наименование, обозначение и функции элементов Р-схем должны соответствовать указанным в табл.1.

Таблица 1

Наименование

Обозначение и его содержание

Функция

1. Вершина

Вершина Р-схемы

Окружность диаметром не менее 2 мм

2. Вершина специальная

Выделение вершины Р-схемы

Левая и правая круглые скобки на расстоянии не менее 1 мм

3. Дуга

а)
б)

Направленное соединение двух вершин Р-схемы

Горизонтальная линия со стрелкой
а) справа б) слева

4. Дуга специальная

Специальное соединение двух вершин Р-схемы

Две горизонтальные линии, отстоящие друг от друга на расстоянии 0,8-3 мм

5. Линия соединительная

Соединение по вертикали указанных выше элементов Р-схемы

Вертикальная линия

6. Комментарий


Связь между элементом Р-схемы и текстом комментария

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

1.2. В приложении 1 приведены примеры допустимых условных обозначений элементов Р-схем, выполненных на алфавитно-цифровых устройствах ввода-вывода.

1.3. В приложении 2 приведены примеры выполнения элементов Р-схем.

2. СТРУКТУРЫ Р-СХЕМ

2.1. Структуры Р-схем должны соответствовать указанным в табл.2 или полученным из них путем применения правил соединения структур (разд.3).

Таблица 2

Наименование

Обозначение и его содержание

Функция

1. Структура базовая

Последовательность переходов между вершинами в соответствии с направлением дуг

Две вершины, соединенные одной и более дугами любого направления и в любом сочетании

2. Структура специальная

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

Две вершины, соединенные специальной дугой или специальной дугой и любым числом дуг любого направления и в любом сочетании


Примечания:

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

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

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

2.2. В приложении 3 и на черт.1-4 приведены примеры записи структур Р-схем.

3. ПРАВИЛА СОЕДИНЕНИЯ СТРУКТУР Р-СХЕМ

3.1. Устанавливаются следующие соединения структур Р-схем:

последовательное;

параллельное;

вложенное.

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

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

Пример последовательного соединения г* структур а, б, в и а* приведен на черт.1.
_______________
* Текст документа соответствует оригиналу. - Примечание изготовителя базы данных.

Черт.1

3.1.2. Параллельное соединение структур Р-схем осуществляется путем связи соединительными линиями начальной и конечной вершин одной структуры соответственно с начальной и конечной вершинами другой, расположенной под ней структуры. Начальной и конечной вершинами результирующей структуры становятся соответственно начальная и конечная вершины первой (верхней) из соединяемых структур.

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

Черт.2

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

Примеры вложенного соединения структур Р-схем приведены на черт.3 и 4. На черт.3 вложение осуществляется путем замены дуги со стрелкой справа, а на черт.4 - слева.

На черт.3 изображены примеры вложенного соединения: а - структуры 1 в в структуру 1 б; б - последовательного соединения структур 1 б и 1 а в структуру 1 в; в - структуры 1 в в структуру 1 в; г - структуры 2 б в структуру 1 б.

Черт.3

На черт.4 изображены примеры вложенного соединения: а - структуры 1 б в структуру 1 б; б - последовательного соединения структур 1 в, 1 б и 1 а в структуру 1 б; в - последовательного соединения структур 1 б и 2 б в структуру 1 б.

Черт.4

4. НАДПИСИ НА ЭЛЕМЕНТАХ И СТРУКТУРАХ Р-СХЕМ

4.1. Надписи на элементах и структурах Р-схем должны соответствовать указанным в табл.3.

Таблица 3

Наименование

Обозначение и его содержание

Функция

1. Надпись внутри специальной вершины

(СТРОКА)

Тип структуры Р-схемы, определяющий ее особую peaлизацию

2. Надпись над дугой

ЗАПИСЬ

Условие прохождения по дуге

3. Надпись под дугой


ЗАПИСЬ

Действие, выполняемое при прохождении по дуге

4. Надпись над специальной дугой

ЗАПИСЬ

Задает специальное (определенное при реализации) выполнение структуры Р-схемы

5. Надпись под специальной дугой


ЗАПИСЬ

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

6. Надпись около начальной вершины структуры

а) ИМЯ

б) ИМЯ

Имя структуры Р-схемы

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

7. Надпись в конце дуги

а) ИМЯ

Переход в начало (а) или в конец (б) структуры Р-схемы с указанным именем

б) #ИМЯ

При отсутствии имени переход осуществляется в начало (а) или конец (б) данной Р-схемы

Знаки "Звездочка" или "номер" с именем в конце дуги без пробелов. Имя может отсутствовать


Примечания:

1. СТРОКА - последовательность любых знаков.

2. ЗАПИСЬ - любой текст, включая пустой, формульный, формальный (на языках программирования), содержащий любые специальные знаки, таблицы, рисунки и т.п. и записанный в одну или более строк таким образом, что длина любой строки не превышает длину дуги, соответствующей тексту.

3. ИМЯ - идентификатор по ГОСТ 19781-90.

4.2. В приложении 4 приведены примеры выполнения надписей на элементах и структурах Р-схем.

5. ПРАВИЛА ВЫПОЛНЕНИЯ Р-СХЕМ

5.1. Р-схемы в программных документах выполняются на листах формы 1 или формы 2 в соответствии с ГОСТ 19.106-78.

5.2. На одном листе может располагаться одна или несколько без переноса Р-схем, каждая из которых может сопровождаться текстом, записываемым до и (или) после нее. Правила оформления текстов Р-схем определяются при реализации. Текст Р-схемы, текст ее комментария и ЗАПИСИ на элементах Р-схем для одного способа выполнения (ручного или автоматического) должны иметь одинаковый интервал между строками.

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

5.4. Расстояние между Р-схемой и сопровождающим ее текстом, а также между Р-схемами должно быть больше одного интервала между строками ЗАПИСЕЙ на элементах Р-схем.

Расстояние между Р-схемой и текстом документа должно быть больше одного интервала между строками текста документа.

5.5. Р-схемы и сопровождающие их тексты при ручном изготовлении должны быть выполнены черными чернилами, пастой или тушью, иметь одинаковую толщину линий и шрифт, соответствующий ГОСТ 2.304-81.

Специальные знаки (, #, круглые скобки), используемые при изображении Р-схем, должны по высоте не превышать 1,5, где - максимальная высота строки ЗАПИСЕЙ на элементах Р-схемы.

5.6. Расстояние между ЗАПИСЯМИ, расположенными одна под другой на разных дугах одной Р-схемы, должно быть больше одного интервала между строками ЗАПИСЕЙ на элементах Р-схем.

5.7. Квадратная скобка в комментарии должна охватывать текст комментария.

5.8. Расстояние сверху и снизу от текста комментария должно быть больше одного интервала между строками текста комментария.

5.9. В приложении 5 приведен пример выполнения Р-схемы.

ПРИЛОЖЕНИЕ 1 (справочное). ПРИМЕРЫ ДОПУСТИМЫХ УСЛОВНЫХ ОБОЗНАЧЕНИЙ ЭЛЕМЕНТОВ Р-СХЕМ, ВЫПОЛНЕННЫХ НА АЛФАВИТНО-ЦИФРОВЫХ УСТРОЙСТВАХ ВВОДА-ВЫВОДА

ПРИЛОЖЕНИЕ 1
Справочное

Наименование

Обозначение

1. Вершина

или

Знак "Плюс" или "Знак денежной единицы" по ГОСТ 19767-74*

________________
* На территории Российской Федерации документ не действует. Действует ГОСТ 27465-87, здесь и далее по тексту. - Примечание изготовителя базы данных

2. Вершина специальная

Левая и правая круглые скобки

3. Дуга

а)

Последовательность знаков "Минус", заканчивающаяся знаком "Больше"

б)

Последовательность из знака "Меньше" и следующих за ним знаков "Минус"

4. Дуга специальная

Последовательность знаков "Равно"

5. Линия соединительная


Последовательность расположенных друг под другом знаков "Восклицательный знак"

6. Комментарий

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

ПРИЛОЖЕНИЕ 2 (справочное). ПРИМЕРЫ ВЫПОЛНЕНИЯ ЭЛЕМЕНТОВ Р-СХЕМ


ПРИЛОЖЕНИЕ 2
Справочное

Наименование

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

Выполнение автоматизированным способом на алфавитно-цифровых устройствах ввода-вывода

1. Вершина


2. Вершина специальная


3. Дуга



4. Дуга специальная



5. Линия соединительная


6. Комментарий


ПРИЛОЖЕНИЕ 3 (справочное). ПРИМЕРЫ ЗАПИСИ СТРУКТУР Р-СХЕМ


ПРИЛОЖЕНИЕ 3
Справочное

Наименование

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

Выполнение автоматизированным способом на алфавитно-цифровых устройствах ввода-вывода

1. Структура базовая


2. Структура специальная


ПРИЛОЖЕНИЕ 4 (справочное). ПРИМЕРЫ ВЫПОЛНЕНИЯ НАДПИСЕЙ НА ЭЛЕМЕНТАХ И СТРУКТУРАХ Р-СХЕМ


ПРИЛОЖЕНИЕ 4
Справочное

Наименование

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

Выполнение автоматизированным способом на алфавитно-цифровых устройствах ввода-вывода

1. Надпись внутри вершины специальной


2. Надпись над дугой или специальной дугой


3. Надпись под дугой или специальной дугой


4. Надпись около начальной вершины структуры


5. Надпись в конце дуги


ПРИЛОЖЕНИЕ 5 (справочное). ПРИМЕР ВЫПОЛНЕНИЯ Р-СХЕМЫ ПРОГРАММЫ НА ПАСКАЛЕ


ПРИЛОЖЕНИЕ 5
Справочное



Программа MINIMAX анализирует ряд чисел и выдает их количество, минимальное и максимальное числа. Признаком конца ряда чисел является число нуль.

Традиционная линейная форма записи этой же программы имеет следующий вид:

В целом приложение 5 оформлено в соответствии с настоящим стандартом как сочетание ручного и автоматического способов. Р-схемы выполнены на двух листах формы 1 (в поле 3 - текст документа) по ГОСТ 19.106-78. На первом листе изображено две Р-схемы, которые друг от друга отделены более чем одним интервалом. Первая Р-схема сопровождается до, а вторая - после себя текстом.



Электронный текст документа
подготовлен ЗАО "Кодекс" и сверен по:
официальное издание
Единая система программной
документации: Сб. ГОСТов . -
М.: Стандартинформ, 2010

Применение метода графического моделирования в построении блок-схемы завода нефтехимического профиля | Фомина

Применение метода графического моделирования в построении блок-схемы завода нефтехимического профиля

В. В. Фомина, Ю. А. Жаринов, А. Ю. Абызгильдин


Аннотация

В статье представлена блок-схема, выполненная новым способом. Традиционная блок-схема имеет множество недостатков: место блоков и их местонахождение четко не определено; ориентация и расположение линий не определяется их составом и свойствами материальных потоков; коммуникации в структуре завода образуют сложную сеть линий; затруднительно проследить некоторые связи; сложно извлечь информацию, содержащуюся в чертеже; визуально невозможно определить систему связей. Таким образом, обычные методы построения блок-схем создают громоздкие и неинформативные графические представления производства. Новый метод заключается в графическом моделировании. Оптимизация графического представления нефтехимического производства осуществляется на примере завода, который является одним из структурных подразделений крупнейшего нефтехимического комплекса в России. Проведен анализ структуры нефтехимического производства, представлены его результаты. На заводе действуют два производства: производство этилена, пропилена и жидких продуктов пиролиза, содержащих значительное количество ароматических углеводородов; производство пластмасс. Производственный цикл завода разбивается на блоки нефтехимических процессов. Каждое производство состоит из нескольких блоков процессов. Cоставлена линейная схема, на которой располагаются блоки процессов. Элементы и их связующие расположены в определенном порядке. Блок-схема завода построена путем соединения всех блоков отдельных процессов. Данная графическая модель блок-схемы завода является более наглядной; легко подвергается системному анализу; образует единое графическое представление завода нефтехимического профиля. Благодаря системе метода графического моделирования блок-схемы нефтехимических производств, представляются в существенно упрощённом виде, удобном для анализа, хранения, переработки и использования информации, заключенной в графических моделях нефтехимических процессов.


Ключевые слова

block diagram;ethylene;graphic model;method of graphical modeling;petrochemical processes;petrochemical production;propylene;structural analysis;system analysis.;блок-схема;графическая модель;метод графического моделирования;нефтехимические процессы;нефтехимическое производство;пропилен;системный анализ.;структурный анализ;этилен


Полный текст:
PDF
Литература

1 Графические модели процессов переработки нефти и газа. / Абызгильдин А.Ю. и др. М.: «Химия», 2004. 176 с.

2 Абызгильдин А.Ю., Фомина В.В. Графическая модель нефтеперерабатывающего завода // Нефтегазовое дело. 2008. Т. 6, № 1. С. 44 46.

3 Абызгильдин А.Ю., Фомина В.В. Построение блок-схем нефтеперерабатывающих и нефтехимических производств методом графических моделей // Перспективы развития химической переработки горючих ископаемых: материалы конф., СПб. Химиздат, 2006. 244 c.

4 Магеррамов А.М., Ахмедова Р.А., Ахмедова Н.Ф. Нефтехимия и нефтепереработка: учебник для высших учебных заведений. Баку: изд-во «Бакы Университети», 2009. 660 с.

5 Потехин В.М., Потехин В.В. Основы теории химических процессов технологии органических веществ и нефтепереработки. СПб.: Химиздат, 2007. 944 с.

6 Фомина В.В. Изображение технологических схем в виде графических моделей // Единое образовательное пространство России и необходимость его формирования в обществе: всерос. науч.-практ. конф.: сб. ст.. Пенза, 2003. С. 172.


DOI: http://dx.doi.org/10.17122/ogbus-2014-1-263-272

Ссылки

  • На текущий момент ссылки отсутствуют.

УФА, УГНТУ, 2020

50 великолепных цветовых схем с потрясающих веб-сайтов

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

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

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

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

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

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

СВЯЗАННО: 50 красивых цветовых комбинаций (и как их применить к вашим дизайнам)

1 Красочный и сбалансированный

Активная теория

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

2 ярких акцентных цвета

Paypr

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

3 Натуральный и землистый

Resn

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

4 Прохладный и свежий

Grosse Lanterne

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

5 Смелый и яркий

W&CO

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

6 вермиллионов и русская зелень

Stinkdigital

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

7 Стильный и изысканный

Bordel Studio

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

8 фиолетовых оттенков и тонов

ReedBe

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

9 глубоких пурпурных и блюзовых оттенков

Самсы

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

10 Современные и смелые

Брайан Джеймс

Очаровательная комбинация розового, красного, черного и серого цветов. Эта современная палитра вызывает ощущение роскоши, изысканности и минимализма.

11 Живые и манящие

Антон и Ирен

Это прекрасное сочетание конфетно-розового, зелено-желтого, лавандово-серого и пастельно-коричневого цветов идеально подходит для создания яркого и привлекательного образа.

12 Поразительно и просто

Берт

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

13 Красный и живой

BrightMedia

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

14 Вычурное и творческое

Джули Флогак

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

15 Элегантный, но доступный

Эпический

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

16 Изящный и футуристический

MediaMonks

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

17 Новаторский и смелый

Интерактивный дизайн eDesign

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

18 Текстурированный и динамический

HAUS

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

19 Минимальный, но теплый

Идентификаторы удовольствия

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

20 Яркие и четкие

FCINQ

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

21 Чистый и энергичный

Изменить цифровой

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

22 Корпоративное и традиционное

Уотсон / ДГ

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

23 Синий и освежающий

Supremo

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

24 Чистый и современный

Umwelt A / S

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

25 Яркий и элегантный

Waaark

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

26 Молодость и веселье

Пятьсот

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

27 Великолепный контраст

Иммерсивный сад

Этот элегантный и ультрасовременный сайт может похвастаться элегантным и привлекательным сочетанием с эффективным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым фоном.

28 эффективных акцентных цветов

SMFB

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

29 Современность в полном расцвете

Nurture Digital

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

30 Рядом с природой

Родился 05

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

31 Ярко-розовый и пастель

Stinkdigital

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

32 Уникальная комбинация

AILOVE

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

33 ярких цитрусовых цвета

Чизкейк супергероя

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

34 Яркие синие и оранжевые

Бюрократик

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

35 Красная роза и черника

Google Brand Studio

Эта серия розовых и красных цветов с ярко-синей кнопкой с призывом к действию создает большой визуальный интерес и сразу привлекает к себе внимание.

36 Смелый и уникальный

Детали

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

37 Веселая и энергичная

Шер Ами

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

38 Снежный, но теплый

Оставляющий камень

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

39 Богатство и красочность

Elespacio

Эта яркая и насыщенная цветовая комбинация объединяет яркий желтый, синий и розовый в этом красивом минималистском дизайне, который можно использовать в ярких, но профессиональных проектах.

40 Модерн и минимализм

SFCD

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

41 Бесстрашный и бесстрашный

Great Works Копенгаген

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

42 цвета Flat Design

Resn

Даже если вы не знакомы с термином «плоский дизайн», вы, вероятно, видели его раньше: веб-сайты без падающих теней, без градиентов, без скосов; Короче говоря, никаких трехмерных элементов.

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

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

43 Эклектичный и мирный

Играть

Это уникальное сочетание кофейного тона с небесно-голубым и различными оттенками коричневого делает эту цветовую схему успокаивающей и успокаивающей: чем-то напоминающим вашу любимую кофейню или гостиную.

44 Классный и традиционный

details.ch

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

45 ярких акцентных цветов

stinkdigital

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

46 Корпоративное и серьезное

EPIC

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

47 Гламурно и модно

Апартамент

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

48 Привлекательный и гладкий

ФУТУРАМО

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

49 Громко и прямо в лицо

Паника

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

50 Живых, но успокаивающих

madeo

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

Теория цвета в графическом дизайне : Краткое руководство для не дизайнеров

В дизайне есть несколько вещей, которые важнее цвета.Цвет может вызывать реакции, эмоции или даже действия без слов. Так как же узнать, какие цвета хорошо смотрятся вместе? Ответ - теория цвета в графическом дизайне! Теория цвета описывает использование цвета в графическом дизайне. Иначе известные как цветовые палитры графического дизайна. Однако это касается не только художников, ведь люди используют теорию цвета и в повседневной жизни! Будь то выбор наряда или создание приглашения на вечеринку в честь дня рождения членов семьи, теория цвета поможет вам выбрать красочный графический дизайн!

1.Понимание теории цвета в графическом дизайне

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

Теория цвета в графическом дизайне: красный

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

Так как он также ассоциируется с силой и образами огня, насилия и войны, мы склонны использовать красный цвет как предупреждение об опасности или даже для выговора кому-то, например, обозначая что-то неправильно, используя большой красный знак «X». Тем не менее, красный цвет также можно рассматривать как символ статуса, например, на мероприятиях по красной ковровой дорожке, или он может заставить кого-то подумать о красных рубинах.

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: желтый

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

Щелкните изображение для редактирования

Используйте желтый цвет, если хотите получить яркий всплеск счастливой энергии или чтобы сразу привлечь внимание к какой-либо области. Yello также отлично подходит для создания более промышленных или современных дизайнов! Если вы обнаружите, что желтый цвет слишком резкий и яркий, попробуйте использовать более приглушенный желтый.

Теория цвета в графическом дизайне: синий

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: оранжевый

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: зеленый

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: фиолетовый

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

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

Щелкните изображение для редактирования

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

2. Что такое терминология цвета?

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

оттенок

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

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

Насыщенность

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

Значение

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

Яркость

Яркость - это просто оттенок цвета вместе со значением цвета. Это относится к его легкости и способности воспроизводить свет или отражение.Это также известно как «яркость».

3. Цветовая палитра для графического дизайна

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

Цветовой круг

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

Дополнительный цвет

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

Дополнительные

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

Раздельный дополнительный

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

Аналог

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

Триадический

Третичные цвета - это цвета, полученные путем комбинирования вторичного цвета с основным цветом.Шесть цветов считаются третичными. В цветовом круге RYB эти третичные цвета - красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый.

4. Цветные сайты для графического дизайна

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

COLOURlovers

COLOURlovers - это творческое сообщество, в котором люди со всего мира создают и обмениваются цветами, палитрами и узорами, обсуждают последние тенденции и изучают красочные статьи.Благодаря более чем 4 682 736 палитрам, 10 035 451 цвету, 5 844 503 узорам в 532 217 шаблонах вы обязательно найдете вдохновение, чтобы дать толчок своим творческим проектам.

Color Hunt

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

Палетон

Paletton , инструмент дизайна для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Ранее он назывался Color Scheme Designer.

5. Как создать графический дизайн с помощью теории цвета?

Шаг 1

Сначала вы перейдете на fotor.com и выберите свой шаблон, перейдя на страницу Design и выбрав Poster из категории Marketing .

Выберите свой шаблон на боковой панели, я выберу этот плакат распродажи Черной пятницы!

Шаг 2

А теперь давайте настроим дизайн!

Сначала текст, давайте Щелкните на тексте заголовка и измените начертание шрифта на Alibaba Sans Bold.

Я также изменю «Когда» и «Где» на Alibaba Sans Bold.

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

Теперь о цветах. Давайте сменим желтый цвет на более уличный зеленый цвет.

Щелкните желтый заголовок, в верхнем левом углу выберите пастельно-зеленый цвет.

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

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

Наконец, давайте воспользуемся дополнительными цветами, чтобы выделить байк. В этом случае у нас много зеленого. Дополнительный зеленый цвет - красный! Итак, давайте щелкнем по велосипеду и выберем красный для нашего третьего цветового поля, изменив рамку бокэ на красный.

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

Шаг 3

Наконец, давайте сохраним наше изображение под Назвав файл out, выбрав .PNG в качестве типа файла, а затем выбрав High для нашего качества! И все готово!

6. FAQ

Какие бывают 3 цветовые схемы?

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

Какие цветовые сочетания бывают хороши?

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

Какой цвет сочетается со всеми цветами?

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

Какие цвета будут популярны в 2020 году?

Мягкие розовые оттенки и приглушенные натуральные зеленые и синие тона - это прогнозируемые трендовые цвета на 2020 год. Земляные нутруэлы также будут широко представлены в наступающем году!

Какой цвет в первую очередь бросается в глаза?

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

Outro

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

О нас:

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

The Stata Blog »Создание вашего любимого графического стиля

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

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

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

.  наблюдаемое двухстороннее рассеяние1 наблюдалось2 дня, цвет (% 8% 8) ||
         line ols ar1 day, ||
         редкий день, цвет (серый% 20)
         title (Фактор сезонной корректировки) 
 

На этом графике в основном используются значения по умолчанию Stata.Единственным исключением является прозрачность маркеров диаграммы рассеяния и области доверительного интервала, которые я запросил, используя% 8 и% 20 в параметре color () .

С помощью этой команды я получаю

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






Что порождает эти различия? Схемы.

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

.  комплект схемы экономист 

.  установить схему s1rcolor 

.  набор схем plottig 

.  установить схему плотплэн 

.  установить схему без загромождений 

.  установить схему Lean2 
 

и, следуя каждой из этих команд set scheme , я снова выполнил команду twoway .

Схема s2color используется по умолчанию при установке Stata.Это схема, по которой создан график вверху. Команда set scheme изменяет стиль графика по умолчанию. Stata предоставляет 11 схем, из которых вы можете выбирать; эти схемы обсуждаются в [G-4] схем интро . Здесь вы найдете информацию об использовании схем Economist и s1rcolor , которые я использовал выше.

Схемы, предоставленные Stata, являются только отправной точкой. Многие члены сообщества пользователей Stata также внесли свой вклад в схемы. Например, схемы plottig и plotplain , которые я использовал, были созданы Даниэлем Бишофом и описаны в его статье Stata Journal «Новые графические схемы для Stata: plotplain и plottig». Лаконичная схема была предоставлена ​​Греем Кимбро. Схема Lean2 была создана Свендом Юулом и обсуждается в его статье Stata Journal «Бережливые основные схемы для графики Stata 8». Если вам нравится стиль одного из последних четырех графиков, вы можете просто загрузить и установить соответствующую схему и установить ее в качестве схемы перед созданием графиков.Если ни одна из этих схем не создает нужный стиль, попробуйте ввести search scheme в Stata, чтобы найти и установить другие схемы.

И если ни одна из этих схем не совсем то, что вы имели в виду, вы можете написать свою собственную схему. Чтобы узнать об этом, введите

.  файлы схемы справки 
 

в Стате. Затем посмотрите выступление Винса Уиггинса «Планируя свой путь к согласованным графикам» на собрании британской группы пользователей Stata в 2006 году. Он проведет вас через весь процесс.

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

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

.  двухстороннее рассеяние y x 
 

вы можете использовать graph play , чтобы применить те же изменения,

.  запись воспроизведения графика1 
 

Или используйте опцию play () при создании графика.

.  двухсторонний разброс y x, воспроизведение (запись1) 
 

Кевин Кроу объясняет больше в своей статье Stata Journal «Stata tip 72: Использование Graph Recorder для создания схемы псевдографа».Вы также можете посмотреть наше видео на YouTube, которое демонстрирует, как записывать изменения и воспроизводить запись на других графиках.

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

Начало графического дизайна: Цвет

/ en / начало-графический-дизайн / типография / содержание /

Сила цвета

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

Так как же узнать, какие цвета хорошо смотрятся вместе, а какие нет? Ответ прост: Теория цвета .

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

Посмотрите видео ниже, чтобы узнать больше о цвете.

Основы цвета

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

Дополнительные цвета создаются путем объединения двух основных цветов .Красный и желтый составляют оранжевый; желтый и синий составляют зеленый; а синий и красный - фиолетовый.

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

Присмотритесь

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

оттенок

Hue - самый простой; это просто другое слово для цвета . В приведенном ниже примере вы можете описать оттенок как кораллово-розовый или светло-красный , в зависимости от вашей интерпретации.

Насыщенность

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

Значение

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

Создание цветовых схем

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

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

Монохромный

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

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

Аналог

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

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

Дополнительные

Дополнительные цветов - друг напротив друга на колесе; например, синий и оранжевый или классический красный и зеленый.

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

Раздельно-комплементарная

Цветовая схема с дополнительным разделением использует цвета по по обе стороны от дополнительной .

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

триадический

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

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

Тетрадик

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

Как избежать распространенных ошибок

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

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

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

Иногда это означает НЕ использование цвета - по крайней мере, не в каждой маленькой детали .

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

Правильный выбор цветов

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

Например, ярких цветов, , как правило, имеют веселую или современную атмосферу.

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

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

В поисках вдохновения

Вы можете найти идей цветовых решений во всевозможных интересных местах, от рекламы и брендов до известных произведений искусства.

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

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

Собираем все вместе

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

Надеемся, вам понравилось изучать основы цвета!

Обязательно ознакомьтесь с остальными нашими темами о графическом дизайне, в том числе:

/ ru / начало-графический-дизайн / макет-и-композиция / содержание /

39 вдохновляющих цветовых схем веб-сайта, которые пробудят ваши творческие способности

Ищете вдохновляющие цветовые схемы для веб-сайта? Мы собрали коллекцию прекрасных дизайнов веб-сайтов, отличные цветовые схемы которых, несомненно, заставят ваши творческие соки течь.В данную коллекцию вошли:

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

Хотите узнать о главных тенденциях веб-дизайна 2021 года?

I. Мягкие и бледные цветовые схемы веб-сайта: Feelin ’Comfy

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

Мягкие и бледные цветовые решения веб-сайта приятны и уютны. Вот подборка сайтов, выполненных в таких цветовых решениях. Вы ощутите комфорт и уют?

1. Beauregard

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

  • ISABELLINE
  • БЫСТРЫЙ СЕРЕБРЯНЫЙ
  • AUROMETALSAURUS
  • СВЕТЛО-СЕРЫЙ
  • ЧЕРНЫЙ ОЛИВКОВЫЙ

2. Фонд Squilla

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

  • СИНИЙ СИНИЙ
  • ЛУННЫЙ КАМЕНЬ
  • СИНИЙ ПОРОШОК
  • ВОЛШЕБНАЯ МЯТА
  • БЕЛЫЙ ДЫМ

3. Либенар

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

  • СНЕГ
  • РОЗОВЫЙ ИСПАНСКИЙ
  • ПЫЛЬНАЯ БУРЯ
  • МЫЛО
  • ЯЛЕ-СИНИЙ

4.Mont Roucous

Чистый и красивый сайт, рекламирующий детские товары. Дизайнеры сделали ставку на бледно-розовые оттенки в сочетании с более лиловыми нюансами, чтобы создать красивую цветовую палитру сайта, а именно:

  • КАРОЛИНА СИНИЙ
  • ПАСТЕЛЬНЫЙ РОЗОВЫЙ
  • ЧАЙНАЯ РОЗА
  • МАКСИМАЛЬНЫЙ СИНИЙ ФИОЛЕТОВЫЙ
  • ОРГАНИЗАЦИЯ ОБЪЕДИНЕННЫХ НАЦИЙ СИНИЙ

5.
Ковбойские велосипеды

Сайт о новом поколении электровелосипедов.Этот дизайн был выполнен с мягкими золотисто-розовыми оттенками, яркими цветами типографики и забавными золотыми деталями. Цветовая гамма сайта состоит из:

  • ЛАВАНДОВАЯ РУМАЯ
  • ЧАЙНАЯ РОЗА
  • РОЗОВОЕ ЗОЛОТО
  • КРАСНЫЙ РАДИКАЛЬНЫЙ
  • СВЕТЛО-ФРАНЦУЗСКИЙ БЕЖЕВЫЙ

Вдохновляющие цветовые схемы веб-сайта фиолетовый пастельный фиолетовый и розовый веб-сайт

6. Сахель

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

  • ТЕМНОЕ ЗОЛОТО
  • ТАН
  • ПЫЛЬНАЯ БУРЯ
  • БЕЛЫЙ ДЫМ
  • VAN DYKE КОРИЧНЕВЫЙ

7. Я и мистер Дарси

Блог в очень женственном веб-дизайне радует глаз красивыми теплыми цветами. Этот блог о «жизни и любви», по словам владельца, был выполнен в цветовой гамме с этими ведущими цветами:

  • МИНДАЛЬ
  • РОЗОВЫЙ ШАМПАНСКИЙ
  • СРЕДНЕ-ФИОЛЕТОВЫЙ
  • КОБИ
  • СОЛНЕЧНИК

8.Спасаем воздух

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

  • АЭРО СИНИЙ
  • СВЕТЛАЯ СРЕДНЯЯ ОРХИДЕЯ
  • МЕДОВЫЙ
  • СВЕТЛЫЙ КОРАЛЛ
  • НЕБЕЛЫЙ ШЕЛК

9. Менд Зельцер

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

  • ПЛАТИНОВЫЙ
  • ТАНГО РОЗОВЫЙ
  • ОРАНЖЕВЫЙ-ЖЕЛТЫЙ
  • ЯЩИК ИНСТРУМЕНТОВ
  • ЯРКАЯ ЛАВАНДА

Вдохновляющий веб-сайт Цветовые схемы красочные пастельные тона веб-сайт

10.
Лобстер

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

  • ЯРКИЯ
  • СИНИЙ ПОРОШОК
  • ЗЕЛЕНО-СИНИЙ
  • БЕЛЫЙ
  • РОЗОВЫЙ ФАНДАНГО

Возможно, вас заинтересует эта статья: Психология цвета - как улучшить свой веб-дизайн

II. Пастельные и землистые цветовые схемы веб-сайта: навеяны природой

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

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

11. Лечение ногтей

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

  • ПЛАТИНОВЫЙ
  • ЧЕРЕПАХА ЗЕЛЕНЫЙ
  • СЕРЫЙ-СИНИЙ
  • ТАН
  • КОКОС

12. Горный человек

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

  • БЕЛЫЙ ЗОЛОТО
  • ОЛЕНЬ
  • АРТИШОК
  • ТЕМНО-КОРИЧНЕВЫЙ-ТАНГЕЛО
  • СОЛОМА

Вдохновляющий веб-сайт Цветовые схемы ретро-цвета веб-сайт

13.Андрис Горакс

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

  • ПУСКИ СИНИЙ
  • ФРАНЦУЗСКИЙ НЕБО-СИНИЙ
  • АЛИСА СИНИЙ
  • БЕЛЫЙ
  • МЕДЬ

14. Зеленый органический голландец

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

  • БИСТР
  • ВЕГАС ЗОЛОТО
  • ПУСТЫННЫЙ ПЕСК
  • БЕЛЫЙ
  • ЛАДОНИЛЬНЫЙ ЛИСТ

15. 10 × 18

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

  • БЕЛЫЙ ДЫМ
  • ГЛУБОКОЕ КОСМИЧЕСКОЕ БЛЕСК
  • СЭНДИ КОРИЧНЕВЫЙ
  • ПАСТЕЛЬ ОРАНЖЕВЫЙ
  • СВЕТЛЫЙ КОРАЛЛ

Реклама

16.Адриан Лоран

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

  • ПЫЛЬНЫЙ БУРЯ
  • УПЛОТНЕНИЕ КОРИЧНЕВОЕ
  • ОРАНЖЕВЫЙ (PANTONE)
  • БЕЛЫЙ МЕДНЫЙ
  • ЛЕН

Вдохновляющие цветовые схемы веб-сайта теплые тона веб-сайт

17. Бронзовая коллекция Bang Olufsen

Сайт о спикерах в красивом художественном стиле - бронзовая тематика.Бронза - это знаменитый сплав металлов, который воплощается в веб-дизайне, пробуждает элегантность и изысканность. Цвета в этой палитре:

  • ACAJOU
  • СТАРОБОРДОВЫЙ
  • БЕЛЫЙ
  • ИНДИЙСКИЙ ЖЕЛТЫЙ
  • РУССЬ

Вас также могут заинтересовать 30 идей дизайна веб-сайтов электронной коммерции для вашего интернет-магазина

III.

Яркие и смелые цветовые схемы веб-сайта: кричать о внимании

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

18. MA-TEA

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

  • РАЙСКИЙ РОЗОВЫЙ
  • КОСМИЧЕСКИЙ КОБАЛЬТ
  • ОРЕОЛИН
  • КЕЛЛИ ГРИН
  • МУДРЕЦ

19. Мяу Волк

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

  • ОРЕОЛИН
  • АЭРО
  • MANTIS
  • СВОБОДА
  • РОЗОВЫЙ МЕКСИКАНСКИЙ

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

  • РАЙСКИЙ РОЗОВЫЙ
  • ПАЛАТИНАТ СИНИЙ
  • ПОЛУНОЧНО-СИНИЙ
  • ТЕМНАЯ ОРХИДЕЯ
  • RICH ELECTRIC СИНИЙ

21. Анимат Креатик

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

  • КОБИ
  • ХАНЬ ПУРПУРНЫЙ
  • СРЕДНЕ-СИНИЙ
  • МАКСИМАЛЬНЫЙ ЖЕЛТЫЙ
  • РУБ.

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

22. Счастливый онлайн

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

  • ЯНКИ СИНИЙ
  • СИНИЙ ПИКТОР
  • ФОЛЛИ
  • ОРАНЖЕВЫЙ (WEB)
  • СРЕДНИЙ МОРСКИЙ ЗЕЛЕНЫЙ

23. Саммит Грамаду

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

  • ЦЕРИЗ РОЗОВЫЙ
  • ГРУША
  • СИНИЙ ПИКТОР
  • УЛЬТРАМАРИНОВЫЙ СИНИЙ

24.La Phase 5

Еще один бренд, который делает ставку на яркие однотонные геометрические детали для своего веб-присутствия. Белый фон по-прежнему передает ощущение надежности, а красочные детали делают общий вид более забавным. Цвета в этой палитре:

  • RICH CARMINE
  • ЗОЛОТОЙ МАК
  • КАРОЛИНА СИНИЙ
  • МОРСКОЙ ЗМЕЙ
  • ИЗАБЕЛЛИН

25. Синдикат ICO

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

  • ЦВЕТОЧНЫЙ БЕЛЫЙ
  • банановая мания
  • БЕЗОПАСНЫЙ ЖЕЛТЫЙ
  • MAUVE
  • БОГАТАЯ ЛАВАНДА

26. Securinvest

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

  • ПОЛУНОЧНО-СИНИЙ
  • ГОЛУБОЙ
  • БЕЛЫЙ РОЗОВЫЙ
  • МАНДАРИН
  • СРЕДНИЙ АКВАМАРИН

27. HtmlBurger

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

  • ЖЕЛТЫЙ (CRAYOLA)
  • ГЛУБОКОЕ МОРКОВНО-ОРАНЖЕВОЕ
  • ВЕРМИЛИОН
  • АЭРО
  • НЕБЕСНЫЙ СИНИЙ
28.Сочная еда

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

  • ОРЕОЛИН
  • КОРОЛЕВСКИЙ ФИОЛЕТОВЫЙ
  • БЕЛЫЙ АНТИВСПЫШКА
  • БЕЛЫЙ
  • ОКСФОРД СИНИЙ

IV.Темные и драматические цветовые схемы веб-сайта: разгадывайте тайну

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

29. Зеркало My 360

Чтобы создать чистый элегантный вид в сочетании с чувством роскоши, дизайнеры этого веб-сайта использовали темно-серую цветовую схему с загадочными бирюзовыми оттенками.Цветовая палитра сайта включает:

  • ONYX
  • ТАУП СЕРЫЙ
  • БЕЛЫЙ ДЫМ
  • КОРОЛЕВА СИНИЙ
  • БИРЮЗОВЫЙ СРЕДНИЙ

30. Марго Леруа

Эффектный темно-синий монохромный веб-дизайн в сочетании с бодрящим мятно-зеленым цветом придает загадочный и свежий вид. Веб-сайт, который представляет собой портфолио UX | Дизайнер пользовательского интерфейса использовал следующую палитру для создания этого образа:

  • KEPPEL
  • ГУНМЕТАЛЛ
  • ВНЕШНЕЕ ПРОСТРАНСТВО
  • МЫШЬНИК
  • РИТМ

31.Иван Ибаньес

Черно-белый дизайн веб-сайта с монохромными серыми иллюстрациями и яркими фиолетовыми оттенками. Этот сайт представляет собой внештатного дизайнера UX и выполнен в следующей цветовой гамме:

  • ТЕЛЕЖКА СЕРЫЙ
  • ТЕМНО-ФИОЛЕТОВЫЙ
  • СВЕТЛО-СЕРЫЙ
  • ДЭВИ ГРЕЙ
  • JET

32. Производство Portugal

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

  • БЕЛЫЙ
  • ИСПАНСКИЙ СЕРЫЙ
  • ВИНТОВКА ЗЕЛЕНЫЙ
  • ЖАРАЧНЫЙ ЧЕРНЫЙ
  • ПОСТОЯННОЕ ГЕРАНИЕВО ОЗЕРО
33. Microsoft в цифрах

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

  • ЧАРЛСТОН ГРИН
  • ТЕМНАЯ ПЕЧЕНЬ
  • СВЕТЛО-СЕРЫЙ
  • РОЗОВАЯ ОРХИДЕЯ
  • ЧАЙНАЯ РОЗА

Вы хотите проверить несколько удивительных примеров параллакса CSS?

В.Цветовые схемы монохромных веб-сайтов: один цвет для победы

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

34. Ефрем Иосиф

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

  • ИНДИГО КРАСИТЕЛЬ
  • СИНИЙ ОКЕАН
  • ЯЩИК ИНСТРУМЕНТОВ
  • ДЕТСКИЙ ПОРОШОК
  • ПАЛЕ АКВА

35. Джин Whitetail

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

  • БЕЛЫЙ
  • ЯРКИЯ
  • ОКСФОРД СИНИЙ
  • СЕРЫЙ ПЕЙН
  • КОРОЛЕВСКИЙ СИНИЙ

36. Fitspirit Fashion

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

  • ТИРИАНСКИЙ ПУРПУРНЫЙ
  • АМАРАНТ ГЛУБОКИЙ ФИОЛЕТОВЫЙ
  • СРЕДНЕ-ФИОЛЕТОВЫЙ
  • ЛАВАНДОВАЯ РУМАЯ
  • ГОЛЛИВУДСКИЙ ЦЕРИЗ

37.Sikkema

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

  • ТАНЖЕРИН
  • СЕЛЕКТИВНЫЙ ЖЕЛТЫЙ
  • ПЕСЧАЯ БУРЯ
  • МИНЬОН ЖЕЛТЫЙ
  • ВКУСНЫЙ

38. Готэм-Сити

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

  • ТАУП СЕРЫЙ
  • ИЗЮМ ЧЕРНЫЙ
  • ТЁМНО-СЕРЫЙ
  • СЕРЕБРЯНЫЙ
  • РЕГИСТРАЦИЯ ЧЕРНЫЙ

39. Аджа Уилсон

Дизайн веб-сайта, приветствующий посетителя багрово-серым монохромным видео для области героя со следующими оттенками и оттенками:

  • БЕЛЫЙ АНТИВСПЫШКА
  • СВЕТЛО-СЕРЫЙ
  • СТАРАЯ ЛАВАНДА
  • ИЗЮМ ЧЕРНЫЙ
  • ФИОЛЕТОВЫЙ ТАУП

Вот и все!

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

Возможно, вам будет интересно прочитать эти статьи по теме:

Реклама

Руководство по созданию цветовых схем

Введение

Цветовые схемы - это аранжировки или комбинации цветов, используемые в иллюстрациях и дизайне. При использовании в дизайне цветовые схемы в основном используются для описания локальных цветов (цветов объектов или материала при нейтральном освещении).Между тем, цветовые схемы в иллюстрациях используются для выражения настроения или атмосферы. Все локальные цвета на иллюстрации зависят от окружающих цветов. Например, сине-серая юбка Риен на дизайне ее персонажа (слева) выглядит темно-бирюзовой на иллюстрации (справа), потому что на нее влияет зеленый окружающий свет.

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

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

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

Можете ли вы почувствовать разные настроения в этих похожих панно с комиксами?

Теория цвета

Теория цвета - это понимание того, как работают цветовые комбинации и почему цвета не всегда такие, какими мы их воспринимаем.

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

Глядя на этот рисунок, гармоничные цветовые комбинации кажутся довольно ограниченными.

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

ОТТЕНОК - это традиционное «название» цвета, например «синий» или «желтый». Оттенки в спектре традиционно обозначаются как ROYGBIV (красный, оранжевый, желтый, зеленый, синий, индиго, фиолетовый)
ИНТЕНСИВНОСТЬ относится к чистоте оттенка.Мы также называем это насыщенностью или цветностью .
ЗНАЧЕНИЕ - степень светлоты или темноты. Каждый цвет имеет значение, например высокоценный красный цвет будет отображаться как ярко-красный или розовый (если он имеет меньшую интенсивность)

Теперь с этими тремя переменными кажется бесконечной возможность создания различных цветовых схем. Но так ли это на самом деле?

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

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

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

# 2 Я склонен (но не всегда) снижать интенсивность / насыщенность каждый раз, когда цвет движется в сторону светлого или темного. Таким образом, полутоновые цвета в основном являются самыми насыщенными цветами в моих цветовых схемах.

# 3 Наконец, это главное правило цвета, это закон, а не необязательный:

«Если вы измените значение, сместите температуру (оттенок)!»

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

● Начнем с зеленого цвета в полутонах (значение 50%).

● Цвета рядом с ним будут иметь более высокие и более низкие значения

● Вот положение зеленого цвета на цветовом круге и шкале оттенков. Согласно закону цвета, если есть изменение значения, мы должны сместить температуру / оттенок. Но в каком направлении?

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

● Это оставляет нам два варианта: более теплый свет с более прохладной тенью ИЛИ более холодный свет с более теплой тенью .

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

● Сделайте то же самое, чтобы получить светлых тонов и светлых тонов цвета

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

● Остальное проделайте тем же способом, пока не получите полную цветовую схему.

● Значение, интенсивность и изменение оттенка, как показано на цветовом круге CSP:

● Это сравнение цветовой схемы с более теплым светом и более холодным светом с тем же полутоном цвета. Цветовые схемы с более холодным светом больше подходят для темных помещений.

● Дополнительные цвета: просто замените один цвет дополнительным цветом в этой аналогичной цветовой схеме, и получится хорошая дополнительная цветовая схема.Дополнительный зеленый цвет - пурпурный.

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

СОВЕТЫ

# 1 Используйте цветовое колесо RYB при выборе цветовых схем. Теорию цвета лучше всего использовать с традиционным цветовым кругом RYB. Большинство цветовых кругов в программном обеспечении для рисования - это RGB.

Цвета RYB создаются путем смешивания трех основных цветов: красного, желтого и синего. Этот цветовой круг используется в традиционной живописи для смешивания цветов.
RGB цветов создаются путем смешивания красного, зеленого, синего света, эти цвета часто используются в лампах, мониторах и телевизорах.
CMYK цветов основаны на смешивании цветов чернилами, используемыми в цифровой печати.

# 2 Не используйте цвета (оттенки) в равных количествах; Выберите цвет, который будет основным фоном, а другие - в качестве акцентов или дополнительных цветов.

Образцов:

# 3 Рассматривайте цвета как голоса в комнате, если все они громкие и много, это не будет гармонично.Пусть успокаиваются низкой насыщенностью (тихими голосами). Или пусть будет один громкий голос, а остальные приглушены.

Заключение

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

Анн Маулина - художник комиксов из Индонезии. Ее комиксы - Raruurien (www.raruurien.com) и Varunair. Она также иногда работает внештатным художником по концептуальным играм.Она имеет степень бакалавра в области дизайна визуальных коммуникаций, что дает ей большие преимущества в художественных и дизайнерских проектах. Ей нравится создавать искусство, исследуя динамичные и гармоничные цвета. Вы можете найти ее по адресу:

Информация о функциях схем

для Intel® Graphics Media Accelerator ...

Содержание

Как использовать функцию «Схемы»
Я не могу изменить настройки цветокоррекции после применения схемы.Что мне делать?
Связанные темы

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *