Типографика В Веб-Дизайне: Полное Руководство Photoshop

Поделиться
HTML-код
  • Опубликовано: 14 окт 2024
  • Все, что вы хотели знать о типографике в веб-дизайне. Вместо 1000 уроков. СКАЧАЙТЕ БЕСПЛАТНО секретное psd-руководство из видео и все мои шрифты: wayup.in/lm/lo...
    Подпишитесь на мой канал: www.youtube.co...
    ---------------
    Посмотрите другие выпуски "Дизайн-Кладовки":
    8 Самых Крутых Фишек В Веб-Дизайне Photoshop - • 8 Самых Крутых Фишек В...
    Как Общаться С Клиентом На Фрилансе. Откровенно! - • Как Общаться С Клиенто...
    Как Сверстать Сайт Адаптивно? HTML/CSS - • Как Сверстать Сайт Ада...
    ---------------
    Приятного просмотра!

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

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

    Я обожаю то ,как рассказывет Андрей и самуподачу материала. Видно, что он делает это с любовью и ему нравится, то, чем он занимается, все четко и лакончично, спасибо!

  • @vgmusic4197
    @vgmusic4197 7 лет назад +30

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

  • @СветловДенис
    @СветловДенис 3 года назад +1

    Андрей, Бро, бью пятюню!!!АЙ молодец!!

  • @АнастасияАкишина-ь1и
    @АнастасияАкишина-ь1и 2 года назад +1

    Супер ! Очень доходчиво!

  • @AugustTheSims
    @AugustTheSims 7 лет назад +31

    Спасибо! Типографика самая сложная и не понятная для меня часть в веб-дизайне, к счастью, благодаря таким добрым людям как вы, я потихоньку начинаю ее понимать:)

  • @wayupua
    @wayupua  7 лет назад +24

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

  • @Malt-06
    @Malt-06 6 лет назад

    Здоровья тебе крепкого парень. Очень выручаешь и не жадничаешь )

  • @79NSumy
    @79NSumy 6 лет назад +2

    Андрей, спасибо огромное!!!!! ВСЕ (шрифты, файл, видео) очень полезно!!!

  • @asap_di
    @asap_di 6 лет назад +8

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

  • @АлинаБидеева-е5и
    @АлинаБидеева-е5и 3 года назад +1

    Душевное спасибо вам за то, что вы делаете !

  • @elenakolycheva9123
    @elenakolycheva9123 7 лет назад +3

    Андрей, спасибо огромное за тонну шрифтов!

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

    Андрей у вас очень понятный и нужный контент))) спасибо ещё раз.

  • @МаринаУсик-д1э
    @МаринаУсик-д1э 6 лет назад +1

    Спасибо за такое полезное видео! Информация подана живо, увлекательно. Однозначно буду смотреть этот канал.

  • @Raniya9015
    @Raniya9015 6 лет назад

    Действительно самый лучший, так все четко, очень приятно слушать. Спасибо большое, и чувствуется, что вы очень дорбый, хороший человек:), возможно, поэтому так приятно слушать:)

  • @МихаилСухоплюев-л3д

    Ты просто мега крутой парень. За 20 мин ты объяснил, что талдычал "гуру" по 2 часа. Респект

  • @prodamDivan
    @prodamDivan 7 лет назад

    Андрей искренне Вам благодарен, очень крутые и информативные видео у вас !

  • @АленаФедорова-м3у
    @АленаФедорова-м3у 7 лет назад

    ого! !! шикарную вы работу проделали!!!! спасибо большое) для меня шрифты создают небольшую проблему, но сейчас стало намного понятнее! !!

  • @ArturKonandoil
    @ArturKonandoil 6 лет назад

    Большущее спасибо!! Есть много материала над чем подумать. Ценю вашу работу!

  • @kateksv
    @kateksv 6 лет назад

    Спасибо большое за видеоурок и архив со шрифтами!

  • @ED-dr8dw
    @ED-dr8dw 7 лет назад +2

    Спасибо большое за информацию и шрифты!!

  • @Harmony_of_Sound
    @Harmony_of_Sound 7 лет назад

    Спасибо большое за подборку шрифтов) очень люблю новые шрифты и интересные уроки по типографике)

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

    Thank you very much - super useful information

  • @DimaKhabibulin
    @DimaKhabibulin 7 лет назад

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

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

    Андрей, спасибо вам огромное, все четко, ясно - без замарочек. Все супер! Спасибо за ваше время!
    P.S Однозначно очень рекомендую пройти курсы на Wayup!

  • @latenightstories.
    @latenightstories. 5 лет назад

    Обожаю смотреть твои видео. Очень легкая и занимательная подача :)

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

    Спасиьо большое за классное видео и за суперский материал:D

  • @juliashatalova3068
    @juliashatalova3068 6 лет назад

    Спасибо Вам за проделанную работу, потрясающе!

  • @Камелия-к3п
    @Камелия-к3п 6 лет назад

    Какое классное видео!!! Просто супер. Спасибо, Вы мне очень помогли!

  • @user-yh5om2eq3q
    @user-yh5om2eq3q 7 лет назад

    Спасибо огромное, Супер видео, все в одном месте, очень наглядно, интересно и познавательно!!!

  • @РоманХорошилов-д2ч
    @РоманХорошилов-д2ч 6 лет назад +1

    Редко когда оставляю комментарии, но это действительно огромная грамотно проделанная работа. Получилось супер) Спасибо! Ещё можно было бы сделать видео подробное видео по @font-face, в качестве продолжения к этому, так как на разных сайтах по разному объясняется и не везде рассказывается про нюансы типа iefix и т.п.

  • @СтепанМазепа-и5х
    @СтепанМазепа-и5х 7 лет назад +2

    Спасибо большое! Молодец! Успехов тебе!

  • @Понамарев-м5т
    @Понамарев-м5т 7 лет назад

    Спасибо для меня сейчас данная инфа очень важна

  • @gulnarasmadiyarova9631
    @gulnarasmadiyarova9631 7 лет назад

    Андрей, спасибо огромное! Очень полезные советы!)

  • @ЕвгенийЦугульский

    Большое спасибо за видео! Очень помогаете!

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

    спасибо за кучу шрифтов!!!!

  • @TanuHa2010
    @TanuHa2010 6 лет назад

    Большое спасибо, хорошее, полезное видео, видно какая работа проделана)))

  • @caprizon272
    @caprizon272 6 лет назад

    Андрей, невозможно не сказать спасибо)) Удивлена увидеть целый пак шрифтов))

  • @sarbast_extra666extra7
    @sarbast_extra666extra7 6 лет назад

    Спасибо Андрей! Мне понравился урок.

  • @ОксанаЛожкина-и5ш
    @ОксанаЛожкина-и5ш 6 лет назад

    Благодарю, очень нужная инфа!

  • @ИгорьГромов-ы5с
    @ИгорьГромов-ы5с 6 лет назад

    суперПлюс за подборочку и видео!

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

    Это примерно как в электронике. Тратят много времени на изучение транзистора. А зачем мне знать как он устроен. Мне надо знать как им пользоваться. Зачем мне знать как растет трава? Мне надо знать как её использовать. А если хочешь знать как она растет, то лучше познай того, кто её создал. Больше пользы.
    Урок замечательный. Спасибо автору за труд.

  • @natashared3078
    @natashared3078 6 лет назад

    Спасибо! Отличная подача информации!

  • @inesaio2083
    @inesaio2083 7 лет назад

    Отличное видео! Спасибо!

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

    Благодарю 💖💖💖💖

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

    Спасибо большое, вообще чётко и хорошо)

  • @timurkasuman
    @timurkasuman 6 лет назад

    спасибо, очень нужная тема

  • @annastelmashok1909
    @annastelmashok1909 6 лет назад

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

  • @bsgameril3220
    @bsgameril3220 7 лет назад

    Здорово! Спасибо!

  • @ОльгаБережная-о8б
    @ОльгаБережная-о8б 6 лет назад

    Круто!
    Спасибо!

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

    Спасибо большое )

  • @andrey_it
    @andrey_it 7 лет назад +1

    еее,качественный контент,спасибо!!!
    222 лайка к 0 дизлайкам

  • @alyonabukatych5802
    @alyonabukatych5802 6 лет назад

    Спасибо!

  • @Rabadtima
    @Rabadtima 6 лет назад

    Отлично!

  • @maksym9228
    @maksym9228 7 лет назад

    Очень интересно и полезно, спасибо Андрей :)
    Подскажи, пожалуйста, как ты подбираешь интерлиньяж?
    К примеру, если шрифт 18px - какой интерлиньяж ты установишь?
    Спасибо за ответ)

    • @wayupua
      @wayupua  7 лет назад

      Да, ответ логичный)

    • @maksym9228
      @maksym9228 7 лет назад

      Всё-таки универсальное решение 1,5.. ну ок, спасибо)

    • @ГалинаКрасникова-я4с
      @ГалинаКрасникова-я4с 7 лет назад

      Андрей, вы молодец! Спасибо!

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

    Спасибо!!!!!

  • @СержДворянкин
    @СержДворянкин 7 лет назад

    Отличный урок!
    Спасибо за шрифты!
    P.S. - как создать в ФШ подборку "горячих шрифтов", чтобы фш мне выдавал не огромный список ,а сразу мои самые любимые и часто используемые?

  • @АнатолийСерёгин-ц3ы

    спасибо!)

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

    Классный мастер-класс, а шрифты приложеные free?

  • @МаратНургалиев-у5л
    @МаратНургалиев-у5л 4 года назад

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

  • @АндрейМалышев-э5х
    @АндрейМалышев-э5х 7 лет назад +1

    Очень советую начинающим дизайнерам по этой теме почитать книгу «Живая типографика» Александры Корольковой.

  • @arttur1672
    @arttur1672 6 лет назад

    Спасибо бро)

  • @Danny_prod
    @Danny_prod 2 года назад

    ❤️

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

    Google Fonts хорошие пары дает ;)

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

    san serif, serif fonts, декоративные шрифты, handwriting

  • @rileyreynolds6442
    @rileyreynolds6442 7 лет назад

    Ты крут бро)))
    Например хотелось бы, если тема по дизайну веба это - узнать как верстать сайт такого вот формата:
    fontface.ninja/

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

    Видео познавательное. Но, советовать искать шрифты в ВК... Серьезно?)

  • @Канал1329
    @Канал1329 7 лет назад

    Спасибо №3

  • @kostenko_iv
    @kostenko_iv 3 года назад +4

    Кто из 2020? 😌🚀

    • @kddsk95
      @kddsk95 3 года назад +2

      21)

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

      @@kddsk95 время беспощадно))

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

    А какие шрифты ты используешь на баннерах?

  • @ВалентинаОхотниченко

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

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

    В файле нет шрифта MS Sans Serif, а фотошоп его хочет для открытия psd файла (( И на fonts.google.com его тоже нет.

  • @guseinov.design
    @guseinov.design 6 лет назад

    Андрей, я бы хотел узнать что за программа как называется которая у тебя открыта на панеле 8-ая по счету с замочком ?

  • @daryakruhlyak6042
    @daryakruhlyak6042 7 лет назад +1

    Вот есть набор стандартных безопасных шрифтов, но если чесно, я не вижу в них вот этой разницы: например Opeb Sans или Roboto. Какой из них для каких сайтов подходит, какие их характеристики (утонченній, строгий, деловой, несерьезній) Вот как это понять или увидить? Чем эти два отличаються между собой?

  • @adelinaheart312
    @adelinaheart312 6 лет назад

    Привет!
    Если ті сверстал сайт, ты обязан предоставить клиенту лицензии на все шрифты???

    • @wayupua
      @wayupua  6 лет назад +1

      Если они были платные - клиент или ты покупаешь шрифты. Да, лицензии остаются клиенту. Но как правило все используют бесплатные шрифты)

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

    Лучше брать шрифти з Гугл фонтс они там бесплатние

  • @sashaptm969
    @sashaptm969 7 лет назад +1

    А есть ли видео про UX/UI?

    • @wayupua
      @wayupua  7 лет назад +1

      Есть внутри бесплатного курса: wayup.in/library/course6 - заходите!

  • @ТимурФорт
    @ТимурФорт 7 лет назад

    А шрифты с засечками в веб-дизайне можно использовать?

    • @wayupua
      @wayupua  7 лет назад

      Безусловно)

    • @ТимурФорт
      @ТимурФорт 7 лет назад

      WAYUP & Андрей Гаврилов просто слышал, что он только для газет

  • @Инна-л4ю
    @Инна-л4ю Год назад +1

    Кто из 2022?❤

  • @dosxanzada
    @dosxanzada 7 лет назад

    Грех не лайкнуть 👍👍👍

  • @Svetgera
    @Svetgera 7 лет назад +1

    не удается скачать(((

  • @DmitrijKurandin
    @DmitrijKurandin 7 лет назад

    почему стоит писать заголовки заглавными буквами?

    • @wayupua
      @wayupua  7 лет назад

      "Красивше") Это не обязательно. Но добавляет выразительности по сравнению с обычным форматом.

  • @antonsha2027
    @antonsha2027 7 лет назад

    у меня с шрифтами все ок, но я зашел в тупик с подбором иконок

  • @Кылыч-д7г
    @Кылыч-д7г 7 лет назад

    Ну конечно контент годный, но вот автор использовал говёный шрифт в всплывающих названиях темы(на оранжевом фоне) это выглядит вычурно как у Дудя)

  • @sevenhexes8392
    @sevenhexes8392 7 лет назад +19

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

    • @wayupua
      @wayupua  7 лет назад +6

      Сколько людей - столько мнений. По поводу Roboto - платные шрифты в библиотеке Google Fonts не размещают. Это я к тому, что вам бы сначала проверить свои знания перед тем, как комментировать)

    • @sevenhexes8392
      @sevenhexes8392 7 лет назад +3

      это не мнение, а принятые стандарты, гугл в помощь

    • @wayupua
      @wayupua  7 лет назад +11

      Я с вами согласен, по поводу предлогов, кавычек - все верно) В одном файле все-все-все нюансы сложно описать. Да и не нужно. Ну и все же по поводу того, что Roboto бесплатен: ru.wikipedia.org/wiki/Roboto - не вводите в заблуждение богобоязненных фрилансеров :)

    • @MasterKoldun4ik
      @MasterKoldun4ik 7 лет назад

      Почему платное? По ссылке в гугл фонтс (fonts.google.com/specimen/Roboto) есть пункт Лицензия, а под ним написано Apache License, Version 2.0. Перейдя по этой ссылке или в википедии (ru.wikipedia.org/wiki/Лицензия_Apache) можно узнать про условия. А если коротко, то no-charge, royalty-free

    • @АлександрЗайцев-я2т
      @АлександрЗайцев-я2т 7 лет назад +7

      Перед тем как писать "так себе урок", подумайте сколько времени ушло на написание и оформление информации. "в макете неправильные ковычки; в русском языке пользуются елочками. тире должны быть длинными, а не минусом" - по поводу этого, я считаю что на первом месте стояла подача информации, он ведь не делал дизайн какого-то сайта, так? И еще, информация была подана интересным способом, разве это есть на каких-то сайтах? Думаю нет. На сайтах такую информацию вообще скучно читать. Так что Андрей все круто сделал.

  • @АннаМиронова-ц7р
    @АннаМиронова-ц7р 6 лет назад

    Причёска конечно мда

  • @Serjio_Oliva
    @Serjio_Oliva 7 лет назад

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

  • @rileyreynolds6442
    @rileyreynolds6442 7 лет назад

    Ты крут бро)))
    Например хотелось бы, если тема по дизайну веба это - узнать как верстать сайт такого вот формата:
    fontface.ninja/

  • @alicefroll9890
    @alicefroll9890 7 лет назад

    Спасибо!!!