- •Физиологические основы восприятия.
- •Угол зрения
- •Типы и архетипы.
- •Архетипы.
- •Прототип
- •Дизайн в разных типах.
- •Стиль на веб-сайте
- •Основные элементы стиля сайта Логотип Модульная сетка Шрифты Цвета Иллюстративный ряд (приемы обработки изображений)
- •Логотип.
- •Какими же качествами должен обладать логотип?
- •Имитация рисунка на компьютере.
- •Живопись традиционными средствами.
- •Живопись масляными красками.
- •Живопись темперой, гуашью и акварелью.
- •Имитация живописи компьютерными средствами.
- •О будущих статьях на эту тему.
- •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 иллюстраций на белом и цветном фоне.
- •Использование картинки в качестве фона страницы.
- •Смысловая суть картинки-фона.
- •Как выбрать цветовую гамму для дизайна странички или просто цвет фона
- •Ремувер растров.
- •Линия - это уже много...
- •Напомню об основных изобразительных средствах.
- •Свойства линии на уровне задач.
- •Немного психофизиологии.
Технологии загрузки информации в блок и обновления информации.
Современные серверные технологии позволяют значительно облегчить жизнь создателям крупных, расширенных сайтов в плане обновления и дополнения информации. Используя шаблон модульной сетки, вы можете размещать информацию прямо в блок (что удобно на маленьких сайтиках типа личных хом-пейджей), можно использовать технологии SSI (подгружаемые файлы, то есть информационная начинка блока может храниться в отдельном файле, базе данных или другом сервере). Популярными в среде информационных серверов становятся сайты на базе CGI-программ формирования конечных файлов, то есть когда CGI-программа полностью формирует код шаблона страницы, включает в него нужную информацию, формирует графику, нужные ссылки до уровня конечного пользовательского файла. Для обновления информации вам достаточно заменить старые информационные материалы на новые. Пока наиболее удобно использовать для этого базы данных, предоставляющие программе-генератору нужную информацию о материалах, хранящихся в базе данных.
Но суть модульной сетки в том, что какая бы информация не подгружалась - внешний вид страницы должен сохранять визуальный стиль сайта со всеми необходимыми стилю признаками.
Использование фреймов
Фреймы могут служить аналогом модульного использования таблиц. Суть не меняется, за исключением того, что вам придется дополнительно разбираться - что куда должно грузиться...
Декор таблиц.
Насколько важен этот вопрос? Если ваша задача - просто разместить информацию на страничке, в том числе и в табличном варианте, то самая обыкновенная таблица со стандартными бордерами устроит и вас, и вашего зрителя.
P-100/32/6,4/4SVGA/15" |
$300 |
Со склада |
Это вполне нормальное оформление информации, и во многих случаях его вполне достаточно. И совершенно минимальными средствами. Но если вы решитесь раскрасить даже подобный простенький вариант, то убедитесь, что это совсем не просто по причине разных трактовок свойств таблиц даже самыми распространенными броузерами. Даже более того, если IE показывает ячейки во всей их красе, то NN просто игнорирует пустые ячейки. (При анализе данных свойств таблиц я пользуюсь NN4 и IE4. В билды броузеров вникать вовсе не хочется)
P-100/32/6,4/4SVGA/15" |
$300 |
Со склада |
|
На таком уровне оформления таблицы все бо-ме успешно. Но попробуйте убрать бордер и обозначить цвет таблицы. Скажу сразу, что прямо с этого момента вы должны контролировать свою работу обоими броузерами, если хотите добиться адекватного отображения информации. Я буду пользоваться картинками-скриншотиками для избежания путаницы как таковой вообще...
Чувствуете разницу? Вернее, чем это вам может угрожать... В чем же эта самая разница?
Декоративные свойства таблицы.
Декоративные свойства таблицы описываются параметрами
<TABLE BORDER="#" BGCOLOR="#DEE2EB" CELLPADDING="#" CELLSPACING="#">
Где BORDER="#" - эта самая объемная рамочка вокруг таблицы, BGCOLOR="#DEE2EB" - общий цвет фона таблицы, CELLPADDING="#" - отступ между текстом внутри ячейки и границей самой ячейки, CELLSPACING="#" - расстояние в пикселах между ячейками таблицы.
Это те параметры, которыми мы можем управлять декором таблицы. Помимо этого существуют еще возможность задания цвета фона ячейки (что важно), расцветка бордера (что, по моему частному мнению, менее важно, ибо я пока еще не видел со вкусом выполненной расцветки бордера).
Искомая нами разница в том, что NN все декоративные свойства таблицы передает на свойства ячейки. Поэтому в первом примере видны ячейки (NN), и общий ровный фон (IE).
