Я решил что сайт слишком уныл, поэтому попросил нарисовать мне всяких животных, которых вы видите
14.03.2011

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Категория: Система uCoz Просмотров: 32876 7 комментариев

Комментарии

7 комментариев

Ремонтник 12.12.2016 в 07:42

Спасибо за статью и советы. Являюсь новичком и до прочтения этой статьи не получалось разместить свой кривенький сайт на Ucoz (не мог создать шаблон на основе своего кода). Прочитал, подправил и… Пабам!!! сайт опубликован на просторах интернет.
Еще раз СПАСИБО!

Анастасия 11.08.2012 в 18:59

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

Я можно (у меня есть планшет) рисовать эскиз на компе?

z-170864 13.08.2012 в 15:31

да, конечно
зарисовка эскиза вовсе не обязательный шаг. просто так удобнее

Алдуин-Алдуинушка 02.08.2012 в 13:14

Давноищу как сделать дизайн, и вот наконец-то!!!

-=KolovraT=- 29.07.2011 в 05:55

спасибо большое за урок ok

Ghost 19.03.2011 в 23:46

Макс, хороший урок, поможет новичкам, но иногда то что ты описал не действует… Цвета иногда не гармонируют, а наоборот выделяют друг друга резкостью, но это уже из области дизайна и не нам учить этому…
P.S. а может капчу убрать?

z-17 20.03.2011 в 13:17

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

капчу для гостей убирать не буду — ибо боюсь спама. если блог станет популярным — вообще премодерацию введу.
залогинься тут через unet и капчи не будет

Добавить комментарий