ОСНОВНЫЕ ПРАВИЛА В ТИПОГРАФИКЕ

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024
  • 💎 Курс "UX/UI-Дизайн" - uxui.filschool.ru
    ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - base.filschool.ru/
    ◾ Полноценный курс по веб-дизайну "Дизайноведение" - d.filschool.ru/
    ◾ Ведение рабочих профилей в Instagram "Инставедение" - insta.filschool...
    00:01 - Привет!
    00:46 - Правило внутреннего и внешнего
    03:31 - Использовать не более 3-х шрифтов
    04:50 - выбирайте правильный размер шрифта
    05:57 - выставлять интерлиньяж больше, чем кегль
    07:01 - Выбирайте шрифт в соответствии с общим дизайном и концепцией
    08:06 - Главное - читабельность
    11:41 - Выравнивание текста
    12:41 - Кавычки
    13:29 - В тексте важна иерархия
    15:29 - Ширина строки
    16:03 - Висячие предлоги
    17:24 - Структурируйте информацию
    18:02 - Контраст в шрифтах
    19:21 - Не используйте «рыбу»
    19:47 - Не трогайте пропорции шрифта
    20:33 - В веб-дизайне используются английские абзацы
    20:52 - Не применяйте эффекты к тексту
    22:34 - Всем пока!
    Самые полезные видео на канале:
    Кто такой веб-дизайнер - • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗ...
    Сколько зарабатывает веб-дизайнер - • СКОЛЬКО ЗАРАБАТЫВАЕТ В...
    Навыки веб-дизайнера - • НАВЫКИ ВЕБ-ДИЗАЙНЕРА /...
    Как стать веб-дизайнером - • Как стать веб-дизайнер...
    Где учиться на веб-дизайнера - • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗ...
    Плюсы и минусы профессии - • ПЛЮСЫ И МИНУСЫ ПРОФЕСС...
    Какой ноутбук выбрать - • Как выбрать ноутбук дл...
    Этапы рабочего процесса - • ЭТАПЫ РАБОЧЕГО ПРОЦЕСС...
    Кто такие UX/UI дизайнеры - • КТО ТАКИЕ UX/UI ДИЗАЙН...
    Ошибки начинающих - • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ... , • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ...
    Стили в веб-дизайне - • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
    Сетки в веб-дизайне - • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-...
    Адаптивный дизайн сайта - • АДАПТИВНЫЙ ДИЗАЙН САЙТ...
    Дизайн сайта в Figma - • ДИЗАЙН САЙТА В FIGMA
    Тренды в дизайне на 2021 год - • 8 ТРЕНДОВ UX/UI ДИЗАЙН...
    Как сделать портфолио - • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО...
    Как рассчитать стоимость дизайна - • КАК РАСЧИТАТЬ СТОИМОСТ...
    Как найти первого клиента - • 🔥Как найти первого кли...
    Где меня найти:
    Instagram: / sofyafilippova
    Instagram Filschool: / filschool.ru
    Страница Вконтакте: sof_fil...
    Сайт веб-студии: fildesign.ru
    Портфолио студии: www.behance.ne...

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

  • @outofrange9100
    @outofrange9100 ปีที่แล้ว +25

    Есть плагин для фигмы, который меняет кавычки на нужные и добавляет неразрывный пробел, чтобы не было висячих предлогов, называется sbol typograph) за видео спасибо, инфа полезная 👍🏼

  • @ANNAMIRV-pu5lt
    @ANNAMIRV-pu5lt ปีที่แล้ว +1

    Спасибо огромное💗

  • @АнастасияЛеман-ч4ч
    @АнастасияЛеман-ч4ч ปีที่แล้ว

    Спасибо!

  • @8Alan81
    @8Alan81 7 หลายเดือนก่อน +1

    лол. лекция по типографике в которой 20 минут смотришь на лицо человека вместо типографики

  • @КираУшкина
    @КираУшкина 13 วันที่ผ่านมา

    Спасибо, было полезно ❤

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

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

    • @tatyanasysoeva8283
      @tatyanasysoeva8283 ปีที่แล้ว

      Я подозреваю, что это правило переночевать из типографии. Однако, в типографике есть выравнивание по ширине, а в web-дизайне выравнивания по ширине нет. И это правило уже не работает как надо

  • @user87456
    @user87456 2 หลายเดือนก่อน

    Спасибо ❤❤❤

  • @alibumin-gg
    @alibumin-gg 4 หลายเดือนก่อน

    Благодарю❤

  • @freeline_parus
    @freeline_parus 7 หลายเดือนก่อน

    Спасибо ))

  • @СергейФедорович-р9ц
    @СергейФедорович-р9ц 7 หลายเดือนก่อน

    Спасибо!

  • @Sveta9
    @Sveta9 10 หลายเดือนก่อน

    спасибо!))))

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

    Софья, большое вам спасибо! Очень нужная информация👍

  • @j.3050
    @j.3050 ปีที่แล้ว +1

    Спасибо! Очень ценная концентрация полезных знаний:)

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

    Спасибо, очень удобно структурированно!

  • @vera-horse
    @vera-horse ปีที่แล้ว

    СПАСИБО! (Кричу на Вас капслуком😄) Но для меня, как для начинающей, это очень полезно!!!

  • @AtamanVagari
    @AtamanVagari 7 หลายเดือนก่อน

    Спасибо огромное за видео, было полезно, узнала даже те правила, о которых не знала, которые были не очевидны! Всегда есть над чем работать)))

  • @polina90.
    @polina90. ปีที่แล้ว

    спасибо вам за ЦЕННУЮ ИНФОРМАЦИЮ!!!

  • @User_nix5242wqr
    @User_nix5242wqr ปีที่แล้ว

    Благодарю вас за труд
    Всегда приятно смотреть, слушать вас и применять ваши рекомендации в работе👍🔥🔥🔥
    Всё, как всегда чётко, ясно и по делу💐

  • @Oksana-p3f
    @Oksana-p3f 7 หลายเดือนก่อน

    Софья, спасибо большое за полезный урок!

  • @yuliia4293
    @yuliia4293 ปีที่แล้ว

    Спасибо, очень полезная информация

  • @karinanesterova9882
    @karinanesterova9882 10 หลายเดือนก่อน

    Спасибо, Софья, отличное видео!

  • @Valeriazaraa
    @Valeriazaraa 5 หลายเดือนก่อน

    спасибо, видео очень полезное

  • @kristopop2116
    @kristopop2116 ปีที่แล้ว

    Спасибо, знала все из названного. Но повторение матчасти -- это лайк

  • @juliamelnik8033
    @juliamelnik8033 ปีที่แล้ว

    Спасибо! Очень хорошие видео!

  • @Ленчан
    @Ленчан ปีที่แล้ว

    Очень понятно и по факту! Люблю смотреть ваши видео

  • @faritvaleev9529
    @faritvaleev9529 6 หลายเดือนก่อน

    Спасибо, было полезно

  • @mariyatatarinova4423
    @mariyatatarinova4423 ปีที่แล้ว

    Спасибо большое за полезный, а тем более бесплатный контент! Большая благодарочка! 💝

  • @G_PERFOMANCE19
    @G_PERFOMANCE19 11 หลายเดือนก่อน

    Спасибо огромное,очень полезно.

  • @vell_young
    @vell_young ปีที่แล้ว

    Благодарю за познавательное видео!))
    Очень понятно и просто.

  • @azizazholdasbekova3056
    @azizazholdasbekova3056 ปีที่แล้ว

    Благодарю за уроки❤ успехов вам в вашей деятельности🌸 Очень нравятся ваши уроки: чётко, понятно и приятно вас смотреть и слушать!

  • @lvsnw
    @lvsnw 8 หลายเดือนก่อน

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

  • @BirKa48
    @BirKa48 10 หลายเดือนก่อน

    Благодарю🌷

  • @klementeva_nataly
    @klementeva_nataly ปีที่แล้ว

    Софья, благодарю за полезное видео

  • @ЛенаИсаева-щ4ъ
    @ЛенаИсаева-щ4ъ ปีที่แล้ว

    Спасибо!

  • @kostkina.k
    @kostkina.k ปีที่แล้ว

    Спасибо!

  • @kadavr3246
    @kadavr3246 ปีที่แล้ว

    Спасибо!

  • @maryway1350
    @maryway1350 ปีที่แล้ว

    Спасибо 😌

  • @biktvgirova
    @biktvgirova ปีที่แล้ว

    Спасибо)

  • @yalikaa
    @yalikaa ปีที่แล้ว

    спасибо!!

  • @sseliaam4278
    @sseliaam4278 ปีที่แล้ว

    Спасибо!

  • @DengaStyle
    @DengaStyle ปีที่แล้ว

    Благодарю!

  • @АннаПетровская-д8о
    @АннаПетровская-д8о ปีที่แล้ว

    а текст рыба это что?(

  • @OleksandraAndriianova
    @OleksandraAndriianova ปีที่แล้ว

    Спасибо!)

  • @PodyezdPerm
    @PodyezdPerm ปีที่แล้ว

    Спасибо

  • @ЕвгенийРыков-ю1в
    @ЕвгенийРыков-ю1в ปีที่แล้ว

    Спасибо!

  • @TOfEEfe
    @TOfEEfe ปีที่แล้ว

    спасибо

  • @ЕленаЗобова-777
    @ЕленаЗобова-777 ปีที่แล้ว

    Спасибо🤗🌷💖

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

    Спасибо❤

  • @АнастасияБабаева-д2ы
    @АнастасияБабаева-д2ы ปีที่แล้ว

    спасибо

  • @VPUPOK_publico
    @VPUPOK_publico ปีที่แล้ว

    спасибо

  • @ananasma3509
    @ananasma3509 ปีที่แล้ว

    Спасибо!❤

  • @Mary_Cicero
    @Mary_Cicero ปีที่แล้ว

    😊 спасибо

  • @kindkind_beatle
    @kindkind_beatle ปีที่แล้ว

    Спасибо❕

  • @Mind_Mari
    @Mind_Mari ปีที่แล้ว

    Спасибо

  • @ТатьянаНепорожняя-т5ь
    @ТатьянаНепорожняя-т5ь ปีที่แล้ว

    Спасибо ❤

  • @ignisarma4652
    @ignisarma4652 ปีที่แล้ว

    спасибо

  • @melodiesoftranquility1
    @melodiesoftranquility1 ปีที่แล้ว

    Подскажите, пожалуйста, а если заказчик не может предоставить дизайнеру готовый текст, можно ли тогда заполнить место для текста с помощью lorem ipsum? Или в таких случаях веб-дизайнер должен быть и как в роли копирайтера?😁

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

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

  • @ЕкатеринаПанина-я2й
    @ЕкатеринаПанина-я2й ปีที่แล้ว

    Спасибо!

  • @Codingpyandgaming
    @Codingpyandgaming ปีที่แล้ว

    Спасибо

  • @gilenokk
    @gilenokk ปีที่แล้ว

    Спасибо!

  • @sashagus_
    @sashagus_ ปีที่แล้ว

    Спасибо!

  • @BorisenkoAnastasiya
    @BorisenkoAnastasiya ปีที่แล้ว

    Спасибо💖

  • @-BanderaUA-
    @-BanderaUA- ปีที่แล้ว

    Дякую

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

    Прикольно звучит - "Заботливые шрифты" 😄😄. Софья, огромнейшее вам спасибо за столь важную информацию

  • @bcexopouuo
    @bcexopouuo ปีที่แล้ว

    Что за рыба текст? 13 правило. Я его совершенно не поняла

    • @SofyaFilippova
      @SofyaFilippova  ปีที่แล้ว

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

  • @grach4358
    @grach4358 ปีที่แล้ว

    Супер

  • @i3ikill
    @i3ikill ปีที่แล้ว

    вы крутая