Дизайн лендинга в фотошопе. Первый экран лендинга по продаже дров. Веб дизайн landing page

Поделиться
HTML-код
  • Опубликовано: 18 сен 2024
  • Если вы хотите получить максимум от веб-дизайна, то приглашаю вас на мои обучающие программы:
    💎 Программа наставничества по веб-дизайну лично со мной.
    - Большая база актуальных свежих видео уроков, доступных в любое время для просмотра
    - Групповые онлайн занятия
    - Проверка заданий и обратная связь лично от меня или от куратора
    - Эксклюзивы для каждого тарифа
    Попасть можно через эту анкету Предзаписи ➡️ forms.gle/tDjs...
    После заполнения анкеты, я свяжусь с вами, расскажу условия участия и отвечу на вопросы 👍🏻
    ...
    👨‍💻 Обучающая программа по веб-дизайну.
    Если вы хотите начать свой путь в веб-дизайне, прокачать умения и увеличить средний чек проектов, то я приглашаю вас на свою обучающую программу, где за 8 недель вы научитесь делать дизайн лендингов в Figma, верстать их, делать оформление для социальных сетей, находить клиентов на свои услуги + продавать их за дорого. ✅ Подробнее про обучающую программу: fire.hawk-styl...
    ...
    ✨ Курс по Нейросетям [NeuroXpert] со скидкой 50%: ai.hawk-style.com
    ...
    🔔 Подписывайтесь на канал: / @hawkstyle1
    Тут я постоянно выкладываю интересные видео на тему веб дизайна и заработка на этом виде деятельности.
    ...
    Добавляйся ко мне в социальных сетях:
    Я в ВК: hawkstyle
    Блог ВК: hawksty...
    Instagram: / hawkstyle
    Telegram-канал: t.me/alexey_sa...
    Facebook: hawkstyled
    Сайт: hawk-style.com
    Чат ВК, 900+ фрилансеров уже тут: vk.cc/abeuZ6
    Скачать бесплатно мою книгу: book.hawk-style...
    ///
    Также рекомендую посмотреть другие мои видео, которые будет полезны всем, кто работает с фотошопом или хочет научится веб-дизайну:
    Как сделать логотип в фотошопе
    • Логотип в в фотошопе. ...
    Дизайн баннера для ВК в фотошопе за 10 минут • Дизайн баннера ВК. Как...
    Листовка в фотошопе • Листовка в фотошопе. К...
    Как сделать дизайн визитки в фотошопе • Дизайн визитки в фотош...

Комментарии • 65

  • @maximus2624
    @maximus2624 4 года назад +9

    чувак ты крут и очень талантлив! очень странно, что на твоих роликах не так много просмотров! удачи тебе!

  • @ChannelBestShow
    @ChannelBestShow 5 лет назад +8

    Алексей, это офигенно... Спасибо огромное. Часто на ваши уроки равняюсь, когда делаю лендинги

  • @ilvir021
    @ilvir021 5 лет назад +4

    Алексей! Большое спасибо за такие подробные видео! С каждого ролика беру себе 3-4 приема на вооружение и сразу внедряю. Ты очень круто делаешь. В руках мастера фотошоп выглядит простым и легким в использовании))

  • @artmoore99
    @artmoore99 5 лет назад +8

    Согласен с предыдущим комментарием! Спасибо за твой труд!

  • @veor2758
    @veor2758 5 лет назад +11

    Урааа, дождались нового лендоса!) Лайк не глядя

  • @vodovozki-spb
    @vodovozki-spb 5 лет назад +2

    Проффиссионально, красиво и быстро! Большое спасибо за видео. Вечерком надо повторить!

  • @Убативмашине
    @Убативмашине 5 лет назад +5

    Ооооо будет чем заняться завтра, спасибо ))

  • @fox9ta1l
    @fox9ta1l 4 года назад +1

    Крутой урок) подписался)
    Начинающий верстальщик но уже могу сказать что сделать два нижни хугла более скругленными достаточно в строчке кода css добавить два числа.

  • @biologinya64
    @biologinya64 5 лет назад +2

    Алексей, спасибо! Очень крутой урок!

  • @freaky9789
    @freaky9789 4 года назад +2

    У тебя хороший вкус дизайна !

  • @Madness-ti3bw
    @Madness-ti3bw 5 лет назад +4

    и правда,стильно

  • @user-ww4bo1sy5e
    @user-ww4bo1sy5e 4 года назад +1

    Круто друг!!! Спасибо!!! Давай ещё)

  • @luiswilson674
    @luiswilson674 4 года назад +2

    просто жесть, нет слов

  • @megaanatolij
    @megaanatolij 4 года назад

    Супер !!! Подписка !!!

  • @user-xh5je9iw2d
    @user-xh5je9iw2d 5 лет назад

    о, это я нормально зашёл) спасибо)

  • @egoregoroff104
    @egoregoroff104 5 лет назад +2

    спасибо!

  • @comics_u
    @comics_u 4 года назад

    Круто!

  • @nick2715
    @nick2715 4 года назад

    кросс классно вышло!

  • @krepkovmeste
    @krepkovmeste 4 года назад

    Мне тоже понравилось )

  • @ozon5543
    @ozon5543 5 лет назад

    Во многих случаях в качестве корректирующего слоя лучше использовать маску, пользоваться кистью.

  • @vivigromko7746
    @vivigromko7746 3 года назад

    Спасибо!!!!

  • @Лена-щ2с
    @Лена-щ2с 3 года назад

    это класс!

  • @elmarusifov182
    @elmarusifov182 3 года назад

    молодец супер

  • @centeros8795
    @centeros8795 4 года назад

    Спасибо, за видео! Скажите, какой у Вас компьютер?

  • @andpulikov
    @andpulikov 3 года назад

    Даже сосной запахло !

  • @LevanUA
    @LevanUA 5 лет назад

    Очень классный проект. А какая у тебя клавиатура? На слух очень приятна.

    • @HawkStyle1
      @HawkStyle1  5 лет назад

      Клавиатура Logitech K750

  • @nastiami
    @nastiami 3 года назад

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

  • @perseibog5775
    @perseibog5775 3 года назад

    Алексей подскажи, я не могу понять , я вставляю psd файл с сеткой он у меня по горизонтали как только меняю холст по вертикали то и сетка так же меняется как изменить допустим только сетку ?

  • @DruidCreator
    @DruidCreator 5 лет назад +1

    спасибо за видео постарался покреативить
    www.dropbox.com/s/t6txpjkyvaqivsh/%D0%94%D1%80%D0%BE%D0%B2%D0%B0.jpg?dl=0

    • @HawkStyle1
      @HawkStyle1  5 лет назад +1

      Нормально, только кнопка не совсем похожа на кнопку, лучше всё таки сделать её одним цветом/градиентом, и рядом добавить картинку сами дров или даже без них

  • @bow84
    @bow84 4 года назад +1

    А где вы потом верстаете сайт с фотошопа ???

  • @user-ls9rz6nt3o
    @user-ls9rz6nt3o 4 года назад

    Привет! Очень познавательное видео, спасибо! Вопрос: как можно вставить в лендинг видео, например, из ютуба прямо в фотошопе?

    • @HawkStyle1
      @HawkStyle1  4 года назад

      Привет. Сделать скриншот экрана, вырезать кусок с видео и вставить в макет

    • @user-ls9rz6nt3o
      @user-ls9rz6nt3o 4 года назад

      @@HawkStyle1 о, благодарю за столь быстрый ответ, я уже понял, что это сделать нельзя, нужно верстать сайт. Скажите, а есть ли удобные программы для верстки сайтов?

  • @mishatrick
    @mishatrick 5 лет назад +2

    Лёха, спасибо за урок. Вот что получилось, если не сложно, дай обратку www.dropbox.com/s/x026o2k86kgsabg/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3%201%20%D0%B1%D0%BB%D0%BE%D0%BA.jpg?dl=0

    • @HawkStyle1
      @HawkStyle1  5 лет назад

      Кнопка очень большая, в раза 2 меньше нужно. Остальное Ок

  • @marselviva3772
    @marselviva3772 4 года назад

    Сколько стоит заказать у тебя лендинг?

  • @Diamond-hs7qk
    @Diamond-hs7qk 5 лет назад

    Я так понимаю в макетах нельзя текст тянуть через cntr + t ?

  • @gekhaev.l7676
    @gekhaev.l7676 4 года назад

    Какой фотошоп используешь?

  • @larson43
    @larson43 4 года назад

    Привет, а ты показываешь как на хостинг потом все залить?

    • @HawkStyle1
      @HawkStyle1  4 года назад

      Я обучаю веб дизайну. Не верстке и заливки на хост)

    • @larson43
      @larson43 4 года назад

      @@HawkStyle1 а где посмотреть можно? Подскажи друг!!!

  • @natik_pl
    @natik_pl 3 года назад

    сколько стоит у вас сайт?

    • @HawkStyle1
      @HawkStyle1  3 года назад +1

      Можете оставить заявку на нашем сайте и отправим КП) hawk-style.com

  • @kamenovonline2610
    @kamenovonline2610 4 года назад

    П отом это на тильду можно дбавить????

    • @HawkStyle1
      @HawkStyle1  4 года назад

      Если сверстать, то можно

    • @kamenovonline2610
      @kamenovonline2610 4 года назад

      @@HawkStyle1 а как это?

    • @HawkStyle1
      @HawkStyle1  4 года назад

      @@kamenovonline2610 верстка лендинга

  • @svtkrug13
    @svtkrug13 5 лет назад

    Спасибо за хороший урок!
    vk.com/photo314854160_456239036?rev=1

  • @god-user
    @god-user 5 лет назад

    Вообще в дизайне сетку не правельно используете, говорю как верстальщик. Справа слева текст прилипает к краям, эти полоски есть отступы, на которые не желательно залазить, иначе верстальщику придется много правок делать в сетке при верстке. Кнопку объемную не правельно делаете, по вашему макету придется делать ее либо тупо картинкой, что не правельно, либо дублировать слои а это уже нагрузка. Можно :after сделать конечно. Так же в макете должно быть 3 состояния кнопки, а не одно как у вас, верстальщик тратит время из за таких дизайнов, чтобы придумать как будет выглядеть при наведении и при клике. Я такие макеты возвращал на доработку.
    В целом урок хороший, недочеты сожно убрать и будет огонь😏
    Любое не стандартное расположение объекта в макете ведет к увеличению времени верстки, потомучто при адаптации на все разрешения будет куча ппоблем.

    • @HawkStyle1
      @HawkStyle1  5 лет назад +3

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

    • @god-user
      @god-user 5 лет назад +1

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

  • @АленаШиманова
    @АленаШиманова 4 года назад

    yadi.sk/i/NFXJ7OfOtYiPIw. Мне мое не очень нравится, но за видео спасибо!!!

  • @alexandrshcherbak2700
    @alexandrshcherbak2700 5 лет назад

    Сколько стоит такая работа? Чисто макет?

    • @HawkStyle1
      @HawkStyle1  5 лет назад +4

      У меня в среднем дизайн лендинга веб-версия+мобильная 40000 руб

  • @lamadsgnr4667
    @lamadsgnr4667 5 лет назад

    Что за мания к такому виду кнопок