1. З чого почати при створенні шаблону для uCoz?

Ця запис написана мною в 2011 році. В ті часи дерева були високими, а долар коштував менше 40 рублів. З тих пір пройшло багато часу і багато чого змінилося. Враховуйте це, читаючи.

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

Обов'язково прочитайте про проблемах , Які ви можете зустріти при створенні 1-ого шаблону.

З чого почати при створенні шаблону для uCoz?

Що таке шаблон для uCoz? Це лише опис розташування елементів сайту і графічний вигляд сайту.

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

Шаблони бувають гумовими і фіксованими. Гумовий - шаблон розтягується по ширині екрану. Фіксований - ширина шаблону задана і залишається постійна при будь-якій ширині екрану користувача. Шаблон мого блогу, на якому ви зараз перебуваєте, є фіксованим.

Раджу перший свій шаблон робити фіксованим тому при верстці вам буде набагато легше.

Спочатку уявіть, як буде виглядати ваш майбутній шаблон в загальних рисах. Потім візьміть аркуш А4 і олівцем намалюйте ескіз майбутнього дизайну. Так вам буде набагато простіше, до того ж нерідко під час малювання приходять чудові ідеї. Саме на своєму ескізі ви повинні продумати пристрій шаблону.

Після чого ви можете сміливо включати Photoshop. Розмір файлу виберіть рівний вирішенню вашого екрану (у мене 1280 на 1024 пікселів). Грамотно підійдіть до вибору колірної гами вашого майбутнього шаблону. В основу потрібно брати 2-3 кольору, вони повинні гармоніювати між собою. Кольори бажано повинні бути природними. Для вибору природних кольорів відмінно підійде якась фотографія. Відкриваєте її в фотошопі і через піпетку дивіться коди кольорів.

У підборі кольору вам може допомогти спеціальний сервіс Color Wizard . Вводите в спец. поле код кольору і натискаєте «set».

Якщо у вас не вистачає ідей оформлення сайту, то просто відкривайте перший же сайт з уроками фотошопа і дивіться все підряд. Іноді їх частини бувають дуже корисні.

Не забудьте добре продумати навігацію. Вона повинна бути зручною і інтуїтивно зрозумілою

PS натрапив на цікавий блог про оптимізацію / розкрутці. Подобається тим, що автор ставить досліди над пошуковими системами.