
- •Физиологические основы восприятия.
- •Угол зрения
- •Типы и архетипы.
- •Архетипы.
- •Прототип
- •Дизайн в разных типах.
- •Стиль на веб-сайте
- •Основные элементы стиля сайта Логотип Модульная сетка Шрифты Цвета Иллюстративный ряд (приемы обработки изображений)
- •Логотип.
- •Какими же качествами должен обладать логотип?
- •Имитация рисунка на компьютере.
- •Живопись традиционными средствами.
- •Живопись масляными красками.
- •Живопись темперой, гуашью и акварелью.
- •Имитация живописи компьютерными средствами.
- •О будущих статьях на эту тему.
- •1. Выбор сюжета для имитации на качественном уровне.
- •Физиологические основы восприятия.
- •Процесс восприятия окружающей действительности.
- •Этапы восприятия.
- •Пропорции.
- •Часть 1.
- •Линейные соотношения
- •Цветовые соотношения.
- •Закономерности тональных соотношений.
- •Обозначение композиционного центра тоном.
- •Процесс восприятия окружающей действительности.
- •Часть 2.
- •Продолжение повести о логотипах вообще и шрифтах в частности...
- •Приемы и способы акцентирования
- •Пример №1.
- •А теперь о терминах.
- •Пример №2.
- •Пример №3.
- •Пример №4.
- •Материал для размышлений.
- •Отсебятина (вместо поскриптума).
- •Постеры
- •Театральная афиша.
- •Коммерческий плакат
- •Постеры
- •Современный постер.
- •Киноафиша.
- •Спортивный плакат-постер
- •Современый рекламный постер.
- •Какого цвета Любовь? IV
- •Какого цвета Любовь?
- •Техника коллажа. Работа со шрифтами
- •Композиционная работа со шрифтом.
- •Композиция
- •Extremальный DeSign II
- •Extremальный DeSign
- •Идея произведения
- •Новизна идеи произведения
- •Состояние
- •Движение
- •Взаимодействие
- •Сотрудничество.
- •Равновесие (сОразмерность)
- •Формальное равновесие.
- •Динамика равновесия
- •Баланс тона
- •Баланс цвета
- •Баланс между консерватизмом и оригинальностью.
- •От простого к сложному.
- •Техника коллажа. Работа со шрифтами II
- •Принципы цветоведения.
- •Какого цвета Любовь? III
- •7. Фиксированные цветосочетания
- •Какого цвета Любовь? II
- •1. Принцип теплохолодности.
- •2. Дополнительные цвета.
- •3. Гармоничные цветосочетания (консонансные)
- •4. Диссонансные цветосочетания
- •5. Кардинальные цветосочетания
- •Взаимосвязь цвета и тона. Насыщенность цвета.
- •Теория соотношений.
- •Теория соотношений. 2
- •Принцип Единства в композиции.
- •Теория соотношений. 3
- •Движение в композиции.
- •Виды движения.
- •Пластический мотив Движение как пластический мотив.
- •Пластический мотив
- •Продолжим наши беседы о тоне и цвете.
- •Модульные сетки в веб-дизайне.
- •Все сначала и по порядку.
- •Общая конструкция страницы.
- •Технологии загрузки информации в блок и обновления информации.
- •Использование фреймов
- •Декор таблиц.
- •Декоративные свойства таблицы.
- •Декоративные свойства ячейки.
- •Ну а теперь старые песни о главном
- •О декоре элементов таблицы пиксельными изображениями.
- •Композиция в коллаже.
- •Каковы же реально его преимущества и возможности?
- •Использование схем в композиции коллажа.
- •Немного о природе форм (и о форме в природе)
- •Но вернемся к коллажу.
- •1. Четкое определение идеи, постановка задачи.
- •2. Определение формата.
- •3. Выбор собственно самой схемы в зависимости от задач.
- •4. Распределение общих масс.
- •5. Определение и настройка ритмического ряда.
- •Композиция в коллаже.
- •Как владеть вниманием зрителя...
- •Композиционные схемы
- •Для чего нужны схемы?
- •Наличие схем в структуре процесса мышления художника.
- •Как обращаться с цветом и тоном в среде?
- •Размышления о тоне
- •Продолжим наши беседы о тоне и цвете.
- •Как обращаться с цветом и тоном в среде?
- •Размышления о тоне
- •К ак обращаться с цветом и тоном в среде? Цвет
- •Из практики создания логотипов...
- •Вариант ручной графики.
- •Техника фотонабора.
- •Использование компьютерной техники.
- •Конкретный пример.
- •Небольшое портфолио
- •Несколько практических советов из личного опыта работы с клиентами.
- •Backgrounds (фоны)
- •Использование битовых заголовков и gif-transparent иллюстраций на белом и цветном фоне.
- •Использование картинки в качестве фона страницы.
- •Смысловая суть картинки-фона.
- •Как выбрать цветовую гамму для дизайна странички или просто цвет фона
- •Ремувер растров.
- •Линия - это уже много...
- •Напомню об основных изобразительных средствах.
- •Свойства линии на уровне задач.
- •Немного психофизиологии.
Какого цвета Любовь?
Какого цвета любовь? Кого не спроси - ответы будут разными. И синяя (как ночь), и зеленая (как тоска), и красная (как огонь). Тоже самое будет, если человека спросить: "Каков твой любимый цвет?" Далеко не каждый сможет ответить однозначно. Кто-то назовет несколько цветов, а кто-то вообще просто разведет руками. По визуальным признакам это тоже не всегда возможно определить. Например, приоритетные цвета на этом сайте - белый, черный, и сложный красно-пурпурно-оранжевый (#A60000). Разумеется, в этом есть и своя логика, и свои эмоции, и свои чувства. А вот одежду я всегда ношу темно-синего цвета, изредка белое. И в этом тоже есть своя логика, хотя объяснить иногда такое вообще сложно. Хочется носить одежду именно такого цвета, и все тут... чего кому объяснять? Казалось бы, какая разница в цвете рубашки? Но ни за что вы не заставите меня одеть зеленое или оранжевое, и уж тем паче розовое...
Интересно, чем я руководствуюсь, когда выбираю цвет одежды или рубашку для сайта? В случае с одним человеком, с одной личностью это просто, личные гармонии, чувства, пристрастия, выраженные через спектры. И у другого также, и у третьего... А как быть в случае взаимодействия двух личностей? Или как решить проблему цветовых пристрастий дизайнера и клиента? Понятно, что есть импиративный способ решения проблемы, есть эмпирический путь поиска нужного, есть вообще "метод тыка", на "авось". Но под все можно подвести рамки системы, создать матрицу мышления, переводящую чувственные образы в ментальные понятия, доступные нашему соображению... ну и давайте попробуем.
В дизайне и других искусствах уже отработаны общепринятые значения цветов, отработана система цветового круга, построена масса цветовых моделей в зависимости от насущных нужд. Казалось бы, куда еще? Но разве это уже имеющееся дает ответы на выше заданные вопросы? К сожалению, в данном случае у нас не получится как обычно, быстро и сразу "взять быка за рога". Придется повторять ранее говоренное, но уже с другим вектором цели. Как сказал итальянский педагог Песталоцци:"Повторение - мать учения" (хотя я лично думаю, что мать учения - это Понимание, отец - Осознание, а Повторение - это троюродная тетка из другого города, приезжающая в гости по мере нужды в ее присутствии).
Итак, наша троюродная тетка из другого города>> :o) в растолстевшем варианте.
Техника коллажа. Работа со шрифтами
Работу со шрифтами в композиции (и коллаже) можно рассматривать с двух точек зрения - технической и художественной. Вторая подразумевает результат или часть его, а первая - приемы и способы достижения результата. Современный стилевой и художественный дизайн предоставляет предоставляет авторам широчайшие возможности. Рассматривать в таком контексте работу только лишь Photoshop не имеет смысла, так как и другие графические пакеты обладают огромными возможности.
Компьютерные шрифты по сравнению с рукописными (выполненными рукой художника-каллиграфа) имеют один недостаток (он же и их достоинство) - это неизменяемость начертания. Для применения в текстовом наборе (газеты, журналы и прочее) это большой плюс. Для акциденции (заголовков, подзаголовков и прочего) в обычном варианте также... Но в последние годы практически во всех видах носителей работа со шрифтом приобрела определяющий характер. Шрифт используется наравне с изображением не только для передачи пользователю смысловой текстовой информации, но и как элемент композиции, художественное средство. Иногда иллюстрация вообще строится на базе только шрифта с применением композиционных, трансформационных и оптических приемов и эффектов.
В контексте этой
статьи шрифт нам важен не как средство
передачи смысловой логической информации
(мысли), а скорее как средство, помогающее
создать или полнее раскрыть какой-то
эмоционально-чувственный образ.
И
в какой-то момент шрифт (знаки, символы)
начинает звучать не как смысловой
носитель, а как образ с особыми свойствами,
ибо мы никогда не сможем полностью
абстрагироваться от Ю или Б, или М... И
этот образ значительно обогащает
используемые наравне с ним традиционные
образы в виде картинки, фотографии или
любого другого изображения, претендующего
на образ, но не на символ.
Любой алфавит в фазе своего становления и развития прошел путь от картинки до символа, символ (логический или образный смысл, определенное более или менее обобщенное понятие) воплощается в знаке или графеме. Вся тонкость нашего восприятия в том, что любой знак из знакомого нам алфавита мы наделяем уже готовым смыслом или понятием, а незнакомый (например, китайский иероглиф) мы рассматриваем как абстрактную картинку, в лучшем случае у нас где-то промеж ушей появляется ощущение восточной экзотики, и не более того...
Пока мы работаем с понятиями, обозначающими реально существующие в этом мире предметы (СТОЛ, СТУЛ, ЧЕЛОВЕК, ПТИЦА) - у нас все неплохо получается на уровне простых изображений, рисунков или фото. Но как только мы попытаемся изобразить образные или смысловые понятия на уровне эмоций, состояний (СОН, МЕЧТА, СТРАХ, ХОЛОД) - как тут же ощутим потребность в промежуточном средстве-носителе смысла или состояния. И зачастую нам нужен символ в виде обобщенного изображения - пиктограммы или набора графем, означающих слово. И для англичанина набор знаков СОН не будет тем, чем он является для нас. А вот набор SLEEP будет в самый раз. И дело даже не в самих графемах (французу, использующему латиницу, SLEEP тоже покажется не совсем тем, что нужно ему для обозначения этого понятия).