Типографика в веб-дизайне: висячие предлоги и неразрывный пробел. Альт-коды и раскладка Бирмана
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #ityoutubersru #webdesign
Рассмотрим правила типографики в веб-дизайне. Почему стоит переносить висячие предлоги на следующую строку. Что такое разрыв строки и чем он отличается от абзаца? Как вставить неразрывный пробел. Альт-коды и типографская раскладка Бирмана
Раскладка Бирмана - ilyabirman.ru/projects/typogr...
Типограф Студии Лебедева - www.artlebedev.ru/typograf/
Плагин-типограф для Фигмы - figma.help/plugins/text-prett...
00:00 - адаптивный текстовый блок
00:41 - висящие предлоги
5:03 - разница между Enter и Shift + Enter
7:55 - неразрывный пробел
9:33 - альт коды
10:53 - типографская раскладка Бирмана
14:03 - типограф Студии Лебедева
16:56 - плагин для Фигмы Text Prettier
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать. Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
А вы переносите предлоги? :)
💰❤️ Поддержать канал:
ruclips.net/channel/UCClA...
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - www.patreon.com/alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: instagram.com/alexeybychk...
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: facebook.com/dsgn.tips/
👉 Твитор: twitter.com/_alexeybychkov
П
Уаывщг@ә" ййййэйфер
Это же проверка на вшивость - висячие предлоги :)
Лучшие видео про типографку которое я видел! Про альткоды не знал, а раскладка Бирмана это что-то из другой вселенной!
Спасибо, приятно)
Насколько легче стала работа с текстом, и гораздо меньше вопросов пр тексты. Спасибо!
супер
Век живи-век учись! Наконец знаю как поставить длинное тире и нормальные «»!!!! Вот уже применяю на практике! Спасибо Алексею!
круто)
После просмотра этого видео моя жизнь изменилась навсегда… вижу висячие предлоги просто везде, они доводят меня до слез 😭😮💨
а главное, что убрать их во всем макете всего пара кликов!
Алексей, спасибо вам большое за контент. Я после ваших роликов смотрю в EN сегменте дизайнеров с 1,1 млн подписчиков, а они делают без сетки, рандомные, дробные отступы везеде, кнопки делают через AL с добавлением прямоугольника в качестве BG, для текста вместо стиля делают компонент. Короче я им ссылку на ваш канал оставил, чтоб они базу подтянули.
Раскладка Бирмана прям находка для дизайнера, раньше и знать не знала о ней, всегда в инете копировала символы. Спасибо, Леша
пожалуйста!
Очень удобный плагин! Как вообще раньше без этого жили! 🥰
ну!
Ох уж эта раскладка Бирмана!) Но круто, что она есть, с ней меньше поисковых запросов)) Спасибо за ролик 😻
пожалуйста!
Первым делом перед домашкой посмотрела видео) Без твоих видео -даже не начинаю) Уверена -поможет! Спасибо!!
отличный план))
Пользуюсь в фигме данным плагином, очень удобно!
О плагине кстати узнала из твоего видео про топы плагинов. Спасибо! 😊
Супер) Полезных плагинов не так много)
В силу пока еще своего дилетантства я и не знала о таких нюансах типографики, благодарю тебя за знания и за отличный плагин (экономит время и силы),а еще я тоже очень придираюсь к деталям так,что твой ролик это находка!Спасибо
спасибо за просмотр)
Никогда не слышала про неразрывный пробел :o столько ништяков скачала. После таких подробностей нет нужды смотреть другие видосы)
рад, что полезно)
По порядку, понятно, без воды с поледными советами. Огонь прям!
супер
Очень информативно, особенно про раскладку бирмана. Не знала, что с ее помощью можно делать неразрывные пробелы. Спасибо)
супер)
Огонь! Давно работаю с текстами, раскладкой Бирмана пользуюсь, а про Типограф не знала даже. Спасибо, теперь проще будет.
А за плагин для Фигмы отдельный респект 🙏🏼
спасибо за просмотр)
Меня прям кони берут от висячих предлогов. Про SBOL типограф узнала когда-то в твоей подборке плагинов, и жизнь разделилась на до и после)))) Спасибо)
отличные новости)
И у меня тоже))
Самые адекватные и познавательные видосики!))) Каждый раз находишь новую и такую отличную информацию)))
круто, очень рад)
Полезный ролик про типографику, я теперь поняла что такое неразрывный пробел, висящие предлоги как их наличие влияет на адаптивный дизайн, что будет если их неправильно убирать, и главное, как с ними бороться правильно, что бы получался четкий дизайн
отличные новости) 🎉
Спасибо за очередную полезную информацию) Теперь я радуюсь раскладке Бирмана и попращалась с весячими предлогами)
отличные новости!
Типограф, раскладка Бирмана - просто огонь! Спасибо))) В Фигме тоже пользуюсь плагином Text Prettier.
супер, пожалуйста!
Леша, как всегда все четко и понятно. Отдельная благодарочка за раскладку Бирмана)
супер)
Наконец ролик про типографику, где есть реальные практические примеры, а не только перечисление того, какие есть шрифты и что есть разные начертания. Максимально информативно и понятно. Спасибо и лайк=))
ну класс) Спасибо за просмотр)
Как всегда очень полезно и очень понятно)
Теперь главное - на 100% усвоить инфу и в домашке не накосячить :D
супер)
Оказывается типографика может быть увлекательной! Спасибо за урок)
пожалуйста!
это штуки, про которые положено рассказывать и дизайнерам, и верстальщикам в самом начале обучения (и про которые никто не рассказывает, я все значки валют обычно гуглила). Про неразрывные пробелы и типограф - это просто космос)
ну класс)
Как дизайнеры работают в фотошопе до сих пор😵💫 В фигме же вот сколько потрясающе-удобных плагинов!
да уже даже дед в фигму перешел))
Раскладка Бирмана - потрясающая вещь! Спасибо за видео!
да 100%!
Лучшие видео по дизайну, спасибо!! Столько способов решить одну проблему🔥🔥🔥
ну класс)
После многих просмотров твоих роликов с разборами работ,уже знаю ,что нужно переносить предлоги и не оставлять их хвостами, а вот про раскладку Бирмана и Алт+код слышала, но толком ничего не знала-а вот теперь знаю) спасибо)
пожалуйста!
Очень полезная информация, спасибо! Раскладка Бирмана − это конечно что-то фантастическое!
Да удобная штука!
Раньше не знала что есть куча важных мелочей и лепила текст абы как, от балды)) Спасибо за видео, Лёша!
пожалуйста)
Одно удовольствие редактировать тексты, когда есть инструменты на любой вкус и для любой задачи! Отличный ролик!
🥳
Спускаться в комментики под твоими видео особо полезно, потому что там я нашла ссылку на это видео. Супер находка! :) Мерси, благодарю тебя, мерси, спасибо, что ты есть)
круто) пожалуйста! ☀️
Спасибо за открытие мира плагинов! Думаю, со SBOL Typograph не слезу теперь!)
пожалуйста)
Очень много полезной информации. Теперь все это надо соблюдать и не упускать) Благодарю
спасибо за просмотр)
Никогда об этом не задумывалась( Все складывается из мелочей! Спасибо Леша👌
100% пожалуйста!
Жаль, что нельзя дважды лайк поставить!) Второй раз возвращаюсь к вашему видео, потому что но лучшее по этой теме. Спасибо за работу!
Спасибо)) с возвращением!
На этом канале только самая полезная информация)!
Спасибо огромное тебе! Делишься полезной информацией от души, бесплатно. Редкость
пожалуйста!
Смотрю относительно старый видосик и понимаю, насколько серьезный прогресс у тебя произошёл в текущих роликах! Здесь ты немного уставший как будто, говоришь медленно, без энтузиазма.. а сейчас просто видно, что ты на позитиве всегда, горишь своим делом и тебе доставляет удовольствие (в том числе) процесс записывания роликов 🤩🔥🔥
да были времена))
А мне наоборот нравится такая подача информации больше, чем когда прям много юмора и смешливых слов. Здесь и юмор и информация находятся в гармонии, а когда много шуток, то смысл сложно уловить и требуется время перевести смысл шуточных слов в непосредственно суть) С удовольствием посмотрела видео
Раскладка Бирмана прям находка находок. Останется только привыкнуть к символам и их расположению. Спасибо за ролик 🔥🔥🔥
да Илья красавец, такую штуку удобную сделал!
Круто, спасибо за полезную инфу. Теперь сразу видно кто ленивый дизайнер, а кто крутой😆
ееее))
Теперь висячие предлоги мерещатся везде)) За раскладку Бирмана отдельное спасибо!
да, спасибо ему)
Раскладка Бирмана - это прям находка! Спасибо
100%!
О плагине давно узнала от тебя им пользуюсь им постоянно, очень актуальная инфа для любого дизайнера!) Раскладка Бирмана так для меня вообще инсайт. Спасибо!😌
пожалуйста!
Алексей! Ваши видео как "святой источник". А в этом видео смотрю первый способ - круто! Второй - еще лучше и нафиг мне первый?! Третий - еще еще лучше! Четвертый - да ладно!? зачем мне все предыдущие...😃 А в конце понимаю, что все способы классные и каждый из них найдет свой контекст. Миллион лайков вам, столько же плюсов к карме и большая человеческая благодарность.!😊
ееее, круто) Рад, что нравится контент! ☀️
Eще раз убедилась, что самые понятные и полезные видео можно найти у тебя.
Столько методов, на любой вкус. Стыдно после этого не применять на практике :)
спасибо за просмотр!
Как всегда суперское видео, с лучшим веб-дизайнером планеты!
ну класс)
Новая порция действительно классных фишек.
Спасибо за урок!
Спасибо за просмотр)
Не знаю как радовалась, что есть плагин для английского текста и я наконец его нашла! информация как всегда суперполезная, да еще и в открытом доступе) нет права быть так себе дизайнером) СПАСИБО!
супер, пожалуйста!
Дядя - ну ты кореш) Спасибо тебе за *Всё!* Весь день тебя смотрю, скоро разговаривать как ты буду)) Благодаря тебе понял сегодня, Что я так дофига не знаю) И это приятное чувство.
)) спасибо за просмотр!
Теперь я знаю все о висячих предлогах и о том, как быстро и эффективно сделать текст красивым, читабельным и правильно оформленным! Спасибо!
пожалуйста!
Спасибо за полезную информацию! Раскладка Бирмена это просто огонь, уже пользуюсь))
пожалуйста)
Всегда Enter нажимал перед предлогом. За раскладку Бирмана спасибо очень удобно!
Рад, что оказалось полезным
Круто, что есть Лёша, который всё рассказывает и показывает. Столько полезнях в одном месте! Спасибо за обалденный контент!
пожалуйста)
Как всегда мега полезное видео, теперь везде бросаются в глаза эти висячие предлоги)
вот и прекрасно)
Спасибо за видео! Висячие предлоги - дёргающийся глазик
пожалуйста)
Мне кажется ты на разборе сайтов так часто повторяешь про висячие предлоги, что это уже как молитву нужно было запомнить. А вообще, спасибо за отличные ассоциации)))) Теперь просто не возможно забыть про висячие предлоги!
на самом деле в последних разборах почти не зацикливаюсь на них. Самому надоело))
Раскладка Бирмана удобнейшая штука, спасибо тебе за наводку) До этого зубрила альт коды😢
100%
Алексей мотивирует быть лучшим в своем деле и думать о читателе*)
да!
Как всегда большой респект за важные важности и полезные полезности:) фил хуг!
Фил Хуг!
Отличные гости были в эфире! Ролик мегаполезный!
и мне они понравились, приятные в общении 😄
Большое спасибо! Даже не догадывалась, что эти предлоги могут кому-то не нравится. Мне-то ни разу в жизни не довелось на них «споткнуться». И про кавычки тоже удивилась, в школе мы такого точно не проходили. Сохранила себе видео как инструкцию. Очень подробно и понятно! Отдельная благодарность за ссылки!
Клёво) рад, что полезно! 🚀
Раскладка Бирмана 🔥 Незаменимая вещь, как оказалось! Спасибо 😉
тоже так думаю)
Суперский выпуск! На многое внимание раньше не обращал
ну класс)
Информативно и полезно! Впервые услышала про раскладку Бирмана и плагин - буду пользоваться))
спасибо за просмотр)
Спасибо за подробный разбор. Никогда не задумывалась насколько важна качественная работа с текстом. А благодаря твоему видео узнала, что это можно делать быстро и эффективно. Лайк!!!=)))
Спасибо за просмотр)
Все четко, понятно, структурировано. Интересно было узнать про альткоды, не знала раньше об этом. А плагин -вообще классная тема. Спасибо )
пожалуйста!
Спасибо! Очень полезный контент. Особенно понравилось клавиатура Бирмана!))
пожалуйста)
Отличный и очень полезный ролик 🔥 Спасибо за наводку, сам бы никогда не откопал такой раритет 😄
вот и замечательно)
Раскладка Бирмана кайф)) Спасибо за полезные плагины!!!
пожалуйста)
Крутое видео! Столько полезной информации, с наглядными примерами всё супер-понятно🔥
ну класс)
Лучшее видео для понимания того, как нужно работать с типографикой в web на реальных примерах. Спасибо больше за полезные ссылки на ресурсы. Лайк=)))
ну класс)
Спасибо большое) Раскладка Бирмана - это чудо
Тоже так думаю)
Супер важная информация.
До этого не слышала. Очень интересно. 😻
Спасибо за такой продуманный и интересный контент. 🙏
ну класс)
С этими ребятами любой текст становится куда лучше!
🥳
Спасибо за этот полезный ролик , пошла скачивать раскладку Бирмана!
отличный план)
Один из самых полезных роликов по типографике😍
круто)
И раскладкой Бирмана пользуюсь (хотя русская почему-то не установилась), и плагином, который ты посоветовал) Спасибо за то что наглядно показываешь. Как всегда на высоте))
супер) пожалуйста!
Спасибо) очень полезно, раскладка Бирмана - просто открытие!
обалденная штука)
Очень интересная тема, спасибо за лайфхаки!) Плагин и раскладка Бирмана - это очень круто, экономит время 😄
пожалуйста!
Очень полезная инфа! Спасибо за фишки! Благодаря твоим видео узнаешь много нового и полезного :)
очень рад)
Отличные плагины, а раскладка очень удобная. Установила, спасибо!
пожалуйста)
Видео уже 2 года, но все равно актуален! Спасибо за полезный контент)
пожалуйста)
Спасибо за урок) теперь на каждом сайте замечаю висячие предлоги)) я снова немного прокачалась ❤️
рад, что ролики помогают)
Я теперь не могу писать спокойно тексты в соц. сетях и комментарии))) а всё благодаря знаниям о правильных кавычках, тире и тд😂
Спасибо за урок. Как всегда, много новой и полезной информации.
Пожалуйста)
как всегда от души и в душу🔥🔥🔥 Бирмана клавиатура есть) плагин - буду использовать в фигмушке)благодарю
супер
Спасибо! Наконец разобралась с таблицами по альт-кодам :)
пожалуйста)
Крутой ролик🤟Спасибо, за раскладку Бирман )
супер
Теперь буду пользовать раскладкой Бирмана и следить за висячими предлогами) Как просто - Alt пробел=неразрывный пробел, Alt Р = ₽, Alt С = ©. Спасибо)
да 100% ))
теперь даже в тетрадке обращаю внимание, чтоб не было в конце строки предлогов))
Спасибо, крутой урок!)
круто))
Сложная для меня тема, нужно еще во многое вникнуть, спасибо за видео!
пожалуйста!
Даже самая простая и казалось бы скучная тема от тебя звучит уже совсем по другому!) Тысяча благодарностей за твой контент 🎉
очень рад! 😊
Никогда не слышала про неразрывный пробел.. и вообще вся типографика для меня как темный лес.
Теперь чуть лучше начала понимать что к чему.
Здорово, когда от каждого ролика развиваешься и становишься лучше и лучше!
Спасибо за такую ценную информацию)
спасибо за просмотр!
Спасибо! Очень информативно, пошел проверять не висят ли у меня предлоги)))
пожалуйста)
Очень полезная информация, спасибо! Теперь-то точно во всем разобралась)
ееее пожалуйста)
Понял что важно следить за предлогами и узнал полезные инструменты🔥
супер)
Спасибо за полезную инфу! Подача отличная, все понятно! Буду применять лайфхаки в своих работах, отдельная благодарность за раскладку Бирмана! 👍👍👍
пожалуйста)
Я новичок в дизайне и не слышала ни про неразрывный пробел и ни про alt-коды, а уж тем более про раскладку Бирмана. Но благодаря тебе теперь я в теме! Спасибо огроменное!
Пожалуйста!