Как поменять дизайн сайта

Смена дизайна сайта

Дизайн (шаблон) определяет внешний вид сайта: оформление, меню, шрифты и т.д.
В Конструкторе используется большое количество дизайнов.
И с каждой новой версией Конструктора мы добавляем новые дизайны.
Потому желательно при установке новой версии Констурктора посмотреть новые дизайны (они обычно добавляются в начале списка дизайнов). Возможно какой-то из новых дизайнов понравится Вам больше, чем используемый на данный момент.

Важно:

Смена дизайна не влияет на наполнение сайта. Изменяется только внешний вид.


Выбрав желаемый дизайн, подтвердите, пожалуйста, выбор, нажав кнопку “ОК”.

Окно выбора дизайна закроется и дизайн проекта сайта обновится.

Сохраните , пожалуйста, проект (это важно).

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

Важно:

Мы не раз встречались с обращениями по поводу того, что при смене дизайна на сайте стало отображаться некое слияние прежнего и нового дизайнов.
Или же, что на одних страницах сайта оторажается новый дизайн, а на других – прежний.
Потому позвольте акцентировать, что после смены дизайна необходимо:
сохранить проект
и провести полную конвертацию перед публикацией.

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

Наши контакты: Почта: info@edusite.ru Бесплатный телефон поддержки: +7(800) 511 08 86

Поделиться в соц.сетях:

© Руководство по созданию и ведению сайта в Конструкторе E-Publish. АО “Е-Паблиш”, 2002—2020

Как сменить дизайн на сайте Ucoz

Когда создавал сайт, выбрал себе хостинг на Ucoz, так как он обладает рядом несомненных для меня достоинств:

1. Хостинг бесплатный, на первых проектов это отличный выбор.

2. Полный доступ к Html и Css коду, что дает большие возможности по изменению дизайна и шаблона страницы, если разобраться. Можно сменить дизайн на сайте Ucoz Юкоз без всяких проблем.

3. Большой набор встроенных модулей, на которых можно построить практически все, что угодно, что вам поможет при дальнейшем продвижении сайта.

4. Возможность прикрутить к хостингу домен второго уровня.

5. Отсутствие рекламы, возможность установить свою при желании.

6. Удобная русифицированная админка для управления сайтом.

7. Возможность создания нескольких сайтов на одном аккаунте.

Сегодня я хотел бы рассказать, как изменить дизайн своего сайта на Ucoz Юкоз .

Как сменить дизайн сайта на Ucoz Юкоз

Ucoz предлагает 246 оригинальных дизайнов на выбор, но обычно выбирают из 10-20 особенно удачных, соответственно уже приглядевшихся и надоевших. А давно известно, что для того, чтобы осуществить успешное продвижение сайтов в Екатеринбурге или ином городе, следует создать оригинальный и привлекательный дизайн сайта, к которым, разумеется, нельзя отнести шаблонный дизайн. Ну так меняем дизайн Ucoz Юкоз на свой. Если сперва сложно сделать дизайн с нуля, предлагаю изменить уже существующий.

Заходите в редактор страниц, выбираете пункт “общие настройки”. Нажимаете напротив строки “Дизайн сайта:” – “выбрать дизайн”, открывается окно выбора дизайна. Выбираете тот дизайн Ucoz Юкоз, который вам наиболее приглянулся, устанавливаете на сайт и начинаете редактировать.

Для примера расскажу, как изменить картинку шапки сайта. Все графические изображение, используемые в дизайне, описаны в файле стилей style.css , либо в html-шаблоне страниц. Рассмотрим два варианта:

1. Картинки прописаны в CSS. В верхней панели выбираете “Дизайн” – “Управление дизайном (CSS)”. В окне ниже откроется собственно сам файл стилей. Находим в нем строчку вида: #header – это адрес вашей шапки сайта. (в разных шаблонах по разному, вам придется найти, какая картинка к чему относится)

2. Картинки прописаны в Html-шаблоне. Там же в верхней панели выбираете “Дизайн” – “Управление дизайном (шаблоны)”. В окне ниже выбираете “верхняя часть сайта”, ищете строчку вида:

Для того, чтоб сменить дизайн сайта, пройдите, пожалуйста, в меню Конструктора: Проект – Смена дизайна
В поднявшемся окне свойств проекта (с уже открытой вкладкой “Дизайн сайта”) выберите, пожалуйста, понравившийся Вам дизайн.
При клике по названию дизайна в левой части окна выбора дизайна, в правой части окна будет отображаться привью дизайна.
Опять же придется определить, какую именно картинку вы хотите поменять.

Чтобы узнать, какая именно картинка вам нужна, перейдите по адресу вида: “адрес вашего сайта/адрес картинки из шаблона” – откроется картинка, найдете нужную вам.

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

Аналогично поступаем со всеми картинками дизайна вашего сайта или создаем сразу новый дизайн для всей страницы и прикручиваем его к вашему сайту.

Мой блог находят по следующим фразам

Подпишись на обновления блога по RSS, Email, twitter!

Интересные посты на “Сайтоведе”:

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

Ключевые слова в статьях выделяются тэгом strong. В итоге в тексте они получаются жирными. Если мне надо выделить ключевые слова, но я не хочу, чтобы они выделялись в тексте жирным или курсивом, то что делать? как настроить?

стили пропиши в css. Я часть вообще позакрывал
тра та та Поисковики на это не обращают внимания.

Блин написал тег. сайт его не вывел так как видимо попал в html, можешь вообще закрыть (пишу часть тега по русски) тект поисковики на это не обращают внимание. или стили к H1-6 или strong прописывай в css

Недавно я keywords и description добавила вместо имейла и веб сайта. Единственное что не могу понять в этой формуле от чего в конце нумерация зависит? Почему цифра 3 а не 1 или 2? К примеру в каталоге статей, description у меня стоит вместо поля и-мейл, а keywords вместо поля web-сайт. Какой же в этом случае будет нумерация. В каталоге статей дополнительных полей нет, вот и возникает путаница.

Спасибо! Попробую сделать, а то бьюсь-бьюсь, ничего не выходит..

У меня все получилось

если я изменю шаблон, вся залитая информация (в том числе альбомы, контакты и прочее) останутся? или тоже пропадут?

Все останется, как было. Только те изменения, что вы вставляли в прошлый шаблон. Структура сайта сохранится.

Короче, вы сами не знаете как в шаблоне заменить хидер. А говорите, мол, знаем все. Если вам задают вопрос, то нужно давать конкретный ответ. Многие знают верстку и т.д. .. но это не значит, что они должны знать структуру юкоза. Так что не пипите. Когда вам дают задачу на работе – вы не огрызаетесь(там не так, то не то). Так и сдесь – конкретный вопрос, и конкретный и адекватный ответ. Если нет, то ваш сервис гамно!

Вообще-то это не сервис, а информационный сайт. И у меня это не работа, мне за статьи денег не платят.

набери два слова в любом поисковике АЙ МОМЕНТ попадешь на сайт где в тупую весь шаблон переделан.

можешь задать вопрос в обратной связи с сайта АЙ МОМЕНТ Вообще я делаю шаблоны для joomla, а юкоз для души. Как-то уже привык к нему

Спасибо помогло.Вы не могли бы подсказать как поменять на шапке сайта название не могу найти.Заранее спасибо

Ищите в шапке сайта

Приветствую! Спасибо, сработало! Менял шапку на своём сайте – надоела до ужаса, пять лет уже одна и та же. Так долго определялся с цветом, что уже сил не осталось его поменять, когда определился.. Кстати, насчёт цвета, кому интересно, раз уже всё равно дизайн меняете, почитайте тут: http://1245.ru/kak-vyibrat-dizayn-dlya-sayta-vizitki/ Интересно написано, оказывается, дизайн ещё и на продвижение влияет!
P.S.: у меня картинка для шапки была в css прописана, хорошо, а то в шаблонах я вообще не разбираюсь, это тёмный лес для меня

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

1.Это самое основное.Мы предлагаем вам услуги по дизайну с сайтами Ucoz.Любой дизайн,если он под силу нашим сотрудникам будет сделан в кратчайшие сроки.
2.Оригинальность,стабильность в работе,уникальность дизайна,помощь в последующей установке дизайна.
3.Сам дизайн всего сайта делаем на платформе Ucoz
Кто не знает ucoz это-бесплатный хостинг с бесплатными доменами.

Для того что-бы сделать заказ вам всего лишь потребуется webmoney и немного терпения и фантазии.Вы спросите “Зачем мне нужна фантазия?”-отвечу если хотите оригинальность,а не просто глупый дизайн взятый с другого сайта,тогда вам придется немного пофантазирывать.Мы будем предлагать тот или иной вариант показывать полу готовый дизайн для того что бы он вам понравился и дорабатывать его,так как для нас является главным заинтересовать наших клиентов нашей работой для последующих партнерских отношений.
Вроде все! Ой забыл самое главное для того что-бы связаться и заказать чего либо по дизайну как правило нужна связь ниже будет написано куда можно обратиться для этого.
Всего хорошего!Не думайте много,а заказывайте у нас так как это,во первых дешего, во вторых удобно,в третьих красиво,в четвертых практично и самое главное гарантировано!

Обратная связь
danilpoyasov@mail.ru -майл для связи
danil.poyasov – Скайп
Цены на наши работы :
Цены начинаються от 100 рублей и выше, по мере того чего вы захотите добиться от своего сайта .
Далее внесу коррективы в каждый из параметров продвижения и дизайна сайта для пользователей нашеми услугами
Сайт: http://softandmoney.ucoz.ru/forum/32-97-1

Доброго дня! с дизайном вопросов нет. Есть вопросы по созданию своих информеров. Делаю сайты на cms Joomla. Я конечно извиняюсь но это гораздо круче ucoz конструктора. Если есть уроки по созданию своих информеров то хотелось бы почитать. А также нужна нормальная галлерея для фотографий в (html css js) как-бы сделать что-то вроде фотоальбома. Примерное представление: http://youtu.be/IxtMPVtTZNo Заранее благодарен…P.S на юкоз пришел с народа. Нас видимо подарили.

На Укозе есть простенькая своя фотогалерея. А со скриптами, извини, не сталкивался. Я больше в WordPress работаю, там есть хороший плагин фотогалереи. Укозвоский сайт мне не понравился твой, может, стоило бы дизайн более читабельный делать?

p.s сегодня буду резать нормальную шляпу с ролловерами и т.д. Эта была пробник на тему как будет грузится сайт с тяжелой шляпой(800кб) Делал 1час. А весь сайт будет в стиле космос.

Ковыряюсь на юкозе очень мало, если кто -то знает про норм. фотогаллерею вышлите ссылку на: photosimf@yandex.ru или в обратную связь http://photosimf.com.ua

Спасибо за советы. Помогли.

Подскажите пожалуйста как поменять надпись в ЛЕВОМ ВВЕРXНЕМ УГЛУ сайта , просто там написано “мой сайт” а я бы xотел поменять на свое и желательно с HTML кодом если такое возможно , услышьте меня !!

Название сайта поменяйте просто в настройках. Настройки – Общие настройки – Название вашего сайта. Сохраняем.

Статью в закладки, однозначно.
Пока, правда, не планирую заливаю сайты на Юкоз. Не хочется всерьез заниматься ресурсом и при этом держать его на бесплатном хостинге. А просто, ради забавы заниматься сайтом не могу.

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

Редактирование готового шаблона HTML, CSS – Begin

Инструкция по редактированию шаблона сайта Begin

Скачать инструкцию с примерами HTML страниц и самим шаблоном можно по ссылке внизу страницы.

Подготовка к редактированию шаблона.

Желательно, чтобы у Вас заранее был готов текст, который собираетесь размещать на редактируемой странице и картинки (фото) по размерам соответствующие тем, которые лежат в папке img.
Эта папка будет содержать Ваши личные изображения и фото для размещения на сайте.
В папке images находятся картинки, используемые в дизайне сайта, их менять не рекомендуется (тем более размер), если только позже, когда наберетесь опыта.
В названиях картинок и страниц сайта используйте только осмысленные латинские символы, чтобы потом было легче ориентироваться в коде.

– Открываем файл index_red.html в браузере. Здесь видим копию кода главной страницы сайта index.html – для наглядности. Редактировать будем другую страницу.
Обратите внимание только на то, что выделено разными цветами: меню (навигация) сайта, имена картинок (при желании), адреса ссылок на страницы (если переименуете их), основное текстовое содержание сайта (обязательно) и, так называемые, мета теги (обязательно), которые находятся в начале кода, нужны для поисковых систем – посещаемости сайта.
Менять будем только места выделенные цветом.

Переходим к редактированию шаблона.

– Открываем главную страницу index.html (папка “Ваш сайтbegin”) с помощью текстового редактора и видим то, что нам предстоит редактировать. Не пугайтесь, это только при первом взгляде страшно, по мере работы присмотритесь и все встанет на свои места.
При редактировании кода используйте поиск: выделите и скопируйте код на странице инструкции и вставьте в окошко поиска редактора на редактируемой странице.

Замене подлежат: Русский текст – ЦВЕТ , Имя картинки – ЦВЕТ , Ссылки (переходы) – ЦВЕТ

Переходим к замене контента шаблона. Не забывайте периодически сохранять и просматривать результат работы (стр. index.html) в браузере, перезагрузка окна – F5.

Редактируем основные META теги HTML страницы

Название сайта – Видно в окне браузера

Описание сайта. Будет видно в анонсе поисковых систем. Не более 200 символов ” />

ключевые, слова, через, запятую ” />

Мета-теги в начале страницы: title, description, keywords, являются важным атрибутом любой страницы, размещенной в Интернете.

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

Description – описание сайта при отображении Вашей страницы в результате поиска. Должно быть не более 200 символов. Наличие ключевых слов.

Keywords – ключевые слова, которые чаще встречаются в тексте страницы, несут смысловую нагрузку содержания страницы, пишутся через запятую, не более 7-8 слов. В самом тексте должны встречаться не более 4 раз (каждое слово) на 2000 символов, выделяться жирным, присутствовать в первом предложении и последнем.
Keywords в последнее время потеряли свою значимость для поисковых систем.

Редактируем меню сайта и логотип

ЛОГОТИП

Ваш логотип Название сайта или код-адрес картинки

– для начала достаточно текста.

МЕНЮ САЙТА

Ссылки типа page1.html можете оставить без изменений или изменить на свои, но тогда не забудьте внести изменения в другие страницы сайта.
Здесь указана относительная ссылка: page1.html, можно указать абсолютную: http://Ваш сайт/page1.html, что одно и тоже. При первом варианте ссылки, страницы должны находиться в одной и той же папке, в пределах компьютера или хостинга.

index.html – является индексным названием, его не менять! При обращении браузера к папке в которой находиться файл index.html, по умолчанию открывается сразу этот файл.

Пример: если Вы набрали в браузере адрес: http://Вашсайт.ru, то автоматически (по умолчанию) откроется файл первой страницы index.html, если он лежит в папке Вашсайт.ru
Два адреса http://Вашсайт.ru и http://Вашсайт.ru/index.html одинаковы.

Поменяйте заголовки меню. Следите за тем, чтобы текст меню уместился в одной строке страницы.

Редактируем ШАПКУ сайта

В шапке будем менять текст слева от большой картинки. С этим Вы справитесь, далее о картинке.

Размер картинки 600х220 px, поменяйте изображение, создайте свое таких же размеров. Сама картинка лежит в папке images, называется logo.png, параметры картинки в файле style.css (папка css). При изменении ширины изображения, поменяйте параметр width:600px; (он такой один) на свой размер.

Отступы от верхнего и правого края меняйте атрибутами, соответственно: padding-top:10px; padding-right:10px; которые ниже параметра width:600px;

Следите за тем, чтобы вес картинки был не большим. Влияет на скорость первого открытия сайта для посетителя. На дальнейших переходах по страницам сайта не отображается, за счет прописки в файле .css, но тем не менее лучше держаться в пределах 50-100 кб.

СЛАЙДЕР – картинки в движении

В нашем случае состоит из восьми картинок размером 200х100 px. Размеры не менять. Если измените ширину, то расстояние между картинками увеличиться или уменьшиться. Могут наехать друг на друга. Имена картинок: slider1.gif, slider1.gif, slider1.gif и т.д., лежат в папке images. Замените их на свои, таких же размеров.
Название можете изменить, но тогда поменяйте его и в коде, пример: slider1.gif меняем на mylove1.jpg. Обратите внимание, формат картинки .gif, jpg, png. в коде должен соответствовать формату картинки.

Код:
Ссылку https://sitey.ru замените на свою, куда-нибудь отправьте посетителя при ее нажатии.
Далее меняйте символ # .
Можно изменить скорость смены картинок в файле jquery-func.js (папка js) , параметр: auto:4, – в секундах. Будьте осторожнее при редактировании этого скрипта.

Редактируем ТЕЛО страницы – контент

Содержимое (тело) страницы состоит у нас из трех блоков: левый, средний и правый.

Размеры фиксированные (подогнуты под дизайн), изменить можно лишь высоту одновременно 3х блоков.
Файл style.css параметр height:300px; – замените 300 на большее значение.
Не советую увеличивать содержимое главной страницы на много. Будет дольше открываться для посетителей. Много трафика забирают картинки, особенно не прописанные в файле .css

Заполняйте блоки своим содержимым: текст, картинки в тексте (100×100 px). В имеющийся текст для наглядности уже включены ссылки на другие страницы, удалите их или замените.

Все остальное описывалось выше. В самом коде и редактируемом тексте есть дополнительные описания и рекомендации.

Редактируем ПОДВАЛ низ страницы

Здесь все просто. Замените текст и ссылки. Сюда же можно установить счетчик посещаемости сайта.

Завершаем редактирование шаблона

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

Сейчас в шаблонах страниц блок слайдера заполнен текстом с описанием редактирования каждой страницы. Этот текст необходимо заменить на описание конкретной страницы или вставить туда сам слайдер с главной страницы (он выделен комментариями внутри кода).

Все, что выше слайдера и подвал страницы будут одинаковы на всех страницах сайта.

Обязательно внесите изменения в Мета-Теги страниц и в Заголовок, они должны быть уникальными.

Работа с шаблонами дополнительных страниц.
Выделяем мышкой часть кода готовой страницы index.html, начиная от комментария до самого верха, копируем ее и заменяем на всех оставшихся страницах именно эту часть, также выделив ее и удалив.

Подобным образом поступаем с подвалом страницы: выделяем код начиная от комментария до самого низа и заменяем на других страницах. Почему до самого верха или низа? Так проще не промахнуться.

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

База знаний uCoz

Инструкция содержит следующие разделы:

Важно! Установка и переустановка полностью обновит содержимое глобальных блоков. Перед внесением каких-либо изменений в дизайн сайта мы рекомендуем сделать резервное копирование шаблона.

Установка нового шаблона

Чтобы изменить стандартный шаблон, зайдите в панель управления сайтом и в главном меню выберите пункт «Дизайн». На открывшейся странице нажмите на кнопку «Выбрать новый»:

Выерите шаблон из списка:

И нажмите на кнопку «Установить»:

Появится индикатор процесса установки шаблона:

После успешной установки нового шаблона вы увидите сообщение:

А после нажатия на ссылку «Посмотреть» сможете оценить новый дизайн.

Переустановка шаблона

Если нужно вернуть стандартный шаблон к первоначальному виду, воспользуйтесь ссылкой «Переустановить». Она видна, если зайти в раздел «Дизайн»:

Дождитесь окончания переустановки:

И сообщения об успешном выполнении операции:

Редактирование шаблона

Инструкции по редактированию стандартных шаблонов можно найти тут. Для этого Вам необходимо указать номер Вашего шаблона, который Вы можете посмотреть на вкладке Дизайн – Шаблон

В некоторых случаях целесообразно изменить лишь часть шаблона. Для этого потребуются знания HTML и CSS. Если вы сомневаетесь в своих силах, посмотрите, куда обратиться за помощью при создании сайта.

Как сменить дизайн сайта?

Как найти дизайнера и выбрать подходящего?

Приветствую вас! Как сменить дизайн сайта? Вот об этом сегодня мы и поговорим. Когда встает вопрос о поиске и выборе дизайнера, вы должны осознавать то, что от вашего выбора будет зависеть, не только ваши марка, лицо, бренд, но и формирование доверия к вам. Прежде чем начать искать дизайнера подумайте, что бы вы хотели увидеть. Каким должен быть ваш сайт, опишите свои мысли в произвольной форме, в документ Word как вы это видите. Если же у вас нет каких-то определенных требований, но нравится тот или иной сайт, приложите ссылки и объясните, что именно вам нравится и почему.

Если это, какие-то отдельные элементы, указывайте на них при помощи мгновенного создания скриншотов в программе joxi, скачать которую вы можете на сайте https://joxi.ru/download/, и при помощи панели инструментов программы выделить тот или иной элемент и подпишите, что именно и где вы хотели бы видеть или же не хотели бы видеть в своем дизайне, эти действия сокращают кучу времени, которое тратиться на понимание вашей идеи и на ее реализацию.

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

Посмотрите, как давно работает дизайнер и кто его клиенты, ознакомьтесь с галереей работ. Желательно если отзывы будут подкреплены ссылками на сайты людей или же ссылками на страницы в соц.сетях. Так вы поймете, что все отзывы реальные, «живые» нежели чем те, которые написаны в процессе создания дизайна сайта и его верстки.

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

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

Заинтересованность. Пусть вас насторожит если дизайнер которого вы совсем не знаете, например, на биржах фриланса говорит: «Все ясно вопросов нет» такого не может быть на самом деле, ведь каждый заказчик пишет ТЗ по-своему, подает информацию по своему.

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

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

Если же дизайнер предлагает вам сделать несколько вариантов за 10-25 тысяч рублей, сразу же насторожитесь! Знайте на 200%, что данный специалист не будет сильно заморачиваться и вникать в ваше ТЗ, а сделает эти варианты лишь для количества. Именно поэтому важно обсудить и написать тех.задание дизайнеру до начала работ.

Как вообще сменяется дизайн на сайте (схема)

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

Разработка дизайна делится на несколько этапов:

  • Создание шапки. Это может быть коллаж с обработкой в стиле техдизайн*, либо это может быть мультяшная** иллюстрация, которая создается сначала на бумаге – наброски, а затем переносится в электронный вид, а также в стиле комиксов*** или реалистичного**** рисунка. С каждым видом стиля вы можете ознакомится ниже.
  • Создание прототипа или скетча блоков и виджетов
  • Разработка уникального интерфейса и его оформления в стиль шапки
  • Утверждение с заказчиком может быть этапным, например, дизайнер сделал шапку – согласовал или еще более удачный вариант – это создание главной страницы целиком и ее согласование. Таким образом вы сможете увидеть связь шапки и интерфейса, перед вами будет полная картинка в которую уже тогда можно внести какие-то коррекции. Но знайте! Как показывает моя практика коррекций бывает очень мало если ТЗ написано грамотно и заранее согласовано, и оговорено с дизайнером!
  • Внесение коррективов и правок в дизайн главной страницы, утверждение ее.
  • Создание внутренних страниц сайта и согласование их с последующими коррективами при необходимости и снова утверждение
  • Создание мобильной версии сайта*****
  • Утверждение всех макетов и сдача в формате PSD. Это архив со всеми страницами сайта в формате фотошоп, где содержатся все составляющие макета по частичкам (слоям). Данный архив передается верстальщику, человеку, который «выведет» ваш сайт в интернет.

Как для дизайнера составить грамотное ТЗ?

1. Подготовьте необходимый контент для дизайнера, не откладывая это на потом. Например, вы владелец салона красоты или блоггер — художник-модельер. Вы предоставляете такие услуги как:

  • Стрижки
  • Покраски
  • Прически
  • Химическая завивка
  • Лечение волос и т.д
  • Такой контент будет важен для дизайнера потому, что он сразу же оформит данные рубрики/услуги должным образом, например, нарисует инфографику. Инфографика – это оформление текста для лучшего его восприятия вашим потенциальным клиентом. Инфографикой могут быть иконки, булеты (стрелочки, галочки, кружочки) и прочее.
  • Раскажите в этом же документе Word немного о своей работе, будет достаточно коротенького рассказа и выделением в нем самого важного и интересного в вашей работе, таким образом, дизайнер будет знать на что сделать акцент при разработке внешнего вида сайта или поможет вам определиться что нарисовать в шапке или подвале сайта, если вы не представляете.
  • Дизайнер должен знать, что делать и что ему рисовать, вы должны помочь ему в этом, так как кроме вас ему никто не расскажет о вашем бизнесе и хобби как вы сам.
  • Либо вы можете сами описать какой вы видите вашу шапку, то есть если вы хотите иллюстрацию, то вы можете описать какой-то сюжет как вы это видите, а дизайнер в свою очередь что-то скорректирует, или как-то дополнит ваше ТЗ предварительно обсудив это с вами.
  • Нарисуйте скетч (черновик, набросок) вашей шапки сайта или сайт по блокам – так как вы его видите – данный пункт для тех, кто ждет чего-то определенного на выходе. Не каждый заказчик знает, чего он хочет и это не редкость, поэтому они могут пропустить этот пункт
  • Если вы хотите видеть на своем сайте красочную шапку, покажите дизайнеру примеры тех иллюстраций или коллажей, которые нравятся вам, так дизайнер увидит в каком стиле и технике ему предстоит работать, он сможет оценить объем и время работ, а также назвать четкую стоимость и что не маловажно понять для себя, а справится ли он с задачей.
  • Приложите примеры (ссылки на сайты) которые вам нравятся, это поможет дизайнеру понять в каком направлении ему двигаться и как увязать интерфейс с иллюстрацией шапки и дополнительными иллюстрациями сайта
  • Напишите ваши предпочтения по цветовой гамме, например, вам нравится сочетание голубого и зеленого, на самом деле это дико термоядерная смесь, которую в чистом виде применять не стоит, контрастный цвет лучше использовать лишь один, например, голубой, а зеленый цвет он будет в дополнение, чтобы разбавить основной цвет. Помимо основного цвета есть так же нейтральные, эти оттенки должен подобрать сам дизайнер, отталкиваясь от ваших основных.
  • Напишите пункты меню вашего сайта, это важно для общего вида при просмотре макета. Восприятие макета сразу падает, когда дизайнер пишет «Пункт меню первый, пункт меню второй, третий и т.п.»
  • Доверяйте своему дизайнеру. Поверьте, мы это чувствуем, если заказчик не доверяет нам, хочет нас проверить или подловить на чем то, работать, возможно, но очень сложно морально.
  • Предоставьте дизайнеру, какую-то свободу действий и время, ведь вдохновение в деле дизайнера это, прежде всего ваш успех. Даже у самого опытного дизайнера просто может не быть вдохновения, когда он связан по рукам и ногам и имеет слишком жесткие рамки для выполнения задачи.

Какие требования предъявляются к современному дизайну

Каким должен быть современный дизайн? Какие параметры говорят о его современности? Какие требования предъявляются к современному сайту? На самом деле это легко понимается при визуальном сравнивании сайта, к примеру 2000 года и сайта наших дней, но давайте подробнее. Есть несколько требований, которые предъявляются к современному дизайну сайта. Есть основные требования. Их мы и рассмотрим:

  • Адаптивность — Дизайн, отзывчивый к устройствам, при помощи которых пользователь заходит на сайт. Все чаще люди просматривают сайты с мобильного телефона или планшета. Именно поэтому, современный сайт должен выглядеть одинаково на всех устройствах. Одинаково удобно и одинаково красиво
  • Навигация сайта – это очень важный пункт при создании дизайна сайта, этот пункт отвечает за правильное и удобное, для пользователя, расположение и продуманность каждого блока в вашем дизайне, ведь если пользователю интересно и удобно на вашем сайте, будьте уверены он к нему вернется
  • Легкость страницы – на страницах вашего сайта, будь то графические элементы или же элементы интерфейса, не должно использоваться флеш анимации, на сегодняшний день есть масса кодовых решений для реализации задуманного без вышеуказанного. Флеш очень увеличивает вес вашего сайта, вследствие чего он очень долго погружается, заставляя посетителя ждать, а это очень и очень большой минус в карму сайта.

Так же есть разграничение стилей дизайна вашей страницы, и к ним тоже есть свои требования, так же, как и дизайне интерьеров, экстерьеров и ландшафтного дизайна. Веб — дизайн не исключение, вот только название у видов стилей разные:

Стиль флет – метро стиль: подразумевает под собой использование плоской графики, без всяческого объема, будь то кнопки, иконки или другие элементы интерфейса. Сетка построения такой страницы зависит от требований технического задания.

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

Рисованный стиль применим не только к шапке сайта, будь то блог, интернет магазин или лендинг, но и к его отдельным элементам: кнопкам, иконкам, формам для заполнения какой-либо информации. Да во всем где только пожелаете.

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

Рисованные стили в свою очередь подразделяются на несколько видов:

Флет — требования к такой иллюстрации в шапке сайта, подвале или отдельным элементам интерфейса — никакого объема. Все должно быть плоско (как лист бумаги на столе) плюс ко всему есть требования по техническому заданию заказчика, то есть сценарий самой иллюстрации

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

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

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

Иллюстрация в стиле тех дизайна – так же, как и другие виды стилей, требует особого внимания к деталям технического задания заказчика. Чем оно точнее, тем точнее будет результат задуманного. Технический дизайн — это создание иллюстрации в шапке сайта, подвале или отдельным элементам страницы посредством использования реальных объектов, доводя их до совершенства цвета, формы, текстур, теней и т.д.

Как не лохануться при приемке готового дизайна, что надо проверить

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

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

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

  • У вашего дизайнера нет сайта или блога, на котором он полностью открывает информацию о себе и о своей деятельности.
  • Вы нашли данного специалиста не по рекомендации
  • Если вы никогда не слышали о данном дизайнере
  • Если у дизайнера менее 100 положительных отзывов…
  • Если дизайнер предлагает низкую цену за разработку сайта

На этом у меня все! Если у вас появятся какие-либо вопросы, то с радостью ответим всем без исключения. Всем пока!

Читайте также:  Как украсить аквариум
Оцените статью
Добавить комментарий