Создание сайта на базе CMS Drupal и полиграфической рекламной продукции для спортивной организации Савин Иван Группа С-55 МИЭМ 2009
Постановка задачи Провести анализ сайтов конкурентов, выделить их недостатки. Освоить создание тем для CMS Drupal. Собрать информацию о правилах и рекомендациях создания тематических сайтов. Освоить теорию создания рекламных плакатов. Разработать сайт федерации Создать макеты рекламных плакатов
Аналзиз сайтов конкурентов Школа Тайского Бокса Москва ( Преимущества: Вложенный список ссылок на видео Быстрая загрузка, малый вес страниц Цветовая гамма и элементы дизайна полностью соответствуют тематике Недостатки: Плохо оформлена страница с видео
Аналзиз сайтов конкурентов Тайбокс_Ру ( Недостатки: Ничем не оправданное сочетание латинских и русских букв в логотипе сайта, возможна путанница с украинским и плохое запоминмание адреса. Некоторые важные страницы пусты (например, о месте проведения тренировок) Цветовая гамма не очень удачна: оранжевый в сочетании с серым скорее ассоциируются со спокойствием, чем с боевыми искусствами. Элемент дизайна (боксеры) не интегрирован в дизайн.
Аналзиз сайтов конкурентов Московская Федерация Тайского Бокса ( Недостатки: Режущий глаза красный фон справа В шапке фотография плохого качества. Меню закрывает часть фотографии. Пункт меню «Спонсорам» в непонятном месте В подвале сайта пустые блоки Преимущества: Удачное использование рисунка в качестве фона под текстом страницы В целом удачная цветовая гамма, основанная на контрастах
Аналзиз сайтов конкурентов Клуб «Барс» (muay-thai-kickboxing.com ) Недостатки: Информация оформлена в духе «я зарабатываю миллион сидя дома» Слишком пестрый дизайн Страницы перегружены информацией и изображениями Реклама попсовой группы Много посторонней рекламы Еще очень много текстовой рекламы Шапка и содержание сайта разной ширины Нелогичная структура страницы, важная информация находится под несколькими экранами рекламных баннеров
Разработка тем для CMS Drupal Типичная структура темы CMS Drupal: page.tpl.php – основной файл темы style.css – основной файл каскадных стилей темы block.tpl.php – файл шаблона блока темы *.tpl.php screenshot.png – файл превью темы /images/ - папка, содержащая все графические элементы дизайна Прочие *.css файлы
Методы создания и редактирования тем Два основных метода: Редактирование или создание своего style.css Редактирование page.tpl.php. А также создание дополнительных.tpl.php файлов. Дополнительно: Модуль Theme Settings API
Структура сайта
Теория дизайна сайтов Общие правила дизайна Модульная сетка «Резиновая» верстка Нерезиновое боковые меню. Запас на рост сайта. Реакция на пользователя. Логические правил использования html-тегов Для удобства навигации логотип сайта должен вести на главную страницу сайта
Цвета и шрифты Цветовая гамма сайта: Белый - чистота, простота, чистота, смиренность, точность Голубой - спокойствие, устойчивость, гармониея, безопасность и чистота Коричневый - надежность, выносливость, устойчивость Шрифты Verdana – гротекс, меню и заголовки Lucida Grande – антиква, текст
Тематические элементы сайта Это «пустое» место, в котором можно разглядеть храм, один из символов федерации. Также место оставлено, чтобы избежать нагромажденности. Все персонажи в моменте действия, демонстрируют приемы Свиток с девизом добавлен также по желанию заказчика, символизирует знания и верность традициям обучения. Главное меню стилизовано под темную породу дерева, имеет неровности. Логотип
Полиграфическая часть задания Правила создания рекламных плакатов и их практическое применение: Уникальное торговое предложение Интенсивность Движение/динамичность Контрастность и размер Правила создания заголовков и слоганов: Заголовок должен быть информативным Предложение, от которого подсознательно невозможно отказаться Только те сведения, которые могут заинтересовать потребителя и больше ничего Передавайте рекламную идею самым оптимальным способом
Тайский бокс / Кунг-фу для мужчин Особенности: Только важная информация, очень емко, текст составлен для широкой аудитории Контраст, крупный шрифт, гротеск, момент движения – всё для привлечения внимания Заинтересовать потребителя, сказать, что ему нужно это Живая картинка, момент движения. Также демонстрация способностей (хорошая растяжка) Фразу видно издалека, призыв, фраза подразумевает контекст и рождает интерес Контраст между названиями стилей – привлечение внимания
Плакат Тай-бо для женщин Особенности: Плакат насышен символами и цветами жизни и здорового активного образа жизни Цветовая гамма в меру контрастна, дружественное, располагающее сочетание Текст ориентирован на женщин, которые не собираются заниматься спортом профессионально, но хотят каких-то результатов Декоративный шрифт Stylo подчеркивает утонченность вида борьбы На фоне растения – символы здоровья, природной красоты Громкий, революционный заголовок Самое главное – стройная фигура (результат). Находится на пересечении третей Сглаженные углы, прозрачность символизируют современность
Плакат Кунг-фу для детей Особенности: Яркие цвета, пестрая расцветка, контраст желтого и черного Узнаваемый персонаж (хотя не рекомендуется вешать в очень людных местах из-за возможных проблем с авторскими правами). Разделение внимания: персонаж ориентирован на детей, которым обычно лень читать, текст – на родителей, которые не знают панду кунг-фу. Любимый детьми персонаж – пожелание заказчика Ответ на вопрос очевиден!
Итоги работы Итогом работ стали: Свод основных и наиболее частых правил создания печатной рекламной продукции. Три полностью векторных рекламных плаката форматом ISO 216 (куда входит А4). Дизайн плакатов выполнен в соответствии с правилами создания печатной рекламной продукции и пожеланиями заказчика. Описание всех рациональных способов изменения и создания тем для CMS Drupal. Свод правил создания тем. Небольшое общее руководство по дизайну. Дизайн сайта федерации в соответствии со всеми правилами создания тем. Отлаженный во всех популярных и устаревших популярных браузерах. Также при создании сайта использовались общие рекомендации по дизайну сайтов.
Спасибо за внимание Конец