🔥 Текст в Фигме: шрифт, размер, интерлиняьж, letter spacing, абзац. Типографика в Figma Фигма с нуля
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #figma #figma_tutorial
Привет, ребзя. Рассказал про типографику и настройки текста в Фигме. То, что не расскажут на платных курсах 😂
Официальный сайт - www.figma.com
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
RUclips - / @alexeybychkov_
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - zapi.si/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
0:00 - как напечатать текст
1:31 - выбор шрифта
3:10 - начертание и размер
3:59 - интерлиньяж текста
7:17 - леттер спейсинг
10:03 - как откернить текст
13:06 - абзац и полные абзац
17:32 - ресайзинг рамки текста
22:15 - выравнивание текста
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - 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
Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял
Смотреть видео на 2-3 месяца раньше - boosty.to/alexeybychkov
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Смотрю Ваши бесплатные уроки, Алексей. И очень сильно расстраиваюсь...
Потому что оплатила приличную сумму раскрученной IT-академии за курс, который растянут ко всему прочему на полгода. А знаний получила НОЛЬ и еще тележку впридачу.
А У ВАС ОЧЕНЬ МНОГО ПОЛЕЗНОЙ ИНФЫ. Бери - не хочу. Только ленивый не посмотрит. И получила совершенно бесплатно ответы на многие свои вопросы, на которые не смогла, к слову, получить в выше упомянутой школе.
Вы молодец! Хороший учитель. Если бы знала о Вас раньше, то моими первыми курсами стали бы Ваши. 100%
Рад, что нравится! да платные курсы по фигме теперь просто не нужны)
Мне бесплатно достались несколько платных курсов по фигме от друга , курс «фигма про» меня ужаснул с первых же уроков. Один из примеров это как при разработке дизайна первой страницы сайта , одну фотографию задублировали раз 15, что бы заполнить пустоту фрейма , сразу вспомнил Алексея, представляете что в слоях будет?) так вот это я к чему - это если бы я не умел пользоваться ни одной из программ от слова совсем, я бы сделал так как они на курсе. Так что думайте прежде чем брать все эти Мега курсы, где за месяц из вас обещают сделать профессионала )
Скорей бы уже из нубасины в дизайнера превратиться) 😂 Спасибо) Ролик отличный)
)) хороший план!
14 группа
Пусть и на ютубе будут заметки. Длинный комментарий же лучше, чем короткий)
1) T - начать печатать
2) Два раза кликнуть по границе контейнера - вернуться в исходное положение (строку)
3) Заголовки должны быть кратны 4!
4) Расстояние между словами должно быть больше расстояния между буквами. А расстояние между строками больше расстояния между слов. И т.д
5) Хорошим решением будет ставить в интерлиньяже 130-140% - дабы повысить читаемость текста
6) Для текста, который будут читать, леттер спейсинг - 0%
7) Раздвигать буквы можно в логотипах или в капсе (одно или два слова)
8) Абзац 20 пикселей
9) Enter - абзац
10) Shift + Enter - строка
11) Нельзя раздвигать ссылки интерлиньяжем! Каждая ссылка - новый абзац
12) Текст можно филить только автолейаутом, вручную рамку ломать нельзя!
Огонь)
))) а я из 15-ой группы))) классные заметки! Возьму себе))) Хотя у нас сейчас оценок нет, что очень жаль, и звездочку не заслужишь и колобка не словишь... Но заметки все равно пишу!!!
из 16-ой тоже спасибо 💛
Скорее бы выйти из категории косолапого новичка)
ну а такие видео ускорят этот процесс 100%
спасибо, Алексей!☺
Инфа 💯
Привет от 15 группы обучения у Леши! Как всегда, плотность информации и юмора в таком коротком видео - на высоте! Очень круто и полезно)
К слову, мы на обучении у Леши сейчас, как раз, проходим тему типографики. И был стрим на 4(!) часа по этой теме. Там прокачка еще быстрее и эффективнее проходит, всем советую! 💙
👋 ага, это вам не ролики на 40 минут с заголовком «все про типографику» 😅
Отдельное удовольствие при просмотре ролика - дизайнерские анекдоты в качестве примеров)
PS Соседу с дрелью нужен верстальщик под дверь
Очень рад, что нравится!
🔥🔥🔥 Столько пользы в одном ролике, невероятно!
супер!
Ух, Алексей, каждый раз поражает твоё умение концентрировать полезную информацию в одном ролике 🔥 И никакой воды! Спасибо! ❤ Привет от 15 группы 🤙🏻😄
Привет 👋❤️
14 группа вещает☺
Режим разработчика работает и alt + < / > на винде нажимается.
Самое важное, что я в рамочку запихнула - строки не ломаем. А еще: кнопка, ссылка или заголовок в одну строку - авто-ширина, много текста - авто-высота, фиксированная рамка текста - ТОЛЬКО через автолейаут!
Спасибо за информативный и нескучный ролик💫
Огонь) пожалуйста!
12 часов ночи, устала, но ролик поднял настроение) и вагон полезной инфы получила. Спасибушки!
🥳🎉 круто
Сложные вещи простыми словами для новичков. Бесплатно рассказывают много полезной информации, то что даже на платных не рассказывают!!! Всем новичкам рекомендую к просмотру Бесплатного курса по фигме, это кладезь информации и юмора👍
спасибо за рекомендации! ❤️
Лёша, спасибо за ролик. Как всегда все четко и по делу 💯
Спасибо за просмотр)
Как всегда только полезная информация 🔥🔥🔥 спасибо, что делишься с нами своими знаниями и позитивом)))
Очень рад!
2:17 это ”единственное“ было очень удобно в использовании. Поддерживаю, горижёпс-обнова
ну)) до сих пор нельзя скопировать
Лёша, спасибо тебе за такой крутой контент!! И действительно, на платных курсах такого не рассказывают) Сама проходила платные курсы, и столько нюансов как из одного твоего ролика нам не рассказывали)))
Вот и пожалуйста)
ура!!! Очень ждала типографику)) побежала изучать!
да!
Алексей, спасибо. Много нового узнала, пополнила конспект) с нетерпением жду продолжения. Обожаю Ваш юмор 😁
♥️ очень рад!
Леттер-спейсинг - отличная вещь. Некоторые шрифты без него вообще бы не читались.
Выравнивание по ширине часто встречаю в дизайнах групп в вк. Скину им твой ролик, пусть учатся😊
Шрифтовики месяцами разрабатывают шрифты, каждый символ. А потом приходят дизайнеры и говорят: твой шрифт невозможно читать без леттер-спейсинга..
Привет из 15 группы! Как всегда много супер инфы) спасибо!
Привет 👋
Отличный выпуск! Посмотрела и пошла исправлять свои косяки в домашке) Спасибо, Леша! 👍
Спасибо за просмотр)
Фил хуг от 15 группы🙌
Такой классный курс и еще бесплатные ролики очень информативные :)
После всего этого точно в село Джуново не попадешь🤙
Фил Хуг! 👋
"Зашквар по ширине" - вот с этого меня вынесло 😆 Прекрасно понимаю о чем речь, бегу смотреть дальше 😁
Спасибо за просмотр)
Лёша, спасибо! Интересно, полезно и с юмором!🔥 Будем прокачивать свои навыки!💪
Супер) пожалуйста!
Алексей, всегда с удовольствием смотрю твои ролики. Очень много всякого полезного рассказываешь) Огромное спасибо 🔥🔥🔥
Очень рад! ❤️
С лайн хейта выпала 😂😂😂
Харизма на высоте! Спасибо за проделанную работу!
рад, что нравится! 🥳
Да здесь полезности и годной инфы больше чем у меня в платном обучении было 😂
😊
Спасибо Алексей! Гора полезной информации! Суппер)
пожалуйста!
Крутой ролик! Спасибо, Леша 🔥🔥🔥
❤️
И даже про абзацы
Лёша, спасибо за видео!)
Как и всегда, класс 🙂
Спасибо за просмотр)
Класс! Очень полезно и информативно. Спасибо большее за качественный контент )
пожалуйста!
Ну огонёчек, второй раз смотрю и что-то записываю за себя
Супер
Отличное видео, информативно и без «воды».
Спасибо за просмотр)
Как всегда огонь, быстро и по делу, спасибо!
Ну класс)
Спасибо что объяснили, почему лин хейт должен быть в процентах, в школе (которую я бросила после начала просмотров ваших уроков) просто говорили, что нужно в процентах указывать значение. Там ваще много чего не рассказывали, эх
Все доступно и понятно как всегда! Спасибо Лёша
Супер
Всё чётко и как всегда на понятных примерах, огонь!🔥🔥 🧡
Ну класс
Спасибо за подробный ролик, всё ясно и понятно!) Классная подача 👍👍👍
рад, что нравится!
Супер, ждем вторую часть 👍
Уже выложил
Леша, спасибо тебе за то, что ты делаешь 🙏🏼
пожалуйста!
повторение - мать учения, смотрим, готовимся к домашке! супер курс!
🎉🥳
месяц назад для меня это было открытием, но и то, когда мне сказал об этом один из твоих учеников, я такая че вообще... Теперь все понятно, не будем нубасиками💖
Супер)
ОГНЬ!!!🔥🔥🔥 Тут всё что нужно про типографику для ВЕБа
нуууу) вчера был стрим про типографику на курсе, 4 часа без остановок и без воды)
Большое спасибо за гору полезной информации и ничего лишнего!
пожалуйста!
🤗как всегда, полезно, понятно, информативно! Спасиибо!
Ну класс
Очень подробно и понятно всë разжëвано) как и необходимо🔥
Ну класс
Как всегда куча полезной инфы, спасибо)
Супер
Доходчиво😂 с Новым Г.
Кстати, тут тоже точка не сильно вроде улетела
Спасибо за просмотр)
Супер курс! Спасибо за такую информацию!
Еще бы очень хотелось видео про то что должен уметь джун чтобы успешно пройти собеседование, какие там могут быть вопросы и требования (если можно) Спасибо!
Если по фигме, то набор стандартный: компоненты, варианты, автолейаут, переменные
@@alexeybychkov_ спасибо 🥲
Как всегда: чётко, кратко и весело. Польза и удовольствие. Спасибо!
пожалуйста!
Классно) спасибо за видео, много полезностей🤗
Супер
Спасибо большое! 👍🌟👍 Много полезной информации.
рад, что полезно
Спасибо большое за контент! Изучаем, запоминаем, впитываем)
пожалуйста! 🥳
Алексей, спасибо за видео. Супер👍
пожалуйста!
Спасибо за отличные уроки. Всегда для себя узнаю новое :-)
Спасибо за просмотр)
Здорово когда наглядно на примерах. Заметки сделала, спасибо!)))
!g
Спасибо за полезности) Очень интересно!
пожалуйста!
Спасибо за такую ценную информацию и знания! Полезно, интересно!🙂
пожалуйста!
спасибо за видео, как всегда круто и полезно) ❤🔥
Супер)
Отличное видео! Спасибо!
пожалуйста!
как всегда пушка!🤩
Огонь)
Спасибо за как всегда полезный ролик. Очень много полезной инфы ❤
пожалуйста!
Спасибо! Как всегда понятно, информативно и доступно!
ну класс)
Ура!! все подробно понятно и с юмором)))
🥳
Как всегда: доступно, полезно и с юмором!
ну класс)
Огонь! Спасибо )
пожалуйста!
Чем больше роликов, тем лучше😊
Наверное
Спасибо за видео! Очень много полезностей!
Ну класс
Ролик огонь, жду очень видео про то какого цвета должен быть текст на разных фонах или фото(надеюсь будет такой)
На курсе про это рассказываю
Спасибо за полезный контент)
пожалуйста!
спасибо, очень информативно❤
Ну класс)
Спасибо! Информация, как всегда, подана доходчиво!👍
Ну класс)
Все четко, все по полочкам. Спасибо
Супер!
Супер. Когда уже оффлайн школа будет?) Фил Хуг!!!
Так и в онлайне же хорошо))
ааагонь, привет из 15 группы 🚀
Привет 👋
Спасибо за видео и за напоминание о расстоянии между абзацами 🔥
пожалуйста!
Алексей, спасибо за ролик.❤
пожалуйста!
Очень очень крутой курс))!!! Как писали ниже коментарий про другие курсы это правда,меня вот пытались убедить что текст у кнопки должен быть от 20-28 px ,что до 30 это вообще прям хорошо)При этом я задала вопрос ,а как же на других сайтах этого нет,увы ответ не получила,кроме как ну до 30 это прям вообще хорошо будет.
А Вам большое спасибо за такой обьем информации!!
Спасибо за просмотр) 🤟🥳🤟
Супер полезно)) Спасибо!
Спасибо за просмотр)
супер ! очень интересно и так понятно !
Ну класс
Уникальный контент! 👽
🎉🥳
Спасибо за видео ❤
пожалуйста!
Супер ролик! Спасибо!!!
пожалуйста!
Спасибо за видео 🤩
Это то, что нам теперь нужно (привет 15 группе😁👋)
Привет 👋
Спасибо за видео!)
Спасибо за просмотр)
Спасибо за заметки❣
пожалуйста!
Спасибо! очень полезный ролик!
Спасибо за просмотр)
Спасибо! Весело и полезно
пожалуйста!
Оооочень полезно❤🔥
Очень рад!
Спасибо за типографику!😍
пожалуйста!
Спасибо, отличный ролик 😎
Спасибо за просмотр)
к предыдущим заметкам добавлю:
1) первую кнопку "автоширина"- используем в коротких заголовках, коротких ссылках, кнопках
2) вторая- много текста, например в блоке текста
3) третья- самому не нажимать! Она сама через фил по высоте в автолойауте появится
Заметки - тема полезная!
Спасибо за полезный контент 👍
пожалуйста!
Спасибо! Как всегда увлекательно и познавательно!
Ну класс)
Спасибо за полезности!🤓
пожалуйста!
;Класс! Спасибо за Вашу работу! Вы крутой!
❤️ спасибо!
Ролик огненный 🔥
Супер
Спасибо за полезную инфу!
пожалуйста!
Очень нтересно и полезно, спасибо!
пожалуйста!
Спасибо за ролик💖
пожалуйста!