Юрий Кириллов

Подбираем готовый шаблон для сайта

Моя работа- создание уникального дизайна, но время от времени я подбираю для клиентов и готовые шаблоны. Надеюсь эта статья поможет Вам не тратить лишние время и деньги на "обучение" в процессе выбора.

Шаблон- хорошее решение, когда нет времени и не требуется полная уникальность дизайна. Нужно не так много усилий, чтобы получился работающий сайт. Но иногда после вставки Вашего содержимого выбранный дизайн становится некрасив. Почему?

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

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

По-настоящему подходящий шаблон лучше искать по формальным критериям.
1 Начните с анализа содержания своей Главной страницы. Перечислите или нарисуйте для себя основные материалы и ссылки в виде квадратиков и надписей. Без точного расположения. Посмотрите что размещают на своих главных страницах конкуренты. Сравните со своей схемой, не забыли ли чего-то важного.
Для собачьего питомника формальный список наполнения таков:
Название питомника, фото собаки, главное меню (5-6 пунктов), ссылки на статьи и новости (до 18 пунктов), текст о породе, текст о питомнике, контакты. Важно, что у нас есть гибкий элемент - ссылки на статьи. Мы легко можем сократить или разбить его на два-три блока по темам. Так же мы можем вывести еще один текстовый блок (новости) на Главную страницу, если шаблон это предполагает.
Теперь у нас есть критерии, чтобы начинать поиск шаблона. Сравнивайте блоки, которые видите в шаблоне, со своей схемой.

2 НИКОГДА не начинайте выбор с шаблонов в "своей" теме. Эти шаблоны лишь создают иллюзию, что они созданы для Вас. Если Вы заводчик собак, то Ваше внимание  притягивают фотографии собак, отвлекая от действительно важных вещей. Собаки преследуют Вас как сирены Одиссея, чтобы Вы забыли о цели своего путешествия. Подумайте о простой вещи: если Ваши конкуренты этой статьи не читали, то они станут искать шаблон именно здесь, в теме "животные". Сайт-близнец с другим заводчиком - хуже результата не придумаешь. Не заглядывайте в тему "животные" во всяком случае для начала, пока не освоились с формальной оценкой шаблонов.

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

3 Ищите только приемлемые стили оформления.
На сайтах с большим выбором шаблонов как правило есть теги, характеризующие стиль оформления. Их можно использовать, чтобы дополнительно облегчить свою задачу. Углубляться в искусствоведческие дебри не обязательно. Если к примеру важна читаемость текста, то варианты "черный" и "темный" фон стоит отключить.

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

И еще одна интересная мысль напоследок. Шаблоны можно искать не только на сайтах, где их официально продают, но и в портфолио дизайнеров. Доводы "против" - поиски займут больше времени и Вам потребуются дополнительные расходы на верстку (так как дизайн обычно хранится в виде файла photoshop). Довод "за" - в портфолио попадают непринятые варианты проектов, а это значит, что в виде бонуса за свою предприимчивость Вы можете получить совершенно уникальный дизайн.