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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.ย. 2024
  • Все, что вы хотели знать о типографике в веб-дизайне. Вместо 1000 уроков. СКАЧАЙТЕ БЕСПЛАТНО секретное psd-руководство из видео и все мои шрифты: wayup.in/lm/lo...
    Подпишитесь на мой канал: www.youtube.co...
    ---------------
    Посмотрите другие выпуски "Дизайн-Кладовки":
    8 Самых Крутых Фишек В Веб-Дизайне Photoshop - • 8 Самых Крутых Фишек В...
    Как Общаться С Клиентом На Фрилансе. Откровенно! - • Как Общаться С Клиенто...
    Как Сверстать Сайт Адаптивно? HTML/CSS - • Как Сверстать Сайт Ада...
    ---------------
    Приятного просмотра!

ความคิดเห็น • 115

  • @vladaperevala2081
    @vladaperevala2081 5 ปีที่แล้ว +2

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

  • @АнастасияАкишина-ь1и
    @АнастасияАкишина-ь1и 2 ปีที่แล้ว +1

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

  • @СветловДенис
    @СветловДенис 3 ปีที่แล้ว +1

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

  • @vgmusic4197
    @vgmusic4197 7 ปีที่แล้ว +30

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

  • @AugustTheSims
    @AugustTheSims 7 ปีที่แล้ว +31

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

  • @wayupua
    @wayupua  7 ปีที่แล้ว +24

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

  • @asap_di
    @asap_di 6 ปีที่แล้ว +8

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

  • @Malt-06
    @Malt-06 6 ปีที่แล้ว

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

  • @79NSumy
    @79NSumy 6 ปีที่แล้ว +2

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

  • @elenakolycheva9123
    @elenakolycheva9123 7 ปีที่แล้ว +3

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

  • @АлинаБидеева-е5и
    @АлинаБидеева-е5и 3 ปีที่แล้ว +1

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

  • @МаринаУсик-д1э
    @МаринаУсик-д1э 6 ปีที่แล้ว +1

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

  • @dukdozer8929
    @dukdozer8929 4 ปีที่แล้ว +1

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

  • @МихаилСухоплюев-л3д
    @МихаилСухоплюев-л3д 7 ปีที่แล้ว

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

  • @Raniya9015
    @Raniya9015 6 ปีที่แล้ว

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

  • @РоманХорошилов-д2ч
    @РоманХорошилов-д2ч 6 ปีที่แล้ว +1

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

  • @ArturKonandoil
    @ArturKonandoil 6 ปีที่แล้ว

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

  • @user-cb2pu9xe5f
    @user-cb2pu9xe5f 7 ปีที่แล้ว

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

  • @prodamDivan
    @prodamDivan 7 ปีที่แล้ว

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

  • @latenightstories.
    @latenightstories. 5 ปีที่แล้ว

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

  • @ED-dr8dw
    @ED-dr8dw 7 ปีที่แล้ว +2

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

  • @kateksv
    @kateksv 6 ปีที่แล้ว

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

  • @СтепанМазепа-и5х
    @СтепанМазепа-и5х 7 ปีที่แล้ว +2

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

  • @DimaKhabibulin
    @DimaKhabibulin 7 ปีที่แล้ว

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

  • @caprizon272
    @caprizon272 6 ปีที่แล้ว

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

  • @lilitavetisyan4123
    @lilitavetisyan4123 4 ปีที่แล้ว

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

  • @Harmony_of_Sound
    @Harmony_of_Sound 7 ปีที่แล้ว

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

  • @antonina5457
    @antonina5457 3 ปีที่แล้ว

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

  • @ilonatuu1641
    @ilonatuu1641 4 ปีที่แล้ว

    Thank you very much - super useful information

  • @juliashatalova3068
    @juliashatalova3068 6 ปีที่แล้ว

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

  • @Понамарев-м5т
    @Понамарев-м5т 7 ปีที่แล้ว

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

  • @gulnarasmadiyarova9631
    @gulnarasmadiyarova9631 7 ปีที่แล้ว

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

  • @user-yh5om2eq3q
    @user-yh5om2eq3q 6 ปีที่แล้ว

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

  • @Камелия-к3п
    @Камелия-к3п 5 ปีที่แล้ว

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

  • @Opium_Juice
    @Opium_Juice 3 ปีที่แล้ว

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

  • @natalitarasova5449
    @natalitarasova5449 5 ปีที่แล้ว

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

  • @Okneili1
    @Okneili1 5 ปีที่แล้ว

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

  • @TanuHa2010
    @TanuHa2010 6 ปีที่แล้ว

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

  • @user-qs5oo4bx3w
    @user-qs5oo4bx3w 6 ปีที่แล้ว

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

  • @sarbast_extra666extra7
    @sarbast_extra666extra7 6 ปีที่แล้ว

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

  • @natashared3078
    @natashared3078 6 ปีที่แล้ว

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

  • @ИгорьГромов-ы5с
    @ИгорьГромов-ы5с 5 ปีที่แล้ว

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

  • @ОксанаЛожкина-и5ш
    @ОксанаЛожкина-и5ш 6 ปีที่แล้ว

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

  • @inesaio2083
    @inesaio2083 7 ปีที่แล้ว

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

  • @kriptonec
    @kriptonec 5 ปีที่แล้ว

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

  • @МаратНургалиев-у5л
    @МаратНургалиев-у5л 4 ปีที่แล้ว

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

  • @bsgameril3220
    @bsgameril3220 7 ปีที่แล้ว

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

  • @annastelmashok1909
    @annastelmashok1909 6 ปีที่แล้ว

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

  • @ОльгаБережная-о8б
    @ОльгаБережная-о8б 6 ปีที่แล้ว

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

  • @timurkasuman
    @timurkasuman 6 ปีที่แล้ว

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

  • @kyivplanet2244
    @kyivplanet2244 4 ปีที่แล้ว

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

  • @Rabadtima
    @Rabadtima 6 ปีที่แล้ว

    Отлично!

  • @АндрейМалышев-э5х
    @АндрейМалышев-э5х 7 ปีที่แล้ว +1

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

  • @andrey_it
    @andrey_it 7 ปีที่แล้ว +1

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

  • @alyonabukatych5802
    @alyonabukatych5802 6 ปีที่แล้ว

    Спасибо!

  • @kostenko_iv
    @kostenko_iv 3 ปีที่แล้ว +4

    Кто из 2020? 😌🚀

    • @kddsk95
      @kddsk95 3 ปีที่แล้ว +2

      21)

    • @kostenko_iv
      @kostenko_iv 3 ปีที่แล้ว +1

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

  • @mariagolunga6251
    @mariagolunga6251 4 ปีที่แล้ว

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

  • @АнатолийСерёгин-ц3ы
    @АнатолийСерёгин-ц3ы 4 ปีที่แล้ว

    спасибо!)

  • @kickstarter240
    @kickstarter240 5 ปีที่แล้ว +1

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

  • @arttur1672
    @arttur1672 6 ปีที่แล้ว

    Спасибо бро)

  • @frodwii6114
    @frodwii6114 3 ปีที่แล้ว +1

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

  • @СержДворянкин
    @СержДворянкин 7 ปีที่แล้ว

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

  • @Danny_prod
    @Danny_prod 2 ปีที่แล้ว

    ❤️

  • @dmitrymakao
    @dmitrymakao 5 ปีที่แล้ว

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

  • @Muxomori
    @Muxomori 5 ปีที่แล้ว

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

  • @shipff4017
    @shipff4017 3 ปีที่แล้ว

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

  • @Канал1329
    @Канал1329 7 ปีที่แล้ว

    Спасибо №3

  • @mbcla6779
    @mbcla6779 5 ปีที่แล้ว

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

  • @maksym9228
    @maksym9228 7 ปีที่แล้ว

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

    • @wayupua
      @wayupua  7 ปีที่แล้ว

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

    • @maksym9228
      @maksym9228 7 ปีที่แล้ว

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

    • @ГалинаКрасникова-я4с
      @ГалинаКрасникова-я4с 7 ปีที่แล้ว

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

  • @marien3818
    @marien3818 4 ปีที่แล้ว

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

  • @ВалентинаОхотниченко
    @ВалентинаОхотниченко 4 ปีที่แล้ว

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

  • @daryakruhlyak6042
    @daryakruhlyak6042 7 ปีที่แล้ว +1

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

    • @tatakoch3946
      @tatakoch3946 7 ปีที่แล้ว

      Даша Кругляк of

  • @Инна-л4ю
    @Инна-л4ю ปีที่แล้ว +1

    Кто из 2022?❤

  • @sashaptm969
    @sashaptm969 7 ปีที่แล้ว +1

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

    • @wayupua
      @wayupua  7 ปีที่แล้ว +1

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

  • @Svetgera
    @Svetgera 7 ปีที่แล้ว +1

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

  • @rileyreynolds6442
    @rileyreynolds6442 7 ปีที่แล้ว

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

  • @guseinov.design
    @guseinov.design 6 ปีที่แล้ว

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

    • @wayupua
      @wayupua  6 ปีที่แล้ว

      Winscp)

    • @guseinov.design
      @guseinov.design 6 ปีที่แล้ว

      спасибо уже изучил ))

  • @adelinaheart312
    @adelinaheart312 6 ปีที่แล้ว

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

    • @wayupua
      @wayupua  6 ปีที่แล้ว +1

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

  • @ТимурФорт
    @ТимурФорт 7 ปีที่แล้ว

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

    • @wayupua
      @wayupua  7 ปีที่แล้ว

      Безусловно)

    • @ТимурФорт
      @ТимурФорт 7 ปีที่แล้ว

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

  • @DmitrijKurandin
    @DmitrijKurandin 7 ปีที่แล้ว

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

    • @wayupua
      @wayupua  7 ปีที่แล้ว

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

  • @antonsha2027
    @antonsha2027 7 ปีที่แล้ว

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

  • @dosxanzada
    @dosxanzada 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 ปีที่แล้ว

    Спасибо!!!