- •Физиологические основы восприятия.
- •Угол зрения
- •Типы и архетипы.
- •Архетипы.
- •Прототип
- •Дизайн в разных типах.
- •Стиль на веб-сайте
- •Основные элементы стиля сайта Логотип Модульная сетка Шрифты Цвета Иллюстративный ряд (приемы обработки изображений)
- •Какими же качествами должен обладать логотип?
- •Логотип.
- •Имитация рисунка на компьютере.
- •Живопись традиционными средствами.
- •Живопись масляными красками.
- •Живопись темперой, гуашью и акварелью.
- •Имитация живописи компьютерными средствами.
- •О будущих статьях на эту тему.
- •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 иллюстраций на белом и цветном фоне.
- •Использование картинки в качестве фона страницы.
- •Смысловая суть картинки-фона.
- •Как выбрать цветовую гамму для дизайна странички или просто цвет фона
- •Ремувер растров.
- •Линия - это уже много...
- •Напомню об основных изобразительных средствах.
- •Свойства линии на уровне задач.
- •Немного психофизиологии.
Декоративные свойства ячейки.
Тут тоже есть возможности, о реальном применении которых речь ниже.
<TD BGCOLOR="#990000" BORDERCOLOR="#0000CC">
В варианте работы с ячейками NN тоже имеет небольшие особенности. NN3 игнорирует ячейку, в которой отсутствует информация. Для избежания нарушения общего вида таблицы приходится вставлять в ячейку "рыбу", то есть ничего не значащую информацию под цвет фона ячейки. Это может быть символ, или пиксел empty.gif (1х1 прозрачный), да мало ли что можно туда воткнуть незаментно для глаза (но заметное для NN3).
Ну а теперь старые песни о главном
Как красиво оформить таблицу... Разумеется, понятие красоты в данном случае крепко привязано к визуальному стилю страницы. Но общие принципы таки есть.
Ну, во-первых, рамочки. Для IE это просто - задал цвет таблицы (в данном случае это и будет цвет рамочки), обозначил цвет ячеек - и все. Но в NN рамочка исчезнет. Есть очень простой способ - вложенные таблицы.
Создаем таблицу с параметрами
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"> < TR BGCOLOR="#000000"> < TD> </TD> < /TR> < /TABLE >
И в нее (между тегами < TD> </TD>) вкладываем нужную нам таблицу с заданными параметрами, но обязательно BORDER="0" CELLSPACING="1". Это и будет таблица с симпатичной черной рамочкой между ячейками, одинаковая и в IE, и в NN.
|
Если вы цвет рамочки сделаете не черным, а близким к цвету ячеек, но достаточно плотным по тону, то сможете еще больше акцентировать внимание на тексте при благополучном внешнем виде.
|
Во-вторых, цветовое решение таблицы. Основным ляпом здесь бывает либо дисгаромния цвета, либо резкие тона ячеек таблицы (либо то и другое в совместном варианте). Лекарством от этого может служить применение в таблицах в качестве фона одного цвета с небольшими тональными различиями.
Такие внешние приемы можно использовать при определении цвета для таблицы в фотошоповской палитре.
При работе со стандартной системной палитрой лучше всего сразу определиться с цветом, а потом тональным движком справа выбрать оттенки для параметров таблицы.
О декоре элементов таблицы пиксельными изображениями.
Тут опять же NN весьма своеобразно трактует поставленные перед ней задачи. Картинку, подгруженную как БГ в ячейку (Cell) она показывает должным образом, а вот если вы выполните то же самое в отношении всей таблицы - NN покажет ее как отдельное изображение в каждой ячейке. Загруженное в ячейку - покажет в ячейке. Так же прикольно ведет себя IE. Изображение на всю таблицу он так и показывает - на всю таблицу. А на ячейку он вообще чихал (всмысле не показывает картинку в ячейке...). Зато цвет ячейки кладет поверх картинки БГ в таблице (чего NN не делает). В общем есть над чем поломать голову при решении творческих задач.
