Дизайн для ucoz, шаблоны, шапки, меню для ucoz скачать

Возвращение блудного сына - НОВОСТИ

Obvious — Thu, 30 May 2013 08:57:09 GMT

Итак, здравствуйте. Я возрождаю проект DESIGNED.uCoz.com и начинаю плодотворную работу над ним по мере свободного времени.
Сразу же обговорю некоторые детали по развитию проекта (плюсы и минусы):
+ Мы отличаемся от других уникальным контентом.
+ У нас есть свежие решения для Ваших сайтов.
+ Мы не скрываем, а гордимся тем, что мы на uCoz.
+ Веселая и интересная атмосфера.

Минусы перечисляю для того чтобы не было лишних вопросов.
- Сайт останется на домене ucoz.com, опять же говорю о политике нашего сайта, тем что мы горды.
- Некоторые файлы буду храниться на хостингах DepositFiles - это будет временно, в дальнейшем мы будем искать другие средства заработка. Обещаю.
- Мертвый сайт, но возрождения никогда не бывает легким.

Так же я заметил, что сайт постоянно посещали люди, и добавили много скриптов, но совсем не туда куда надо, простите, что убил Ваш труд, я перевел Вас в группу проверенные и очень рад был бы Вашему возвращению!

Если Вы прочитаете это, то набор персонала именно для Вас.

Люди которые молодцы:

- Лиза Слезова startsmart

- Михаил Скальный DoG

Для того чтобы оставить заявку Вам надо зарегистрироваться на сайте и оставить мини-резюме (по форме снизу).

1.Ваше имя
2.Ваш стаж управлением скриптами
3.Средство связи
4.Какую должность хотите (модератор, журналист, со-администратор) -

Краткая справка по Конструктору шаблонов

Obvious — Sun, 23 Jan 2011 14:32:09 GMT

Все сталкивались с этой функцией при смене нестандартного шаблона. После глобального обновления uCoz были введены специальные теги, которые помогают распределить каждый код по категориям: Верхняя часть, Нижняя часть, Первый контейнер, Второй контейнер. Эта функция очень удобная, но не все умеют ею правильно пользоваться. Такая проблема в основном возникает у тех пользователей, который пользуются конструктором и не любят засиживаться на html. Собственно в этой статье я расскажу вам об этих тегах, для чего они нужны, что в них можно заключать и так далее.

Для начала рассмотрим страницу Конструктора шаблонов, чтобы знать как ею пользоваться.
Над полем текст находится шесть ссылок:

Помощь. Зайдя по этой ссылке вы так же можете прочитать об этих тегах, там всё об этом написано.
Пример каркаса. В основном это для тех, кто хочет создать свой шаблон с нуля, не используя для этого заранее приготовленный макет (хотя бывают и исключения). Если тот вариант вас не устраивает, просмотрите данный вариант.
Каркасы стандартных дизайнов. Если у вас появилось желание отредактировать стандартный шаблон, то кликните по данной ссылке и выбирайте соответствующий номер шаблона и редактируйте.
Рядом с этой ссылкой находится картинка. Если на неё нажать, то появиться окошко с скриншотами стандартных шаблонов и их номерами, именно это вам поможет для поиска нужного стандартного шаблона для редактирования.
Используется персональный набор стилей. Довольно часто при создании своего шаблона, пользователи забывают ссылку на свой css дизайна, именно эта ссылка вам поможет (если хотите можете нажать по картинке, которая находится после данной ссылки. Она переведёт вас к странице стилей.

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

Ну а теперь приступим к изучению тегов конструктора. Иначе они называются Зарезервированные теги каркаса.
Для начала давайте разберём конструкцию данных тегов. Чем они все одинаковы, так это первыми и последними несколькими символами. Начинается с

Code

Опять же придется определить, какую именно картинку вы хотите поменять.
Чтобы узнать, какая именно картинка вам нужна, перейдите по адресу вида: "адрес вашего сайта/адрес картинки из шаблона” – откроется картинка, найдете нужную вам.
Теперь рисуем новую шапку. Не забываем, что если ваша шапка имеет иные размеры, чем исходная или вам нужно другое ее местоположение, то вы должны поправить это в шаблоне или файле стилей. Сохраняем шапку в корневой каталог с помощью менеджера файлов, меняем адреса картинки на адрес вновь созданной, сохраняем, получаем желаемый результат.
Аналогично поступаем со всеми картинками дизайна или создаем сразу новый дизайн для всей страницы и прикручиваем его к вашему сайту.
Замечание: если после этого вы смените шаблон сайта, выберете новый шаблон, то все ваши изменение в html и css кода, разумеется, пропадут.
Автор: Хэннер

Когда плохой дизайн становится стандартом

Obvious — Sun, 23 Jan 2011 14:16:56 GMT
Создавать сайты сейчас стало проще: если вы не знаете, как вам оформить определенный элемент дизайна страницы, все что вам нужно сделать, это зайти на двадцать наиболее посещаемых сайтов в Интернете и посмотреть, как этот элемент сделали они.
Если 90% и более процентов этих сайтов оформили этот элемент одинаково, значит это оформление стало стандартом де-факто, и вы обязаны подчиниться этому стандарту.
Если 60-90% процентов этих сайтов оформили этот элемент одинаково, тогда это оформление является очень популярным и вам следует ему подчиниться, если только ваше альтернативное оформление не увеличивает удобство пользования элементом как минимум на 50%.
Если менее 60% этих сайтов оформили этот элемент одинаково, это значит, что пока не выработан доминирующий стандарт, и вы свободны придумывать свое собственное оформление. Но даже в этом случае, если существуют варианты, каждый из которых используется как минимум на 20% крупных сайтов, вам следует ограничить свою фантазию и выбрать одно из уже знакомых пользователям окормлений, если только ваше альтернативное оформление элемента не увеличивает удобство пользования как минимум на 25%, по сравнению с самым лучшим существующим вариантом.
Естественно, проценты выведены из моего собственных размышлений. В настоящее время пока еще слишком мало ведется исследований в теории постоянства, чтобы указать точно, сколько сайтов должны принять определенный дизайн, чтобы он стал общепринятым правилом или стандартом. Точно так же, нам неизвестно в точности, на сколько пользователи страдают при нарушении в интерфейсе "двух уровней ожидания", хотя нам абсолютно точно известно, что это не доставляет им удовольствия.
Следовательно, я рекомендую следовать принятым правилам даже в тех случаях, когда ваш дизайн, взятый в отдельности, выглядит лучше, чем общепринятый. Суть в том, что веб-сайты не живут в отдельности друг от друга: посетители, что приходят на ваш сайт, ожидают, что он будет работать так, как они привыкли.
Организация информации и реализация задач: стандартов нет
Конечно, на самом деле ремесло веб-дизайна чрезвычайно трудное потому, что связано оно с созданием информационной архитектуры и порядком выполнения задач. Никаких стандартов в отношении этих предметов пока нет. Каждый сайт решает эти проблемы по своему, так как каждый из сайтов связан с специфической информацией и своими определенными задачами.
Некоторые аспекты информационной архитектуры уже стали принимать очертания общепринятых правил: большинство корпоративных сайтов непременно имеют разделы "Продукты/Products" и "О компании/About Company". Более того, раздел "О компании " как правило содержит информацию для инвесторов и посетителей, ищущих работу, а также общую информацию об истории компании и ее руководстве. Адреса офисов компании и карты проезда к ним также располагают в разделе "О компании", но это не считается пока устоявшимся правилом, так как, например, многие сайты используют другую информационную архитектуру и помещают эти данные в особый раздел "Контакты". Так как пользователи часто ожидают найти адрес компании в разделе "О компании", веб-сайтам, поместившие эти данные в другой раздел, следует сделать перекрестную ссылку с раздела "О компании" на раздел "Контакты".

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

Закладки для разделов
В последние два года многие сайты стали использовать горизонтальный ряд кнопок-закладок, указывающих на главные разделы своего сайта, располагая этот ряд вдоль верхней части страницы,. В принципе, это решение плохое и нарушает метафору закладок.
Закладки предназначены для того, чтобы быстро переключаться между альтернативными видами одного и того же информационного объекта. Например, на сайте может быть представлено описание продукта, где на одной странице выводится общее описание, на другой подробная характеристика, на третьей увеличенные фотографии и так далее. Вот здесь как раз и было бы уместно использовать закладки для переключения между различными видами просмотра информации. При этом пользователь находится как бы в одном и том же контексте и месте сайта.
Когда посетители расположены глубоко внутри определенного раздела сайта, закладки теряются свой смысл, ибо они переносят посетителя в совершенно другой раздел сайта, не сохраняя при этом какой-либо контекст. Подобные "прыжки" - стандартная навигационная задача, и для них следует использовать обычный список ссылок, а не оформлять их в виде закладок.
Я убежден, что закладки лучше всего было бы использовать для переключения между различными (но связанными друг с другом) видами одной и той же информации, но не для навигации по различным не связанным друг с другом разделам сайта. Но к сожалению, пользователи Web очень скоро потеряют все те представления о закладках, которые у них сложились до этого, если все больше и больше сайтов будут ими злоупотреблять.
Я все еще считаю, что менее 50% сайтов используют элемент закладок (ошибочно) как средство навигации между различными разделами сайта. Следовательно, я считаю, что лучше всего придерживаться правильного метода использования закладок, а для переключения между разделами сайта использовать другие визуальные элементы дизайна. Но может так случиться, что правильный подход проиграет, и мне придется пересмотреть свою рекомендацию примерно через год. Если все больше и больше сайтов будут использовать закладки не для той цели, для которой они предназначены.

Левая полоса навигации
Первым "Желтую Лихорадку" в веб-дизайне подхватил веб-сайт CNET (где-то в 1996 году), и с тех пор эта болезнь заразила такое количество сайтов, что превратилась практически в незыблемое правило: у каждого сайта теперь вдоль левого края страницы тянется сверху вниз цветная полоска, на которой располагаются главные ссылки навигации.
Мне никогда не нравился данный подход в дизайне, так как эта цветная полоска занимает примерно 20% площади экрана даже после того, как пользователь прокрутит страницу вниз и ссылки навигации скроются за верхним краем страницы. Для пользователей Web навигация - вторичное, главное для них - содержание, информация.
Самое интересное, что сам сайт CNET оправился от Желтой Лихорадки в 1999 году, и теперь использует дизайн, в котором ссылки навигации сконцентрированы вверху страницы. Благодаря этому все оставшееся пространство на экране отдано под материалы сайта. Их новый дизайн мне нравится гораздо больше.
Однако по-прежнему в сети еще много сайтов, которые используют цветную полоску навигации. И я рассматриваю эту полоску как устоявшуюся традицию: пользователи знают, что нужно делать с полоской, которая простирается снизу вверх вдоль левого края страницу. Может быть она и тратит напрасно драгоценные пиксели экрана, но пользователям она возможно помогает.
Абсолютно ясны два момента: линейка навигации должна иметь какой-то фоновый цвет, чтобы выделяться от остального контента, и что она должна быть на левой стороне страницы. Существует несколько причин, по которым лучше было бы, если бы линейка навигации была на правой стороне страницы:
Закон Фиттса гласит, что чем меньше приходится двигать мышкой, тем лучше: щелкнуть получается гораздо быстрее, если между целью и текущим положением мыши короткое расстояние. Таким образом, располагая линейку навигации рядом с линейкой прокрутки вы убережете пользователя от метания по экрану из стороны в сторону между двумя наиболее используемыми областями.
Когда перед пользователем возникает новая страница , он всегда смотрит сначала на содержимое страницы, поэтому лучше всего было бы, если бы контент начинался с левого края окна (это привычно для тех, кто привык читать слева направо). После того, как пользователь покончит с контентом, его взгляд естественным образом переместится вправо, чтобы решить, куда следует идти дальше. И наоборот, если слева на странице будет полоса навигации, пользователю требуется перескочить через нее взглядом, прежде чем он начнет просматривать контент страницы.
Если бы Web разрабатывался с нуля сегодня, мы могли бы повысить удобство работы с сайтом примерно на 1%, помещая линейку навигации справа на странице, а не слева. Однако отклонение от принятого теперь стандарта почти всегда приведет к ухудшению удобства работы с сайтом, так как такой дизайн будет непривычным, что затруднит навигацию.

Ссылки-цепочки
Многие веб-сайты в настоящее время начинают использовать в дизайне ссылки-цепочки, которые идут вдоль верхней части страницы и показывают текущее положение текущей страницы относительно ее родительских страниц, что также позволяет пользователю быстро перейти на несколько уровней вверх одним щелчком мыши.
Ссылки-цепочки работаю только на тех сайтах, где информация организована иерархически. Но тем не менее и на обычных сайтах ссылки-цепочки очень помогают перемещаться между страницами. Они были бы еще более полезными, если бы все больше сайтов стали их использовать и люди бы лучше привыкли бы к работе с ними.
Пока не существует стандарта относительно того, как обозначать переход от одного уровня иерархии к другому в ссылках-цепочках. На своем сайте я уже четыре года пользуюсь стрелками. А до этого я пользовался двоеточиями, так, как это сейчас делает CNET. Yahoo и ZDNet используют символ >, а другие сайты используют косую черту "/". Стандарта пока нет, и пока нет никаких причин считать, что один символ чем-то лучше другого.
Если какой-либо из этих символов получит наибольшую популярность хотя бы на 60% сайтов, тогда я порекомендую и вам его использовать. Сегодня же, я бы сказал, что все символы хороши - ":", ">". "/" и стрелки. Но только не пытайтесь придумать еще какой-нибудь другой символ. Например, символом "вертикальная черта" ("|") принято обозначать два равных варианта выбора, и он не может использоваться для обозначения перемещения.

Мега-меню - новая тенденция в дизайне

Obvious — Fri, 12 Mar 2010 15:26:44 GMT

Мега-меню - то, с чем почти все уже сталкивались, но над чем мало кто задумывался.

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

Решение проблемы - мега-меню. Причем, по мнению автора статьи "Mega Menus: the Next Web Design Trend” Craig Buckler (урл статьи http://www.sitepoint.com/blogs/2009/03/30/mega-drop-down-menus/), мега-меню - это новая тенденция в дизайне сайтов.

Что такое мега-меню?

Меню, которое раскрывается в виде одной большой панели при наведении мышки на пункт основного меню.

Используется мега-меню, главным образом, на больших сайтах и в интернет-магазинах.

Мега-меню

позволяют показать все опции на одной большой панели
группируют опции в подкатегории
используют иконки или другие графические объекты, помогающие посетителю ориентироваться в меню

Почему мега-меню (по мнению автора статьи) станут популярными:

мега-меню - это хороший компромисс между простым и расширенным меню сайта
они просты в использовании
они хорошо выглядят и дают дизайнерам дополнительные возможности

DesignM.AG приводит интересную подборку мега-меню на сайтах известных брендов (Найк, Адидас, B&Q и т.д.)

Вот некоторые из них. Мега-меню действительно смотрятся и солидно, и удобно. Лишь бы мышка не соскальзывала с меню, пока его целиком прочитаешь :).
Action

Adidas

Nike

B&Q

The Sak

Сам Якоб Нильсен (Jakob Nielsen), обычно скептически относящийся к дизайнерским нововведениям, одобрил мега-меню: Mega Drop-Down Navigation Menus Work Well, урл http://www.useit.com/alertbox/mega-dropdown-menus.html. Конечно, он призывает делать такие меню как можно проще и не использовать ничего, что не вписывалось бы в идею click-to-go. Мега-меню должно раскрываться очень быстро (за 0.1 секунды), однако до того, как оно раскроется, мышка должна неподвижно застыть над панелью навигации (иначе при движении мышки по экрану меню будет постоянно открываться и закрываться).

Что я пока не уяснила для себя - как простой пользователь интернета поймет, мега-меню он видит или простое меню? Когда я вижу меню, я кликаю по нужной мне опции меню. При этом я не держу мышку 0.5 секунды неподвижно над нужным мне пунктом меню. Разве что сделать в меню небольшой универсальный значок, который бы указывал на то, что меню разворачивается? Со временем пользователь начнет узнавать такой значок и знать, что надо не сразу кликать, а подождать, пока развернется меню.

Меню для uCoz

Obvious — Wed, 10 Mar 2010 18:35:49 GMT

Множество людей ищет красивое, а главное рабочее меню для uCoz. Но действительно хорошие меню находят единицы. Мы решили помочь Вам дорогие веб-мастера с поиском меню. На нашем сайте предусмотрен целый раздел под меню для uCoz.
Несколько советов по меню:
1. Выбирайте меню под дизайн сайта, не берите слишком яркие или "поносные цвета" они отталкивают посетителя.
2. JS меню хуже индексируются поисковыми роботами, но они достаточно красивы, выбор за вами.
3.Если у вас много категорий в меню лучше выбрать раздвижной тип, если не очень много "классического" меню хватит.
4. Выберите горизонтальное или вертикально меню, чаще всего используют и то и другое, помещая горизонтальное под шапку сайта, а вертикальное в блок.
Выберите меню для uCoz у нас на сайте, только отборные меню!

Шапка для uCoz

Obvious — Wed, 10 Mar 2010 18:03:53 GMT
Естественно какой сайт без шапки. Шапка для сайта является незаменимым компонентом дизайна uCoz. Так, что я думаю шапка для uCoz всем нужна и всеми будет востребована. Одевайте пока не замерзли!)
Если скачать шапку для uCoz, вам не придется часами сидеть за фотошопом или другим графическим редактором чтобы сделать ее. Скачав шапку у нас в формате PSD вы сможете быстро отредактировать (заменить) название или title в шапке.
Каких же форматов бывают шапки, рассмотрим основные: JPG, PNG, GIF и Flash. Многие шапки распространяются в формате PSD (по другому - исходник), открывается он только фотошопом, ну или специальными viewer'ами.

Дизайн для uCoz

Obvious — Wed, 10 Mar 2010 16:39:51 GMT

Предоставленные на нашем сайте дизайны для укоз являются отборными. Мы выбираем только рабочие дизайны для uCoz и выкладываем их сюда. Естественно могут быть какие то проблемы, с битыми архивами или файлами, в таком случае вы можете обратиться за помощью на форум:в раздел помощи веб-мастерам, но могу гарантировать, что 95% дизайнов для uCoz предоставляемых на нашем сайте являются рабочими и качественными.
Дизайны обычно состоят из многих блоков, но основными являются шапка сайта и меню.
Мы так же можем помочь вам выбрать дизайн для ucoz, подобрать его под вашу тематику, просто надо отписаться на форуме в соответствующей теме. Мы будем рады вашим положительным отзывам у нас в гостевой книге.
Мы работаем для вас! И нам очень приятно, что вы выбрали именно нас!