newimagecollege.com newimagecollege.com Wordpress weblog
Browsing all posts in: Теория дизайна

Ве́кторная гра́фика

February 23

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

У векторной графики есть два фундаментальных недостатка.

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

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

Векторные форматы

  • Scalable Vector Graphics (SVG и SVGZ)
  • Encapsulated PostScript (EPS)
  • Метафайлы Windows: WMF, EMF
  • Файлы CorelDraw: →CDR, CMX
  • Adobe Illustrator (AI)
  • XAR

Термин “дизайн”. Откуда “ростут ноги?”

February 20

История  термина дизайн

Слово design (дизайн) появилось впервые около четырех веков назад и однозначно употреблялось во всей Европе. Итальянское выражение «designo intero» означало – рожденная у художника и внушенная Богом идея – концепция создания произведения искусства. Оксфордский словарь 1588 года дает аналогичную интерпретацию этого слова: «Задуманный человеком план или схема чего-то, что будет реализовано, первый набросок будущего произведения искусства».

В сентябре 1969 года на конгрессе Международного совета организаций по дизайну (ИКСИД) было принято следующее определение: «Под термином дизайн понимается творческая деятельность, цель которой определение формальных качеств предметов, производимых промышленностью. Эти качества формы относятся не только к внешнему виду, но главным образом к структурным и функциональным связям, которые превращают систему в целостное единство с точки зрения, как изготовителя, так и потребителя».

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

Современное представление о дизайне в цивилизованном мире рассматривается гораздо шире, чем промышленное проектирование. Известный американский дизайнер в области рекламы Максиме Виньелли (Massimo Vignelli) воскликнул: «Дизайн всеобщ!» И действительно, в любой области созидательной деятельности человека, будь то искусство, строительство или политика мы сталкиваемся с понятием дизайна.

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

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

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

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

История

Графический Дизайн охватывает историю человечества от пещеры Ласко до ослепительного неона Гинзы. В обоих случаях продолжительной истории и относительно современного использования визуальных коммуникаций в сравнении с 20-21 вв. иногда существуют смутные различия и пересечения искусства рекламы, графического дизайна и изобразительного искусства. В итоге, их объединяет множество общих элементов, теорий, принципов, практик и языков, а также, иногда один покровитель или клиент. В искусстве рекламы абсолютной целью является продажа товаров и услуг. Графический дизайн: «Сущность — давать информации — порядок, идее — форму, предметам — экспрессию и чувства, которые подтверждают переживания человека».

Мировые школы графического дизайна

Русский конструктивизм (20-е годы), американская рекламная графика (30-50-е годы), швейцарская школа графики (50-70-е годы), польская школа плаката (50-70-е годы), японская школа плаката (60-80-е годы). К ведущим национальным школам графического дизайна относятся также английская, голландская, французская, немецкая, финская.

Всемирная организация по графическому дизайну — ICOGRADA, Международный совет ассоциаций по графическому дизайну. Россия представлена в ICOGRADA Академией графического дизайна, Британской Высшей Школой Дизайна, МГХПА (Московская государственная художественно-промышленная академия) им. С. Г. Строганова и ВАШГД (Высшая академическая школа графического дизайна).

Разделы графического дизайна

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

  • Типографика, каллиграфия, шрифты, в том числе дизайн газет, журналов и книг
  • Фирменный стиль [2], в том числе фирменные знаки, логотипы, брендбуки
  • Визуальные коммуникации, в том числе системы ориентации [3]
  • Плакатная продукция [4]
  • Визуальные решения для упаковок продукции, в том числе кондитерской и пищевой
  • Задачи веб-дизайна
  • Визуальный стиль телевизионных передач и других продуктов СМИ

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

Профессиональное компьютерное программное обеспечение:

  • Для офсетной полиграфии: Adobe Photoshop (работа с растровыми изображениями), Adobe Illustrator (работа с векторными изображениями), Adobe InDesign и QuarkXPress (верстка страниц)
  • Для наружной рекламы и трафаретной печати: Corel Draw

Основные продукты графического дизайна

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

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

По материалам Интернета.

p.s. Международный конкурс дизайна продолжается. Подробности на сайте www.newimagecollege.com

Роль культурных особенностей в восприятии цвета

February 19

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

Поскольку в конкретном языке и, шире, в конкретной культуре концентрируется исторический опыт их носителей, ментальные представления носителей различных языков могут не совпадать. В качестве примера того, как по-разному языки выделяют (как принято говорить в лингвистике, «концептуализуют») внеязыковую реальность, нередко приводят термины системы цветообозначения. Так, в русском языке присутствуют два отдельных слова синий и голубой — в отличие от многих германских языков, в которых диапазон цветов соответствующей части спектра перекрывается единым обозначением, типа английского blue (ср. нем. blau и фр. bleu). Близкая система цветообозначения сине-голубых цветов принята в других славянских языках, например, в украинском и польском.

Возрастная динамика способности цветораспознавания

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

Наиболее «древними» цветами, первыми появившимися в человеческой культуре, обычно считаются белый, чёрный и красный.

Количество «основных» цветов в разных культурах различно, Древний Восток предполагал наличие 5-элементного мира, в Европе фиксировали 3 «основных» цвета (сначала — красный, жёлтый, синий, а позже — красный, зеленый и синий), а со времен Ньютона часто говорят о 7 цветах.

RGB, SMYK, LAB – цветовые модели на любой вкус

February 18

Модель RGB

Пример смешения цветов RGB моделиЭта модель описывает излучаемые цвета. Модель RGB основана на трех базовых цветах — Red (Красный), Green (Зеленый), Blue (Синий). Остальные цвета образуются при смешивании этих трех основных. При сложении (смешении) двух лучей основных цветов результат светлее составляющих. Цвета этого типа-называются аддитивными.

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

Количество каждого компонента RGB выражается либо в процентах (реже), либо числами от 0 до 255. Всего получается 256 оттенков каждого компонента и 256 оттенков серого.

Почему 256 оттенков?

На каждый канал изображения в памяти компьютера отводится какое-то количество бит. Для монохромного достаточно 1 бита, в этом случае максимально возможное число цветов 2 (2 1 =2). Для описания полутонового изображения отводится 8 бит. 256 — максимально возможное число значений восьмибитного канала (2 8 =256). Этого достаточно, чтобы передать оттенки серого. Каждый канал полноцветного изображения представляет собой восьмибитное полутоновое изображение; максимальное число градаций канала, таким образом, составляет те же 256.

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

Модель CMYK

Пример смешени цветов CMYK моделиНесветящиеся объекты поглощают часть спектра белого света, освещающего их, и отражают оставшееся излучение. В зависимости от того, в какой области спектра происходит поглощение, объекты отражают разные цвета и представляются ими окрашенными. Цвета, которые образуются отражением части спектра белого цвета, называются субтрактивными (“вычитательными”).

Для их описания используется модель CMY. В этой модели основные цвета образуются путем вычитания из белого цвета основных аддитивных цветов модели RGB. Понятно, что в таком случае и основных субтрактивных цветов будет три: голубой (белый минус красный), пурпурный (белый минус зеленый), желтый (белый минус синий). При смешениях двух субтрактивных составляющих результирующий цвет затемняется (поглощено больше света, положено больше краски). Таким образом, при смешении максимальных значений всех трех компонентов должен получиться черный цвет. При полном отсутствии краски (нулевые значения составляющих) получится белый цвет (белая бумага). Смешение трех компонентов в равных количествах даст оттенки серого. Модель CMY (рис. 19.6) можно представить себе в виде куба, аналогичного представлению RGB с перемещенным началом координат.

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

Описание цвета с помощью CMY приводит к возникновению нескольких серьезных проблем.

Во-первых, реальные краски имеют примеси и оттенки посторонних цветов. Смешение трех основных красок в результате дает неопределенный грязно-коричневый, а не черный цвет. Кроме того, для получения интенсивного черного необходимо положить на бумагу большое количество краски каждого цвета. Это приведет к переувлажнению бумаги, причем качество печати снизится. К тому же неэкономно расходуется краска. Для улучшения качества отпечатка в число основных полиграфических красок (и в модель) внесена черная. Именно по этой причине добавлена последняя буква в название модели CMYK, хотя и не совсем обычно: С — это Cyan (Голубой), М — это Magenta (Пурпурный), Y — Yellow (Желтый). Название черного компонента сокращено до буквы К (BlacK или Key — ключевая). Число компонентов (каналов) увеличилось до четырех. CMYK — четырехканальная цветовая модель. Как и для модели RGB, количество компонента может быть выражено в градациях от 0 до 255 или, реже, в процентах. Иллюстрации, содержащие большое количество цветов, печатаются четырьмя красками базовых цветов модели CMYK. Цвета, печатаемые таким способом, называются триадными.

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

Плашечные цвета ( Spot color)

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

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

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

Lab — аппаратно-независимая модель.

Цветовая схема LAB моделиВ процессе подготовки изображения приходится конвертировать изображение из одной модели в другую (сканер — RGB-устройство; печатный станок работает с моделью CMYK). Чтобы уменьшить потери до приемлемого уровня, необходимо откалибровать все аппаратные средства: сканер (осуществляет ввод изображения), монитор (по нему судят о цвете), выводное устройство (создает оригиналы для печати), печатный станок (конечная стадия печати).

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

Одной из основных задач при работе с цветными изображениями становится достижение предсказуемого цвета. Для этого создана система управления цветом (CMS). Это программная система, цель которой — адекватная цветопередача на всех этапах полиграфического процесса, от сканера до печатного станка. Заметим, что в полиграфический процесс входят системы, работающие на основе аппаратно-зависимых цветовых моделей — RGB (сканер, монитор) и CMYK (фотонаборная и печатная машины). Это значит, что необходим некий стандарт, к которому бы приводились цвета на всех этапах процесса.

В качестве стандарта используется цветовая модель Lab. Она была создана как аппаратно-независимая и соответствующая особенностям восприятия цвета глазом человека. Любой цвет данной модели определяется яркостью (L) и двумя хроматическими компонентами: параметром а, который изменяется в диапазоне от зеленого до красного, и параметром b, изменяющимся в диапазоне от синего до желтого. При изменении оба хроматических компонента проходят через серую точку, расположенную в середине шкалы. Параметры Lab изменяются от 0 до 255. Это также трехканальная модель.

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

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


Добро пожаловать на Блог канадского коледжа компьютерного дизайна New Image College of Design and Technology – единственного колледжа в Канаде и Америке где можно изучить широкий спектр специальных графических программ, которые используются  в рекламной индустрии и издательском бизнесе.