Диджитал-дизайн
Диджитал-дизайн
  • 14
  • 322 393
Как сделать сайт с нуля за 10 минут / Уроки Framer
В этом видео ты узнаешь, как создать сайт с нуля с помощью Framer - популярного инструмента для веб-дизайна и прототипирования. С помощью базовых блоков мы сделаем сайт, настроим адаптивность под разные устройства и добавим анимации.
🌶️ Шаблон в Телеграм:
t.me/+2411kkcXu2Q5MTcy
🥑 Ссылки на сайт из урока:
1. designdead.framer.website/
2. framer.com/projects/new?duplicate=Tuhqnv2QGmBINCBD3WDH
Что ты узнаешь из видео:
+ Как быстро создать сайт в Framer без навыков программирования
+ Как настроить адаптивный дизайн под мобильные устройства
+ Как добавить простые анимации и сделать сайт интерактивным.
Подходит для: начинающих веб-дизайнеров, фрилансеров, владельцев бизнеса и всех, кто хочет создать современный сайт за короткое время.
#framer #создатьсайт #вебдизайн #анимации #адаптивныйдизайн #figma #nocode
Переглядів: 944

Відео

Как сделать баннер в Figma
Переглядів 38 тис.2 роки тому
В этом уроке ты узнаешь, как можно легко сделать рекламный баннер или креатив в Фигме, используя основные инструменты ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy 00:00 - Начало 00:07 - Работа с фреймом 01:03 - С чего начинается работа над баннером 01:19 - Как работать с текстом 02:20 - Как искать референсы 02:53 -...
Всё о Figma за 7 минут
Переглядів 6 тис.3 роки тому
В этом уроке я расскажу самую базу работы в Фигме, для того чтобы перейти на неё с Фотошопа. Разберём несколько инструментов, их свойства, а также почему Figma удобнее Фотошопа для дизайна баннеров и соцсетей. ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy
Как сделать дизайн группы ВК в Фотошопе
Переглядів 16 тис.3 роки тому
Практический урок по оформлению группы ВКонтакте. Мы сделаем классную дизайну-упаковку сообществу ВК, состоящую из обложки, аватарки и меню ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy Бонус: yadi.sk/d/7E5yqDGUXs7LBw ✅ 1 УРОК: ua-cam.com/video/h9loOz0av-Y/v-deo.html ✅ 2 УРОК: ua-cam.com/video/zNUHqvBvQBE/v-deo.html...
Что такое дизайн соцсетей? / Сколько можно заработать? Кто такой SMM-дизайнер?
Переглядів 12 тис.3 роки тому
Привет! :) Это первый урок марафона по дизайну соцсетей. Мы познакомимся с понятием дизайна соцсетей, сколько можно зарабатывать, что такое баннеры, обложки, дизайн-упаковка, что такое хороший дизайн и плохой дизайн с примерами - Кто такие SMM-дизайнеры - Чем они занимаются - Сколько можно на этом зарабатывать - Хорошие и плохие примеры дизайна - Что будет с профессией дальше? Перспективы SMM-д...
Как правильно настроить Фотошоп + Обзор инструментов
Переглядів 4,9 тис.3 роки тому
⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy В этом уроке ты узнаешь, как настроить Фотошоп для удобной работы. Настроим цветовые профили, а также я расскажу про инструменты Photoshop, с помощью которых мы будем работать дальше - Как настроить Photoshop - Базовые инструменты Фотошоп. Как ими пользоваться - Настроим...
✅ Как сделать баннер в Фотошопе | Мини-курс по баннерам | Урок #3
Переглядів 4,7 тис.4 роки тому
Мы будем делать с тобой настоящий рекламный баннер, сочный и броский - такой, каким он должен быть! ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy ⚡ Прикладываю все референсы, шрифты и исходники ссылочкой: vk.cc/aCo619
✅ Основы Фотошопа - кратко | Мини-курс по баннерам | Урок #2
Переглядів 3,4 тис.4 роки тому
В этом уроке мы с тобой настроим наш рабочий инструмент - Фотошоп ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy 📍 Дополнение к уроку: teletype.in/@designdead/ffMCcNdiFZt
✅ Что такое дизайн баннеров и соцсетей | Мини-курс по баннерам | Урок #1
Переглядів 4,7 тис.4 роки тому
В этом уроке расскажу тебе о дизайне баннеров и соцсетей, с чего начать и сколько ты сможешь зарабатывать 💸 ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy 📍 Дополнение к уроку: teletype.in/@designdead/fgh57hcgjfghf
Как сделать баннер в Canva за 5 минут
Переглядів 43 тис.4 роки тому
В этом уроке я расскажу, как можно быстро сделать рекламный баннер в Канве/Canva, например для таргета в Инстаграм или Вконтакте, для сторис и для многого другого). Простые основы сервиса Canva для создания баннеров и не только ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy
Всё о рекламных баннерах за 6 минут
Переглядів 94 тис.4 роки тому
В этом уроке мы познакомимся с базовыми принципами создания рекламных баннеров. Ты узнаешь, какие баннеры бывают, форматы баннеров и как правильно подбирать картинки под баннеры ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy 00:45 - Типы баннеров 01:46 - Форматы баннеров 02:04 - Из чего состоит рекламный баннер 02:29...
Баннер в Фотошопе с нуля
Переглядів 9 тис.4 роки тому
В этом уроке мы с тобой сделаем рекламный баннер в Фотошопе для барбершопа. ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy
Инструкция: Как быстро сделать баннер в Фотошопе
Переглядів 85 тис.4 роки тому
В этом уроке мы узнаем, как сделать баннер в Фотошопе, используя несколько простых приёмов. ⚡️ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍️ Телега: t.me/ Xg7Exe6cUctiNmMy

КОМЕНТАРІ

  • @designdead
    @designdead 3 дні тому

    Го в телегу: t.me/designdead

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @designdead
    @designdead 16 днів тому

    ⚡ Экспресс-курс по дизайну для тех, кто делает контент - teletype.in/@designdead/smmdesign 🖍 Телега: t.me/+Xg7Exe6cUctiNmMy

  • @AleksandrAleksandrovic43
    @AleksandrAleksandrovic43 27 днів тому

    Хотелось бы что то более подробное. Допустим сделал сайт. Где его продать и как.

  • @amlrltd
    @amlrltd Місяць тому

    ураааа вы вернулись, надеюсь видео будут выходить теперь часто)

    • @designdead
      @designdead Місяць тому

      @@amlrltd будут)

    • @amlrltd
      @amlrltd 15 днів тому

      ​все еще ждууу

    • @designdead
      @designdead 15 днів тому

      @@amlrltd 😉👌

  • @vtltech
    @vtltech Місяць тому

    круто, но дорого

    • @mrsam2822
      @mrsam2822 Місяць тому

      Что дорого? Фреймер бесплатный

    • @AleksandrAleksandrovic43
      @AleksandrAleksandrovic43 27 днів тому

      @@mrsam2822 Где то есть уроки по Фраймеру более объёмные? Подскажи пожалуйста

  • @дмитрий-б9з5в
    @дмитрий-б9з5в Місяць тому

    я так понял надо покупать тариф и каждый месяц 10 евро платить или как там этот домен привязать. на каком российском конструкторе можно сделать подобное?

    • @designdead
      @designdead Місяць тому

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

    • @дмитрий-б9з5в
      @дмитрий-б9з5в Місяць тому

      @@designdead вроде с фигмы можно переносить в тильду, а тут никак? или как то код скопировать и куда то перенести чтобы работало

    • @designdead
      @designdead Місяць тому

      @@дмитрий-б9з5в тут ещё проще, через плагин “Figma to HTML with Framer” копируем из Фигмы и вставляем во Framer

    • @дмитрий-б9з5в
      @дмитрий-б9з5в Місяць тому

      @@designdead я имел ввиду можно ли из фрэймера куда то перенести как из фигмы в тильду

    • @designdead
      @designdead Місяць тому

      @@дмитрий-б9з5в в этом нет необходимости, так как фреймер - конченый этап разработки. Поэтому думаю вряд ли есть такие способы, разве что HTML to figma плагин(или как-то так), который позволяет перенести сайт в Фигму

  • @ioann1448
    @ioann1448 Місяць тому

    пасиба за полезный контентич!!

  • @КамиллаКокорина-ы6я
    @КамиллаКокорина-ы6я 2 місяці тому

    почему когда я добавляю картинку на созданный холст 240х400, 72 разрешение, у меня всё очень плохо с качеством, а это допустимый размер веб баннера ПОМОГИТЕ (

    • @designdead
      @designdead 2 місяці тому

      @@КамиллаКокорина-ы6я смотря какого разрешения картинку вы добавляете

  • @mmadikosh
    @mmadikosh 3 місяці тому

    какой кайф см вас, все так четко, понятно и голос 😍😗

    • @designdead
      @designdead 3 місяці тому

      @@mmadikosh спасибо!

  • @perleng04
    @perleng04 4 місяці тому

    Все четко, кратко и без воды. Побольше бы таких учителей)

    • @designdead
      @designdead 4 місяці тому

      @@perleng04 спасибо!

  • @AlmiraKarim-s7i
    @AlmiraKarim-s7i 4 місяці тому

    Иван , огромное спасибо!! Супер урок!!

    • @designdead
      @designdead 4 місяці тому

      вам спасибо!

  • @fnrh6541
    @fnrh6541 4 місяці тому

    Почему удаляете изначальный слой?

    • @designdead
      @designdead 4 місяці тому

      @@fnrh6541 уточните, пожалуйста, таймкод

    • @fnrh6541
      @fnrh6541 4 місяці тому

      @@designdead в самом начале. И зачем зажимать контрл а тоже не поняла, уже раз 5 пересмотрела и попробовала в фш...

    • @fnrh6541
      @fnrh6541 4 місяці тому

      @@designdead в фш я много лет работаю

    • @designdead
      @designdead 4 місяці тому

      @@fnrh6541 по удалению слоя - так мне привычно, вот и всё)

    • @fnrh6541
      @fnrh6541 4 місяці тому

      @@designdead объяснений больше нет?

  • @whiteblackdog
    @whiteblackdog 4 місяці тому

    Должен ли дизайнер банеров уметь делать анимационные банера?

    • @designdead
      @designdead 4 місяці тому

      Не должен, но если ему это интересно - будет плюсом

  • @DmitryRybalchenko
    @DmitryRybalchenko 5 місяців тому

    Когда новый видос выйдет?))

  • @kindramobilemoonlight1213
    @kindramobilemoonlight1213 5 місяців тому

    5:49 АААВТОМОБИЛЬ 😂

  • @adam-hi2cc
    @adam-hi2cc 5 місяців тому

    пушка

  • @xit6206
    @xit6206 5 місяців тому

    удалять фон нужно уметь и самостоятельно...

    • @designdead
      @designdead 5 місяців тому

      Несомненно

  • @AleksandraRyzhikh
    @AleksandraRyzhikh 7 місяців тому

    Отличный урок, где найти 2 предыдущих и последующие? Чтобы смотреть хронологично?

    • @designdead
      @designdead 7 місяців тому

      Привет! 1 урок: ua-cam.com/video/zU1nsMEfhp0/v-deo.html 2 урок: ua-cam.com/video/b2_ShMAYank/v-deo.html

  • @ИринаБелоусова-ы2т
    @ИринаБелоусова-ы2т 7 місяців тому

    ❤Я тебе благодарю❤

  • @Kylikovpavel
    @Kylikovpavel 8 місяців тому

    Интересно

  • @АнжелаБугаец
    @АнжелаБугаец 8 місяців тому

    Здраствуйте, есть уроки для мастеров бьюти индустрии?

    • @designdead
      @designdead 8 місяців тому

      Привет, что именно имеете ввиду?

    • @АнжелаБугаец
      @АнжелаБугаец 8 місяців тому

      @@designdead как делать банеры

    • @designdead
      @designdead 8 місяців тому

      @@АнжелаБугаец эти уроки подходят для любой сферы, разницы нет)

    • @АнжелаБугаец
      @АнжелаБугаец 8 місяців тому

      @@designdead а вы не обучаете анимированым?

    • @designdead
      @designdead 8 місяців тому

      @@АнжелаБугаец нет)

  • @Моёвидео-й9ъ
    @Моёвидео-й9ъ 8 місяців тому

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

    • @designdead
      @designdead 8 місяців тому

      Спасибо! 😉

  • @nbfgghhxfyjjxs
    @nbfgghhxfyjjxs 8 місяців тому

    Здравствуйте, Меня зовут Настя мне 14, хотелось бы попробовать работать в интернете и иметь личный доход в школе не особо дела по этому думаю что в этом от меня будет какая-то польза я постараюсь сделать всё как в этих 3-х уроках. Надеюсь получится.

  • @Lexansan
    @Lexansan 9 місяців тому

    А какие преимущества фигмы перед фотошопом?

    • @designdead
      @designdead 9 місяців тому

      Удобнее, легче, проще и бесплатно

  • @Анна-и9ъ8в
    @Анна-и9ъ8в 9 місяців тому

    Просто нет слов одни эмоции только так все понятно благодарю ❤

  • @Valeras
    @Valeras 9 місяців тому

    Видна рука мастера. Ещё бы на русском языке меню фотожабы так вообще прекрасно

    • @designdead
      @designdead 9 місяців тому

      Советую привыкать к оригинальному языку приложений)

  • @PAULGRU3
    @PAULGRU3 9 місяців тому

    Где можно скачать этот шрифт Ping Fang SC? Нигде не получилось найти все начертания

    • @designdead
      @designdead 9 місяців тому

      Тут я вам не подскажу, к сожалению. Мне кажется он на Mac стандартным идёт, хотя может ошибаюсь

  • @ОльгаОмулева
    @ОльгаОмулева 9 місяців тому

    классный урок!

  • @LinaSelt
    @LinaSelt 10 місяців тому

    Суперский урок, но очень быстро!

    • @designdead
      @designdead 10 місяців тому

      Приму к сведению 🙂👌

  • @ВарвараВарваровна-и1с
    @ВарвараВарваровна-и1с 10 місяців тому

    Благодарю 👍🔥❤️Было очень полезно. 👏😊

  • @kamolhakim4693
    @kamolhakim4693 11 місяців тому

    Спасибо, крутой урок

  • @EBLANEELqo1809
    @EBLANEELqo1809 Рік тому

    спасибо, все без воды и понятно.

  • @ya_manyv
    @ya_manyv Рік тому

    Первый день начал изучать посмотрим что дальше будет)

  • @Zalinatu
    @Zalinatu Рік тому

    Вот такие баннеры можно сделать на canve?

    • @designdead
      @designdead Рік тому

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

  • @Zalinatu
    @Zalinatu Рік тому

    Можно ли вот эти три урока делать на планшете ,так как нет ни компа ,ни ноутбука?

    • @designdead
      @designdead Рік тому

      Если устройство поддерживает полную версию Фотошопа или Photopea - то конечно да

    • @Zalinatu
      @Zalinatu Рік тому

      @@designdead Незнаю поддерживают или нет особенно второй .. А полная версия это что значит?

    • @Zalinatu
      @Zalinatu Рік тому

      И нужен ли для всего этого дорогой как таковой , ноутбук обязательно?

    • @designdead
      @designdead Рік тому

      photopea.com - пробуйте)

    • @АккаунтГугл-ш7с
      @АккаунтГугл-ш7с 29 днів тому

      ​@@Zalinatu средненького не лагающего достаточно. Проще использовать фигму для дизайна, а если нужно будет подкорректировать используемую картинку - моментами переходить в фотошоп. Фигма не требовательная к железу.

  • @artnigora
    @artnigora Рік тому

    ❤❤❤