Как создать шаблон на uCoz? Часть 1. С чего начать?

Эта запись написана мною в 2011 году. В те времена деревья были высокими, а доллар стоил меньше 40 рублей. С тех пор прошло много времени и многое изменилось. Учитывайте это, читая.

Я решил написать некий гайд по созданию собственного дизайна на uCoz. Он будет состоять из 2-х частей. Во второй части рассказывается о самой вёрстке шаблона. 

Обязательно прочтите о проблемах, которые вы можете встретить при создании 1-ого шаблона.

С чего начать при создании шаблона для uCoz?

Что такое шаблон для uCoz? Это лишь описание расположения элементов сайта и графический вид сайта.

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

Шаблоны бывают резиновыми и фиксированными. Резиновый — шаблон растягивается по ширине экрана. Фиксированный — ширина шаблона задана и остаётся постоянна при любой ширине экрана пользователя. Шаблон моего блога, на котором вы сейчас находитесь, является фиксированным.

Советую первый свой шаблон делать фиксированным т.к. при вёрстке вам будет гораздо легче.

Сначала представьте, как будет выглядеть ваш будущий шаблон в общих чертах. Затем возьмите лист А4 и карандашом нарисуйте эскиз будущего дизайна. Так вам будет намного проще, к тому же нередко во время рисование приходят замечательные идеи. Именно на своём эскизе вы должны продумать устройство шаблона.

После чего вы можете смело включать Photoshop. Размер файла выберите равный разрешению вашего экрана (у меня 1280 на 1024 пикселей). Грамотно подойдите к выбору цветовой гаммы вашего будущего шаблона. В основу нужно брать 2-3 цвета, они должны гармонировать между собой. Цвета желательно должны быть естественными. Для выбора естественных цветов отлично подойдёт какая-нибудь фотография. Открываете её в фотошопе и через пипетку смотрите коды цветов.

В подборе цвета вам может помочь специальный сервис Color Wizard. Вводите в спец. поле код цвета и нажимаете «set».

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

Не забудьте хорошо продумать навигацию. Она должна быть удобной и интуитивно понятной

P.S. наткнулся на интересный блог об оптимизации/раскрутке. Нравится тем, что автор ставит опыты над поисковиками.