• 0k
  • 0
Веб-дизайн \ 24 Февраль 2015

Как сделать сайт самому на основе пустого шаблона

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

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

1. Проясните задачи

До того, как заняться дизайном, нужно понять, для чего вообще вам нужен сайт. Ответив на этот вопрос, вы сможете определиться с техническими требованиями и сформулировать некую общую идею. Пример: если вы делаете сайт для того, чтобы продавать модную одежду, значит, на нем обязательно должна быть галерея изображений, корзина и возможность оформлять заказы. Другой пример: если главная задача сайта — продвижение музыкальной группы, то для такого ресурса понадобится аудиоплеер, возможно, видеоплеер и график гастролей.

2. Вдохновитесь

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

3. Нарисуйте детальную карту сайта

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

4. Найдите свой стиль

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

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

5. Решите вопрос с изображениями

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

Имейте в виду:

  • В редакторе Wix очень много разных вариантов галерей.
  • Фотографии можно обрабатывать во встроенном редакторе изображений.
  • Если вам нужны профессиональные фотографии, то вы можете приобрести их по выгодной цене прямо через редактор.
  • В этом посте вы найдете ряд рекомендаций, которые помогут вам сделать правильный выбор.

6. Напишите тексты заранее

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

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

7. Выберите макет

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

8. Займитесь дизайном

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

9. Опубликуйте контент

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

10. Доведите до совершенства

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

11. Тестировать, тестировать и еще раз тестировать!

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

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

 

Короткой строкой: советы по работе с пустым шаблоном

  • Не забывайте пользоваться линейкой и инструментами для выравнивания объектов.
  • Решили обновлять контент почаще?  Тогда установите приложение, с помощью которого удобно создавать списки, или заведите блог.
  • Пустые шаблоны Wix тоже можно оптимизировать под мобильные устройства. Не теряйте аудиторию — сделайте это сразу.
  • Регулярно сохраняйтесь: это простое действие застрахует вас от неожиданной потери данных и позволит сберечь время и нервы.

Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

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

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес