Как сделать шапку для сайта (онлайн и бесплатно)

Тема в разделе "Дизайн", создана пользователем Vera_Karpova, 19 апр 2020.

Метки:
  1. Vera_Karpova

    Vera_Karpova Webmaster

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

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

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

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

    Алгоритм:

    1) Идем в сервис канва (https://www.canva.com/), мне бесплатной версии хватает за глаза и за уши.

    2) Нажимаем создать дизайн → настраиваемые размеры, указываете какие вам необходимы.

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

    3) Идем в сервис - https://www.freepng.ru/ (что-то вроде бесплатного фотостока, только в формате png), через поиск ищем необходимую картинку по теме, выбираем, что нравится и скачиваем.

    4) Возвращаемся в канву, через вкладку - загрузки, добавляем картинку. Помещаем на белый фон, регулируем размеры, расположение (можно сделать больше/меньше, крутить вертеть в разные стороны). Пока можно примерно, потом все будем подгонять.

    5) Идем в вкладку текст и либо выбираем заголовок и пишем название и описание сайта, либо уже выбираем шаблон с красивыми шрифтами, лишнее можно удалить. Так же текст можно регулировать, на верху есть вкладка с выбором шрифтов, размером, жирный, курсив и т.д. Можно менять цвет.
    Screenshot (1).png

    6) Пишу название и описание сайта. Выбираю шрифт, подгоняю размер. Затем если необходимо, снова подгоняю картинки.

    holidays.ru.jpg

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

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

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

    Вложения:

    • holidays.ru (1).jpg
      holidays.ru (1).jpg
      Размер файла:
      14,1 КБ
      Просмотров:
      17
    • holidays.ru.jpg
      holidays.ru.jpg
      Размер файла:
      14,3 КБ
      Просмотров:
      17
    • holidays.ru.jpg
      holidays.ru.jpg
      Размер файла:
      13,6 КБ
      Просмотров:
      16
    Vera_Karpova, 19 апр 2020
    #1
    Nott84, Seremetra, Миловица и 10 другим нравится это.
  2. Лена Л

    Лена Л Webmaster

    Спасибо, Вера! Обязательно попробую.
     
    Лена Л, 19 апр 2020
    #2
    Vera_Karpova нравится это.
  3. Миловица

    Миловица Well-Known Member

    Вера спасибо! Тоже всегда заказываю, теперь и сама попробую. :penguin:
     
    Миловица, 19 апр 2020
    #3
    Vera_Karpova нравится это.
  4. Seremetra

    Seremetra Well-Known Member

    Спасибо, Вера! :good::rose:
     
    Seremetra, 19 апр 2020
    #4
    Vera_Karpova нравится это.