Типографика. Как оформить абзац текста. Пошаговый урок.

Поділитися
Вставка
  • Опубліковано 15 чер 2024
  • #Типографика. Как оформить #абзац текста. В течение получаса мы превратим кривой кусок текста в изящную ткань. Пошаговый #урок.
    Этот урок сделан, как демонстрация нашего учебного подхода.
    Курсы и мастер-классы смотрите на сайте Школы: granich.design/
    Блог Школы:
    Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
    • VK-паблик: granichvk
    • TG-канал: t.me/granichannel
    • Insta: / granichgram
    • Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/
    Таймкоды:
    0:00 - переход от центральной композиции к левой.
    2:38 - кегль на интерлиньяж. Обозначение.
    3:02 - проблема антиквы на экране.
    3:31 - как выглядят разные шрифты на экране.
    4:05 - переход от антиквы к неогротеску от Apple.
    4:36 - ошибки выбора начертаний.
    5:19 - версии гарнитуры.
    6:00 - параметр «контраст».
    6:52 - параметр «x-height».
    7:55 - кегль.
    8:52 - контраст (иерархия) расстояний.
    10:03 - интерлиньяж.
    11:37 - длина строки.
    12:54 - от черного к темно-серому.
    13:55 - от белого к темно-серому.
    14:33 - грязный серый.
    14:56 - левый флаг.
    15:30 - кавычки.
    16:58 - тире.
    18:41 - висячие предлоги.
    21:00 - висячая строка.
    21:34 - кустода.
    21:52 - переносы.
    23:31 - выключка по ширине.
    25:17 - висячая пунктуация.
    26:33 - красная и швейцарская строка.
    27:14 - размер швейцарской строки.
    27:38 - добавляем заголовок.
    28:06 - контраст по масштабу вместо капслока.
    28:33 - контраст в зависимости от формата.
    29:16 - контраст по форме.
    29:37 - горизонтальная верстка.
    29:54 - швейцарская линейка.
    30:14 - редактура.
    30:58 - оформление поля.
    31:22 - расчерчивание пространства.

КОМЕНТАРІ • 259

  • @user-hk7oq7xw9v
    @user-hk7oq7xw9v 5 років тому +230

    Ждём урока по расчерчиванию пространства!!! Спасибо большое!

    • @granich
      @granich  5 років тому +5

      Принял к сведению. Считаю кол-во лайков у этого поста)

    • @granich
      @granich  2 роки тому +4

      В этом уроке начал говорить о важности фона (пространства формата) у макетов: ua-cam.com/video/vQri2v6Td9c/v-deo.html В том числе затронул вопрос разбивки пространства

    • @granich
      @granich  Рік тому

      Разбивку пространства теперь проходим на втором уроке курса Фундамент Графдизайна 2.0

  • @rubtub6582
    @rubtub6582 17 днів тому

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

  • @andreykovshov166
    @andreykovshov166 5 років тому +65

    Монументальный и культурно-значимый труд! Снимаю шляпу!)

  • @user-sd3ml7dx9y
    @user-sd3ml7dx9y 3 роки тому +15

    omg, Вадим, ты рассказал фичи, которые почти не проговаривались за 4 года обучения на граф дизайне в далеко не самом плохом вузе! спасибо!!

  • @zoyachitaet
    @zoyachitaet 5 років тому +88

    Хочу урок по расчерчиванию пространства!) Большое спасибо за урок, Вадим. Узнала много интересного и влюбилась в Кустоду.

    • @granich
      @granich  5 років тому +9

      Кустоду народу!

  • @user-xu9qz2tp1e
    @user-xu9qz2tp1e 5 років тому +116

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

    • @moko822
      @moko822 5 років тому +1

      Ахаха, я как раз на этом моменте прочитал комментарий)))

    • @granich
      @granich  5 років тому +5

      Принял к сведению. Считаю кол-во лайков у этого поста)

    • @pleasure-oceania
      @pleasure-oceania 5 років тому +1

      =D

  • @highrisechallenge
    @highrisechallenge 2 роки тому +5

    Я в шоке... За 5 минут узнала больше информации, чем за 3 недели курса типографики, которая сейчас идёт по моему обучению на дизайне. Преподаватель хоть и казалось, что объяснила понятно, но как приступила к домашней работе, потерялась совершенно в понятиях, начертаниях, гарнитурах. Вы меня спасли! Уже два листа конспекта :)

  • @annadubovik8951
    @annadubovik8951 4 роки тому +3

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

  • @deniskosintsev3825
    @deniskosintsev3825 Рік тому +2

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

  • @nadiashalennaya5784
    @nadiashalennaya5784 2 роки тому +5

    Большое спасибо за то что выставляете в свободный доступ столько информации🤍многие вещи которые раньше делались на уровне интуиции стали обоснованными:)

  • @ViktorArtphoto
    @ViktorArtphoto 3 роки тому +2

    Как будто посетил Большой драматический театр в Питере. Спасибо за хороший литературный слог.

  • @nikodimia3450
    @nikodimia3450 5 років тому +5

    Урок о пространстве.😃
    Реально один из лучших....
    Большое спасибо за труд и открытость...

  • @alewiena
    @alewiena 4 місяці тому

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

  • @kristinafelk716
    @kristinafelk716 4 роки тому +2

    Щедрость и просветление от Вадима!
    Хочется жать на лайк бесчисленное (нечетное) количество раз :)

  • @user-if2jx5gs1i
    @user-if2jx5gs1i 4 роки тому +1

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

  • @frostbita
    @frostbita 5 років тому +2

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

  • @myway7046
    @myway7046 Рік тому

    Ваши курсы, гениальные, просто шедевр!

  • @beetle_v
    @beetle_v 4 роки тому

    Хочу сказать Вам огромное спасибо за ваш труд! Вы действительно мастер своего дела! Да еще и не жадный)) сеите в массы качественную и нужную информацию! И качество ваших видеороликов просто ВАУ! Спасибо!!!!!:)

  • @marshakvvode210
    @marshakvvode210 4 роки тому

    Очень жду уроков ещё! Спасибо большое за информацию!)

  • @liberty3170
    @liberty3170 4 роки тому

    Просто офигенный урок! Информативно, весело, гениально!

  • @user-mv1rc3wz9o
    @user-mv1rc3wz9o 5 років тому +1

    Спасибо, Вадим! Ждем урок по расчерчиванию пространства

  • @moonboy3079
    @moonboy3079 5 років тому +29

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

    • @pleasure-oceania
      @pleasure-oceania 5 років тому

      +1 к швейцарской типографике =)

  • @jeyjplug
    @jeyjplug Рік тому

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

  • @user-hm7zw3mm3p
    @user-hm7zw3mm3p 4 роки тому

    Отличное видео. С большим интересом смотрела. Очень жду следующий урок. Спасибо!

  • @dmitryulanov9395
    @dmitryulanov9395 5 років тому +2

    Спасибо тебе за этот урок! Ждём урока по расчерчиванию пространства)

  • @alexeysidorov8158
    @alexeysidorov8158 2 роки тому

    Огромное спасибо, Вам! Очень познавательно! И смотреть интересно. Продолжаю конспектировать...

  • @vsevidets
    @vsevidets 4 роки тому

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

  • @user-js5wt8tm8f
    @user-js5wt8tm8f Рік тому

    Блин, мужик, ты крутой! Мне очень нравится слушать твои лекции! Спасибо тебе)

  • @ksundrikiss3225
    @ksundrikiss3225 5 років тому +1

    Спасибо, как всегда, очень полезно и интересно.

  • @mrEY-dl1ww
    @mrEY-dl1ww 5 років тому +1

    Отличный урок. Ждем пространственное видео :)

  • @pleasure-oceania
    @pleasure-oceania 5 років тому

    очень живо и интересно преподнесен материал

  • @tianta_
    @tianta_ 5 років тому

    Лучшее видео по теме, спасибо большое за труд!

  • @user-no3re4em1v
    @user-no3re4em1v 4 роки тому

    Вадим, спасибо тебе за лёгкий для усвоения урок.
    Жмякнул колокольчик, дабы не пропустить расчерчивание :)

  • @elenakot8101
    @elenakot8101 5 років тому

    Очень интересно! Спасибо за урок!

  • @agnestea9923
    @agnestea9923 5 років тому

    Я так ждала урок по типографике от тебя! Ура!

  • @user-fg2id7wm7l
    @user-fg2id7wm7l 4 роки тому

    Спасибо! Очень крутые, полезные уроки.

  • @user-wv6uu8fn2e
    @user-wv6uu8fn2e 5 років тому +1

    Держишь планку, как и всегда полезно!

  • @user-pooser164
    @user-pooser164 4 роки тому +1

    Вы классный рассказчик помимо прочего!

  • @viacheslavhorobchenko1880
    @viacheslavhorobchenko1880 5 років тому +1

    Видео супер, почти целый учебник :).

  • @tatyanacherkashina9458
    @tatyanacherkashina9458 2 роки тому

    Очень полезно и информативно. Спасибо!

  • @user-tf1fq7qc4e
    @user-tf1fq7qc4e 2 роки тому

    Спасибо за урок! Было очень полезно 👍

  • @iraikari
    @iraikari 5 років тому

    Спасибо за интересное и познавательное видео!

  • @polly_yogasoul
    @polly_yogasoul 5 років тому

    Очень интересно! Ждем урока:)

  • @Jesters_
    @Jesters_ 4 роки тому

    потрясающий материал, спасибо!

  • @SidLaman
    @SidLaman 5 років тому +1

    Спасибо большое за видео. Очень полезно и совсем без воды. Теперь подписан на Вас и жду каждого видео с нетерпением. И да, плюсую за видео о "Концепции расчерчивания пространства"

  • @skorokhvatov
    @skorokhvatov 5 років тому +1

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

  • @user-cz5fm2sp3j
    @user-cz5fm2sp3j 5 років тому

    Богоподобно) Спасибо за столь чёткий и информативный урок)

  • @Alex_Rama
    @Alex_Rama 4 роки тому +1

    Интересное качественное понятное видео! Спасибо!

  • @dukdozer8929
    @dukdozer8929 3 роки тому

    Отличный урок ))) Спасибо огромное

  • @user-hy9wh8so5u
    @user-hy9wh8so5u Рік тому

    Кажется я нашла лучший канал о дизайне 🥹

    • @granich
      @granich  Рік тому

      Высокая оценка, благодарю)

  • @celluloidprojectile
    @celluloidprojectile 5 років тому +4

    Отличная идея со смещением цвета в сторону серого!

  • @threeplex
    @threeplex 5 років тому +1

    Отличный урок! Ждём видео про расчерчивание пространства.

  • @user-lx2mp6mw7o
    @user-lx2mp6mw7o Рік тому

    Прекрасное высказывание! Первым делом прочитала его.

  • @user-pf3mo3ob1d
    @user-pf3mo3ob1d 4 роки тому +1

    Интересно видео о расчерчивании пространства!

  • @user-ym3yr3go5c
    @user-ym3yr3go5c 3 роки тому

    Это самое полезное видео на Ютубе. Вот вообще из всех.

  • @ia55555
    @ia55555 3 роки тому +1

    Жду видео про концепцию расчерчивания пространства. Супер!!!

  • @igorrewa1652
    @igorrewa1652 3 роки тому

    Очень интересно, благодарю за контент и изложение

    • @granich
      @granich  3 роки тому

      Было полезно? :)

  • @bl0ndin4ek
    @bl0ndin4ek 5 років тому

    Как всегда всё чётко, без водички. Лайк.

  • @LevVL
    @LevVL 5 років тому +1

    👍👍👍👍👍, хочу про расчерчивание пространства. А этот урок крутой.

  • @ksenia_reach
    @ksenia_reach 5 років тому

    Да-да-да! Даёшь урок по классификации шрифтов! Спасибо!!

  • @alexeyvishnyakov8132
    @alexeyvishnyakov8132 4 роки тому

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

  • @lerislis
    @lerislis 4 роки тому

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

  • @solarnoise2138
    @solarnoise2138 5 років тому

    Спасибо за урок!

  • @1308astra
    @1308astra 5 років тому

    Благодарю за видео!

  • @HTS1S
    @HTS1S 4 роки тому +1

    Бэля, молодой, ну ты красавчик, я не могу просто

  • @luttle_lu
    @luttle_lu Рік тому

    От типографистки по образованию за теоретиков спасибо)

  • @GhostlySnakes
    @GhostlySnakes 5 років тому

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

  • @alexanderkrasnovsky
    @alexanderkrasnovsky 3 роки тому

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

  • @lepermessia4
    @lepermessia4 4 роки тому

    Господи, годный верстальщик на ютубе! Лайк

  • @kuznalol
    @kuznalol 5 років тому +3

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

  • @vllladek2117
    @vllladek2117 5 років тому +1

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

    • @granich
      @granich  5 років тому

      Vllladek, типографика это вообще база всего. Она является большой частью графического дизайна. А графический дизайн, в свою очередь, дает хороший фундамент для веб-дизайнеров.

  • @evgeniikhomutov565
    @evgeniikhomutov565 3 роки тому

    Как хорошо что я нашел этот канал, спасибо большое за видео!!!

    • @granich
      @granich  3 роки тому

      Благодарим! Уже изучили все видео на канале? :)

    • @evgeniikhomutov565
      @evgeniikhomutov565 3 роки тому

      @@granich да куда там, по одному видео в день успеваю, потому что каждое слово записываю почти)

  • @dmitrytim1805
    @dmitrytim1805 5 років тому +1

    Granich is the best!

  • @user-zy3wd2mh2r
    @user-zy3wd2mh2r 5 років тому

    Спасибо., очень информативно

  • @barhanoevmusa
    @barhanoevmusa Рік тому +1

    Очень интересно

  • @LanaBright
    @LanaBright 4 роки тому +1

    огромное спасибо!

  • @user-hd8lx5ck4w
    @user-hd8lx5ck4w 5 років тому +1

    Хочу, больше твоих видео!

  • @Naughty_Moon
    @Naughty_Moon Рік тому

    Очень интересная идея расчерчивания пространства, надо будет как-нибудь попробовать. Хотела бы увидеть видео про это стрим послушать, было бы очень интересно послушать))

  • @user-qb2re6wb5y
    @user-qb2re6wb5y 3 роки тому +4

    30:58 Вадим вы забыли добавить ссылку в описание ролика

  • @soursxond7230
    @soursxond7230 5 років тому +1

    На одном дыхании, оу

  • @DInfinity3
    @DInfinity3 5 років тому

    респект, полезный урок)

  • @user-yh5lw9nx2c
    @user-yh5lw9nx2c 3 роки тому

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

  • @ruslopuslo
    @ruslopuslo 4 роки тому

    классный урок!

  • @user-rq8vz8rq5g
    @user-rq8vz8rq5g 8 місяців тому

    это прекрасно спасибо!!!!!!!!!!

    • @granich
      @granich  7 місяців тому

      Сколько эмоций, приятно)

  • @user-yp5cc8vj4r
    @user-yp5cc8vj4r 5 років тому

    Супер!

  • @rusyakalybaev3368
    @rusyakalybaev3368 4 роки тому

    Просто топ, спасибо

  • @sg_arrt
    @sg_arrt 4 роки тому

    Жажду урок с разбором классификаций шрифтов!!!!!! Спасибо за каждый урок!!!!!!

  • @kristinaberg9613
    @kristinaberg9613 3 роки тому +1

    Apple не разрешает использовать SF нигде кроме приложений для mac/ios/tv и других приложениях для Apple. Т. е. ни в книгах, ни на сайте, ни в этом видео.
    А урок классный, спасибо.

  • @misteriAntony
    @misteriAntony 4 роки тому +3

    Ждём урока по расчерчиванию пространства)

  • @666bloodyclown
    @666bloodyclown 3 роки тому

    Теперь буду всегда помнить о воздушной прослойке)))

  • @caseng1270
    @caseng1270 3 роки тому

    Спасибо большое! Было очень интересно. На сайт дали текст вывешивать, но он так отвратительно смотрелся. Теперь я узнал, что же в нём было не так!

  • @Chyorny_Lis
    @Chyorny_Lis 4 роки тому

    Подписка и колокольчик после минуты просмотра

  • @waysearcher
    @waysearcher Рік тому +1

    Сам тоже пришел к тому, что расчеркивание пространства, сетки, помогают генерировать решения - если сетка нестандартная, то придумываю что-то, чтобы соответствовать ей ...
    Но, было бы интересно послушать от тебя про это. Спасибо.

  • @williamunicornus581
    @williamunicornus581 5 років тому

    Братан, ты крут
    Продолжай

  • @yulia_nabalance
    @yulia_nabalance 4 роки тому

    Спасибо за видео! Забыл добавить к описанию статью от дизайн бюро)

  • @andrei__zi
    @andrei__zi 4 роки тому

    Очень жду урока по расчерчиванию пространства.

  • @user-nk3dd5gt8z
    @user-nk3dd5gt8z 5 років тому

    Чувак, ты не просто даешь интересную инфу, у тебя и подача на 5+!
    Красавец)))

  • @petrplotnikov4307
    @petrplotnikov4307 4 роки тому +8

    я думал, что текст - это просто текст)

  • @harmannsmith5653
    @harmannsmith5653 2 роки тому

    Спасибо за урок, мега полезно! По расчерчиванию тоже что-то есть?