<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>UXPUB 🇺🇦 Дизайн-спільнота: Сеня Шабанов</title>
    <description>The latest articles on UXPUB 🇺🇦 Дизайн-спільнота by Сеня Шабанов (@shaba).</description>
    <link>https://ux.pub/shaba</link>
    <image>
      <url>https://ux.pub/images/1VleRNzEgnHQHEmy1WJcj2qh_fvd5h9QDRAWJFqLr7E/rs:fill:90:90/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy91/c2VyL3Byb2ZpbGVf/aW1hZ2UvMTIzOC8y/MzQ2MTkyOC0yMzU3/LTQ5YjEtYmMwMC03/NjY3OTg0YjBjZmMu/anBn</url>
      <title>UXPUB 🇺🇦 Дизайн-спільнота: Сеня Шабанов</title>
      <link>https://ux.pub/shaba</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://ux.pub/feed/shaba"/>
    <language>en</language>
    <item>
      <title>Как посчитать налог не в убыток? Руководство самозанятого. Глава 3</title>
      <dc:creator>Сеня Шабанов</dc:creator>
      <pubDate>Fri, 27 May 2022 11:40:25 +0000</pubDate>
      <link>https://ux.pub/shaba/kak-poschitat-nalogh-nie-v-ubytok-rukovodstvo-samozaniatogho-glava-3-3c3k</link>
      <guid>https://ux.pub/shaba/kak-poschitat-nalogh-nie-v-ubytok-rukovodstvo-samozaniatogho-glava-3-3c3k</guid>
      <description>&lt;p&gt;Мы с вами налоги платим, ведь так? Но верно ли вы их считаете? Я уверен, что нет. Поэтому в третьей главе моего практического руководства «Как самозанятому фрилансеру заработать и не облажаться» разберём тонкости бухучета.&lt;/p&gt;

&lt;p&gt;В предыдущих выпусках:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://ux.pub/shaba/kak-poschitat-stoimost-proiekta-rukovodstvo-samozaniatogho-glava-1-2564"&gt;Глава 1. Как посчитать стоимость проекта?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://ux.pub/shaba/priedoplata-brat-ili-nie-brat-rukovodstvo-samozaniatogho-glava-2-2681"&gt;Глава 2. Предоплата — не оберег&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Итак, мой опыт показывает, что 99,99% заказчиков и исполнителей не знают, как правильно рассчитать налоги на доход. Шутка ли, но эту ошибку допустили все бухгалтера, с которыми я работал. А это элементарная арифметика. &lt;/p&gt;

&lt;p&gt;Представим, вы — самозанятый, договорились с заказчиком на 100 000 ₽. Вы, как уважающий себя человек, хотите получить всю сумму чистяком. Надо добавить НПД 6%. И как же вы будете считать?&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Ну очевидно же, считаем 6% от 100 000 ₽ — получится&lt;br&gt;
6 000 ₽ налога, суммируем 106 000 ₽ просим у заказчика.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Неправильно.&lt;/p&gt;

&lt;p&gt;Декларировать и выписывать чек вы будете на 106 000 ₽, а, значит, и процент налога высчитывается с этой суммы и составит 6 360 ₽. А чистыми вы получите 99 640 ₽. Мелочь, а неприятно.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/1F6igpI4UrbgdtKiAVoTwTnvF1XZGHYE1Xv46M5e5U0/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9ieXR4/ZHJlZzA5NDR4bTNw/Yzd4cy5qcGc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/1F6igpI4UrbgdtKiAVoTwTnvF1XZGHYE1Xv46M5e5U0/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9ieXR4/ZHJlZzA5NDR4bTNw/Yzd4cy5qcGc" alt="Image description" width="641" height="361"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Для того чтобы рассчитать налог правильно, надо брать за основу не 6% налога, а 94% чистых, равные 100 000 ₽. И раз мы хотим узнать всю сумму в 100% уже с налогом, нам нужно 100 000 ₽ разделить на 94%.&lt;/p&gt;

&lt;p&gt;Для проверки посчитайте налог в 6% из этой суммы. Он составит 6382,98 ₽.&lt;/p&gt;

&lt;p&gt;Такая вот простая арифметика.&lt;/p&gt;

&lt;p&gt;Я на связи:&lt;br&gt;
&lt;a href="https://t.me/shababla"&gt;Телеграм-канал&lt;/a&gt;&lt;br&gt;
&lt;a href="https://t.me/shabablabot"&gt;Личка&lt;/a&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>discuss</category>
      <category>lifehacks</category>
      <category>career</category>
    </item>
    <item>
      <title>Предоплата: брать или не брать? Руководство самозанятого. Глава 2</title>
      <dc:creator>Сеня Шабанов</dc:creator>
      <pubDate>Mon, 23 May 2022 03:26:57 +0000</pubDate>
      <link>https://ux.pub/shaba/priedoplata-brat-ili-nie-brat-rukovodstvo-samozaniatogho-glava-2-2681</link>
      <guid>https://ux.pub/shaba/priedoplata-brat-ili-nie-brat-rukovodstvo-samozaniatogho-glava-2-2681</guid>
      <description>&lt;p&gt;Всем привет! Продолжаю свой цикл практических заметок &lt;strong&gt;«Как самозанятому фрилансеру заработать и не облажаться»&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;В предыдущих выпусках:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://ux.pub/shaba/kak-poschitat-stoimost-proiekta-rukovodstvo-samozaniatogho-glava-1-2564"&gt;Глава 1. Как посчитать стоимость проекта?&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Итак, вы нашли клиента, оценили свою работу и теперь решаете вопрос оплаты. Стоит ли брать предоплату? Я вот не беру предоплату. За все 10 лет моей работы, меня кинули только один раз. И не жалко, ибо заказ был грошовый.&lt;/p&gt;

&lt;p&gt;Предоплата — слабый способ обезопасить себя от нерадивого заказчика. Если клиент ведёт себя как мразь, аванс только усугубит ситуацию. Уплаченные деньги за «отсутствующий результат» заставят заказчика нервничать и говнить ещё больше.&lt;/p&gt;

&lt;p&gt;В идеале с такими лучше не работать. Но если начали, стоит отказаться на ранних этапах без предоплаты — с вас не убудет. А взамен клиент не превратится в сволочь, которая будет подмачивать вашу репутацию: «обокрали, взяли деньги и не сделали работу». А в такой ситуации не важно, кто прав, вы пострадаете все равно.&lt;/p&gt;

&lt;p&gt;Есть и порядочные клиенты, не готовые заранее платить за «спорный» будущий результат. Но согласные рассчитаться за проделанную работу, если что-то пошло не так. Необъяснимо, но факт.&lt;/p&gt;

&lt;p&gt;Но когда речь про траты на сырье — тут без вопросов, деньги вперёд. Если вы художник или скульптор предоплата должна включать полное покрытие расходных материалов. А про большие проекты есть другой подход. Он более грамотный с точки зрения оплаты и планирования, чем брать предоплату. Но о нём чуть позже.&lt;/p&gt;

&lt;p&gt;С такой позицией многие не согласны, и я понимаю их точку зрения. Так что вперёд в комментарии — обсудим.&lt;/p&gt;

&lt;p&gt;Я на связи:&lt;br&gt;
&lt;a href="https://t.me/shababla"&gt;Телеграм-канал&lt;/a&gt;&lt;br&gt;
&lt;a href="https://t.me/shabablabot"&gt;Личка&lt;/a&gt;&lt;/p&gt;

</description>
      <category>career</category>
      <category>lifehacks</category>
    </item>
    <item>
      <title>Как посчитать стоимость проекта? Руководство самозанятого. Глава 1</title>
      <dc:creator>Сеня Шабанов</dc:creator>
      <pubDate>Tue, 17 May 2022 08:45:51 +0000</pubDate>
      <link>https://ux.pub/shaba/kak-poschitat-stoimost-proiekta-rukovodstvo-samozaniatogho-glava-1-2564</link>
      <guid>https://ux.pub/shaba/kak-poschitat-stoimost-proiekta-rukovodstvo-samozaniatogho-glava-1-2564</guid>
      <description>&lt;p&gt;Как посчитать стоимость проекта и налоги правильно? Почему предоплата не спасёт от мудаков? Зачем разбивать работу на этапы и как составить проектный договор самозанятого так, чтобы все интересы были учтены. &lt;/p&gt;

&lt;p&gt;Меня зовут Сеня Шабанов, я арт-директор, самозанятый, и у меня есть ответы на эти вопросы. Я решил опубликовать в помощь самозанятым представителям креативных профессий цикл практических заметок &lt;strong&gt;«Как самозанятому фрилансеру заработать и не облажаться»&lt;/strong&gt;. Эти заметки — результат десятилетнего опыта работы с разными заказчиками и общего наблюдения над начинающими фрилансерами, которые каждый раз рискуют своим заработком и репутацией, составляя неверные договоры и собирая с заказчиков бессмысленную предоплату.&lt;/p&gt;

&lt;p&gt;Если вам есть, чем дополнить меня, с чем поспорить и что опровергнуть — я буду рад вашим комментариям.  Ведь в дискуссии и рождается истина.&lt;/p&gt;




&lt;p&gt;В первой главе нашего альманаха поговорим о цене вашего труда. В прямом смысле.&lt;/p&gt;

&lt;p&gt;Вопрос о том, как монетизировать свой труд грамотно, приходит в голову каждому начинающему специалисту, работающему на себя. Есть много мнений про иллюзорность цены на дизайн или продукт и советов про отращивание наглости. Но такая модель годится для лютых профессионалов, а вопросы подобного толка чаще приходят именно от новичков, у которых в зачатке нет ни опыта, ни наглости. Поэтому рассмотрим проблему на простом соотношении.&lt;/p&gt;

&lt;p&gt;Любая задача — это время, а время — это деньги. По стандартной восьмичасовой пятидневке мы работаем 20 дней или 160 часов в месяц. Это с учётом всех выходных, праздников и отпусков. За эти дни и часы мы получаем наши кровные.&lt;/p&gt;

&lt;p&gt;Нужно определить, какую зарплату готовы получать. Естественно, речь не идёт про инфантильные мечты о купюрном жоповытирании. Оценивать нужно свой настоящий скилл, среднюю ЗП по палате и расходы в месяц: поесть купить, квартирку оплатить, подписки продлить, кредит погасить и т.д. Про амортизацию тоже не забываем. Всё это легко погуглить и внести в Эксель.&lt;/p&gt;

&lt;p&gt;Представим джуна. Он соотнёс все параметры и готов получать 40 000 ₽ в месяц.&lt;/p&gt;

&lt;p&gt;Его рабочий день стоит 2000 ₽, час — 250 ₽.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/D6r2kQf_9RknHomZpPqt4zPz-yDOGRcLrGxvfHAL27E/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy93ZjQ3/bGxsdnJ3eGl2ZGgw/dmhiZC5qcGc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/D6r2kQf_9RknHomZpPqt4zPz-yDOGRcLrGxvfHAL27E/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy93ZjQ3/bGxsdnJ3eGl2ZGgw/dmhiZC5qcGc" alt="Image description" width="880" height="496"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Простая арифметика. Отталкиваясь от этих несложных вычислений, можно назначать на каждый тип работ мягкий и жёсткий дедлайн. Раз это минимум джун, значит, примерно понимает сколько времени потребуется на конкретный тип задачи.&lt;/p&gt;

&lt;p&gt;Дизайн макета простой веб-страницы с адаптивом займёт 16 часов. Умножаем сразу на полтора и на два, закладывая правки и тупняки как заказчика, так и свои собственные. Так мы получили мягкий дедлайн в 24 часа и жёсткий в 32. В итоге дизайн простой страницы сайта 32 часа, ровно 8000 ₽.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/PWLqxlvpnS_nocKnjjYnMKzVLzZ94sXuMrRttctBHMM/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy90OHJn/cXF5bXNkZzJiaWo0/bnlqMS5qcGc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/PWLqxlvpnS_nocKnjjYnMKzVLzZ94sXuMrRttctBHMM/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy90OHJn/cXF5bXNkZzJiaWo0/bnlqMS5qcGc" alt="Image description" width="880" height="496"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Клиент может развернуться по трём причинам. Его не устроила цена, не устроили сроки, не устроил скилл или всё сразу. В этой ситуации обычно не стоит паниковать. Но если ситуации повторяется несколько раз — стоит пересмотреть свои расчёты и оценку.&lt;/p&gt;




&lt;p&gt;Вообще ценник — отличный фильтр от сволочей. Но просто большая цена без обоснования отпугнёт и нормальных заказчиков тоже. Важно уметь отвечать за стоимость своей работы. Нужна прозрачная ценовая политика:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Фиксу подкрепите временными затратами.&lt;/strong&gt; «Создание Айдентики — 25 000 ₽ на 10 рабочих дней или 80 часов». Клиент сразу понимает, сколько стоит ваше время.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Определите минимальную стоимость заказа.&lt;/strong&gt; «Я не беру заказы ниже 1500₽, срок — 4 часа». Даже задачу на 5 минут рассчитать по минималке. Это не жадность, а уважение к своему рабочему распорядку.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Учитывайте горящие сроки.&lt;/strong&gt; Это может быть процент сжатия сроков или дополнительные рабочие часы: «Требуемые сроки меньше в два раза — ценник увеличивается на 50%».&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Всё это должно быть наглядно заказчику. Хорошо взбитый ценник помогает отделить бессмысленных нищебродов от зрелых клиентов.&lt;/p&gt;

&lt;p&gt;Повторюсь, это те выводы, которые я сделал за время работы на себя. Если вам есть, чем дополнить меня, с чем поспорить и что опровергнуть — напишите в комментариях, с удовольствием обсудим!&lt;/p&gt;




&lt;p&gt;Я на связи:&lt;br&gt;
&lt;a href="https://t.me/shababla"&gt;Телеграм-канал&lt;/a&gt;&lt;br&gt;
&lt;a href="https://t.me/shabablabot"&gt;Личка&lt;/a&gt;&lt;/p&gt;

</description>
      <category>lifehacks</category>
      <category>career</category>
    </item>
    <item>
      <title>Бейбисайз-инструменты</title>
      <dc:creator>Сеня Шабанов</dc:creator>
      <pubDate>Thu, 31 Mar 2022 06:47:37 +0000</pubDate>
      <link>https://ux.pub/shaba/bieibisaiz-instrumienty-525i</link>
      <guid>https://ux.pub/shaba/bieibisaiz-instrumienty-525i</guid>
      <description>&lt;p&gt;Предыстория. В пять лет отец подарил мне детский набор плотника: ножовку, молоточек, стамеску и даже маленький рубанок. В отличии от современных пластиковых имитаций, это был набор настоящих инструментов, просто детского размера.&lt;/p&gt;

&lt;p&gt;Когда мы гостили у бабули-дедули в деревне, папа колол дрова, а мне поручил пилить ветки на хворост детской ножовкой из набора. Но хватило меня всего минут на десять. Я успел выполнить крохотную часть всего объёма. После отец за тоже самое время закончил за мной все остальное топором.&lt;/p&gt;

&lt;p&gt;Так папа обучал меня рабочему процессу, предоставив мне простую задачу и равномасштабный инструмент для её выполнения — детскую пилу. Прекрасный пример воспитания, который следует брать на вооружение тимлидам и арт-директорам при работе с младшим персоналом.&lt;/p&gt;

&lt;p&gt;А именно:&lt;/p&gt;




&lt;h3&gt;
  
  
  Масштабировать не только задачу под скиллы молодого специалиста, но и инструменты для работы с ней.
&lt;/h3&gt;




&lt;h1&gt;
  
  
  Принеси-подай
&lt;/h1&gt;

&lt;p&gt;Многие команды нанимают недорослей без опыта работы. В теории, это позволяет:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;вырастить нужного специалиста под свои задачи;&lt;/li&gt;
&lt;li&gt;джуну быстрее и эффективнее учиться на реальных проектах;&lt;/li&gt;
&lt;li&gt;старичкам фокусироваться на более сложных задачах, делегируя остальное. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Но на практике метод часто проседает. &lt;/p&gt;

&lt;p&gt;Новичков обычно внедряют в рабочий процесс только простыми задачами. Правда простыми в понимании опытных коллег, а не джунов. Новенькому часто не хватает контекста — как и какими методами выполнять поручение. Прослыть дурачком он боится и лишний раз не обращается к дедам за советом. Протупив над задачей, стажёр приносит невнятный результат, который в последствии по кругу отправляться на переделку либо обратно к джуну, либо к коллегами постарше. &lt;/p&gt;

&lt;p&gt;Время потрачено впустую. Стажёр полученный урок будет переварить долго и неэффективно, а у старичков проседают другие важные вопросы. Подобные события я наблюдаю до сих пор.&lt;/p&gt;

&lt;p&gt;Причина такой оплошности чаще всего в том, что лид не предоставил джуну понятный равномасштабный инструментарий для выполнения простой задачи. &lt;/p&gt;

&lt;p&gt;Представим, если бы мой отец поступил бы точно так же. Поручил отпиливать ветки обычными «взрослыми» орудиями труда. Это значительно замедлило бы не только мою работу, но и обучение. Габаритные и тяжёлые инструменты были бы неудобны. Из-за них я бы уставал быстрее и значительно чаще получал мелкие травмы. Такие же мелкие травмы получают и джуниоры, а сеньоры-бати потом всё переделывают. &lt;/p&gt;




&lt;h1&gt;
  
  
  Бейбисайз наборы
&lt;/h1&gt;

&lt;p&gt;Опытный дизайнер использует множество правил, инструментов, принципов и алгоритмов при разработки дизайна, которые он осознал и наработал за годы практики. У джуна нет этих лет практики. Поэтому ему приходится пользоваться готовыми принципами, ещё не осознав их. Чтобы уменьшить количество промахов и ускорить обучение молодняка, этот инструментарий необходимо масштабировать.&lt;/p&gt;

&lt;p&gt;В последствии, это правильно ограничивает недоросля, направляет и делает его рабочий процесс понятным. Позже научившись пользоваться этими Бейбисайзом молодняк начнёт разбирать и понимать их принцип. По этим принципам начнут строить уже свои инструменты и профессионально взрослеть. &lt;/p&gt;

&lt;p&gt;Примеры задач и Бейбисайз-инструментов:&lt;/p&gt;




&lt;h3&gt;
  
  
  Сверстать лонгрид, статью, презентацию
&lt;/h3&gt;

&lt;h6&gt;
  
  
  В помощь: Типометрия и система отступов
&lt;/h6&gt;

&lt;p&gt;Все видели классическую типометрию: 8, 10, 12, 14, 18, 24, 30, 36, 48 и 72. Джун прочитал Мюллера-Брокмана, узнал историю печатных станков и размеров кеглей, но это не дало ему понимания как с этим набором совладать. Многие молодые дизайнеры бессистемно назначают шрифтовые размеры.&lt;/p&gt;

&lt;p&gt;Аналогично и с отступами. Джуну рассказывали в детском саду про правило близости, внешнее-внутреннее. Но как отступы масштабировать; что брать за единицу отступа; межстрочный интервал? А ведь ещё есть и пространственная система отступов, там иной принцип. Что выбрать? &lt;/p&gt;

&lt;p&gt;Дайте ему типометрию, основанную не на числовых размерах, а на текстовых компонентах: титул, заголовок, подзаголовок, параграф, сноска, подстрочник. Задайте принцип создания типометрии, например с помощью геометрической прогрессии. В качестве множителя используйте коэффициент золотого сечения (пусть порадуется). Этот же принцип используйте для отступов, взяв за единицу межстрочный интервал.&lt;/p&gt;

&lt;p&gt;И отправляйте верстать. Дальше учите создавать такие инструменты самостоятельно. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Если вы хотите узнать методе систематизации типометрии и отступов, пишите в комменты, сделаю репаблишь здесь.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/N3dvMWVyK-huu8eiSBBJd2d-hUDGuVR_yfJK9vbiTFo/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9nd2dy/empwZHZ1M2EydHAw/eG5pOC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/N3dvMWVyK-huu8eiSBBJd2d-hUDGuVR_yfJK9vbiTFo/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9nd2dy/empwZHZ1M2EydHAw/eG5pOC5wbmc" alt="" width="357" height="289"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Пример: ранее для своих я создал калькулятор в гугл-таблицах. В фигме уже есть более удобный плагин.&lt;/em&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Собрать баннер, промо-имедж, пост
&lt;/h3&gt;

&lt;h6&gt;
  
  
  В помощь: Скелетная композиция
&lt;/h6&gt;

&lt;p&gt;Не все баннеры, посты и промо можно описать гайдом или шаблонизировать. Но когда нет какого-то ориентира, работа джуна рассыпается. А референсы старых макетов сильно ограничивают.&lt;/p&gt;

&lt;p&gt;На основе уже существующих макетов просто соберите 3-4 вида простой скелетной композиции. Это гораздо проще, чем писать строгий гайд, описывая шрифтовые параметры, поля, отступы и т. д. &lt;/p&gt;

&lt;p&gt;Такой инструмент не стесняет жёсткими рамками в отличии от гайда и референса, а является просто вспомогательным. На основе этой композиции стажёр получит право ограничивать объёмы контента в ТЗ. Этому тоже важно учиться.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/CMJDFuqoxssaBeNoc7aWAyQutPu319iDoquqzjHG7SU/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy83aXBz/MG4yczR2bHliamdt/MjB5NS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/CMJDFuqoxssaBeNoc7aWAyQutPu319iDoquqzjHG7SU/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy83aXBz/MG4yczR2bHliamdt/MjB5NS5wbmc" alt="Image description" width="880" height="623"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Пример скелетной композиции: расположение текста, логотипа. Зонирование в форматах.&lt;/em&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Макетировать простой лендинг
&lt;/h3&gt;

&lt;h6&gt;
  
  
  В помощь: Модульная система
&lt;/h6&gt;

&lt;p&gt;Нет смысла грузить модульной из 12 колонок, 3-4 будет достаточно. Тем более если нужно собрать типовой лендинг с простой структурой контента. Усложняется задача, усложняйте сетку до 6, потом до 8 и 12.&lt;/p&gt;

&lt;p&gt;Не забываем, что здесь применим так же Бейбисайз по типометрии и отступам.&lt;/p&gt;




&lt;h3&gt;
  
  
  Анимировать лого-заставку, видео-инструкцию
&lt;/h3&gt;

&lt;h6&gt;
  
  
  В помощь: Стейджинг, Тайминг, Изинг
&lt;/h6&gt;

&lt;p&gt;Для сохранения нужного темпа видео лучше указать правила композиции заранее. Прописать стейджинг и приоритет информации в ТЗ. Тайминги переходной анимации для элементов и композиции. Графики изингов для более естественного движения. &lt;/p&gt;

&lt;p&gt;Например:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Стейджинг 3 секунды; или Стейджинг — на основе начитки;&lt;/li&gt;
&lt;li&gt;Приоритет 1-го стейджа: Логотип, заголовок, дата, дескрпишн;&lt;/li&gt;
&lt;li&gt;Приоритет 2-го стейджа: слоган, партнерка, элемент айдентики;&lt;/li&gt;
&lt;li&gt;Тайминги переходной анимации: Входящие в сцену — 2 секунды;&lt;/li&gt;
&lt;li&gt;Тайминги переходной анимации: В рамках сцены — 2 секунды;&lt;/li&gt;
&lt;li&gt;Тайминги переходной анимации: Выходящие из сцены — 1,5 секунд;&lt;/li&gt;
&lt;li&gt;Изинг: Входящие в сцену — easeOutQuint;&lt;/li&gt;
&lt;li&gt;Изинг: Выходящие из сцены — easeInOutCubic;&lt;/li&gt;
&lt;li&gt;Изинг: В рамках сцены — easeInOutQuart.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Все эти параметры легко погуглить, если возникнут вопросы.&lt;br&gt;
&lt;a href="https://ux.pub/images/gKJAE85GQdY8O5x3TuhuFmetmNw-Udo8oOjI6KiRg6A/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9scmh0/bXcxZHZyeDZ1ZXdn/Zmx3MC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/gKJAE85GQdY8O5x3TuhuFmetmNw-Udo8oOjI6KiRg6A/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9scmh0/bXcxZHZyeDZ1ZXdn/Zmx3MC5wbmc" alt="Image description" width="880" height="549"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Изинги&lt;/em&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  Самостоятельность
&lt;/h1&gt;

&lt;p&gt;С готовым инструментом, мы не ограничиваем молодых специалистов в самостоятельном развитии. Всё наоборот, мы оставляем их наедине разбираться с задачей. Такие ограничение направлены не на результат макетирования, а помочь с ориентироваться, быстрее влиться в работу и начать развиваться.&lt;/p&gt;

&lt;p&gt;Здесь джуниоры проявляют больше уверенности и самостоятельности. Не нужно давать лишние комментарии по ТЗ и грузить дополнительным контекстом. Инструмент и метод даст гораздо больше информации по задаче, чем долгая лекция до и после макетирования. Каждая последующая правка не потребует долгих занудных объяснений. Мы сразу с пелёнок учим правильно систематизировать дизайн.&lt;/p&gt;

&lt;p&gt;Мой &lt;a href="https://t.me/shababla"&gt;телеграм-канал&lt;/a&gt;, где я публикую посты каждый день.&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>career</category>
      <category>discuss</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Бесячие «висячие»</title>
      <dc:creator>Сеня Шабанов</dc:creator>
      <pubDate>Tue, 29 Mar 2022 08:00:12 +0000</pubDate>
      <link>https://ux.pub/shaba/biesiachiie--49o5</link>
      <guid>https://ux.pub/shaba/biesiachiie--49o5</guid>
      <description>&lt;p&gt;Это должен был быть короткий пост, но тут такая увлекательная история споров и дискуссий, что захотелось рассказать об этом по подробнее и подвести к конкретному итогу.&lt;/p&gt;

&lt;p&gt;О чем речь. В профессиональном сообществе дизайнеров и верстальщиков вдруг разгорелись нешуточные холивары по поводу «висячих» предлогов, союзов  и частиц. Весь спор можно уложить в два вопроса:&lt;/p&gt;




&lt;h3&gt;
  
  
  А действительно ли нужно переносить висячие предлоги, союзы и частицы, и откуда вообще растут ноги у этого правила?
&lt;/h3&gt;




&lt;p&gt;Адепты правила аргументируют его использование улучшенной смысловой читаемостью текста и универсальностью такого подхода, противники же заявляют что аргументы ничем не подкреплены и вообще эту фигню придумал &lt;a href="https://ru.wikipedia.org/wiki/%D0%9B%D0%B5%D0%B1%D0%B5%D0%B4%D0%B5%D0%B2,_%D0%90%D1%80%D1%82%D0%B5%D0%BC%D0%B8%D0%B9_%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B5%D0%B2%D0%B8%D1%87"&gt;Тёма&lt;/a&gt;, а ему, как вы знаете, профессионального доверия у молодых дизайнеров нет.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/CP7OCatT5vl0xnCDxvBf0eGleB9kdFiMjbNEztuX2zg/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9kamY5/Mmt0bjBoMDBoODJv/dDFkdi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/CP7OCatT5vl0xnCDxvBf0eGleB9kdFiMjbNEztuX2zg/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9kamY5/Mmt0bjBoMDBoODJv/dDFkdi5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Сейчас я расскажу, как на самом деле обстоят дела.&lt;/p&gt;




&lt;h1&gt;
  
  
  История висячих
&lt;/h1&gt;

&lt;p&gt;Открыв любую, хоть старую, хоть современную книгу, мы увидим возмутительное несоблюдение данного правила. Некоторые строки заканчиваются на висячих.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/u841Dl5wmvcNUOAdz8geqyxGGfx7IIAx_Jt1ZvHmkJw/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9waTRk/d3o3a3pxejluZHk5/ZjZwei5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/u841Dl5wmvcNUOAdz8geqyxGGfx7IIAx_Jt1ZvHmkJw/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9waTRk/d3o3a3pxejluZHk5/ZjZwei5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;В типографской верстке такого правила и правда не существовало. Верстальщики и редакторы в первую очередь ориентировались на грамотное заполнение всего пространства текстового модуля во всю его ширину, используя переносы слов и адаптивную длину пробелов между словами.&lt;/p&gt;

&lt;p&gt;Зачем? Банально в целях экономии. Производство книгопечатной продукции до сих пор считается недешевым.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/EeTxIeqECD5z9Ffp1mWdKO_Qn6gDvZET47UENQ74U_Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81bWMy/d3V3dTNycDc3eGJ0/Y3FhMi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/EeTxIeqECD5z9Ffp1mWdKO_Qn6gDvZET47UENQ74U_Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81bWMy/d3V3dTNycDc3eGJ0/Y3FhMi5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;К тому же такой формат читается построчно, читатель переходит с одной строки на другую непрерывно. На фоне дробления слов на разные строки самой проблемы висячих предлогов, союзов и частиц попросту нет.&lt;/p&gt;

&lt;p&gt;Даже чисто визуально висячие в таком модуле не являются «висячими». Они такой же кирпичик в цельной стене текстового блока, у которого обе стороны, как левая, так и правая, имеют визуальную направляющую линию.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/wvmoUJqEvoTRcIAIImqCVPS6Mqmv38637OQynMyRLto/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9rMXBy/bWozNjMxeWZxeGh0/bnYydi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/wvmoUJqEvoTRcIAIImqCVPS6Mqmv38637OQynMyRLto/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9rMXBy/bWozNjMxeWZxeGh0/bnYydi5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/PClYv2gJ3vzTth-daRHj3WRSDslS03v7WGlr54J3REg/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy95dDBx/ZXc5MnRjNG96NDg1/ajFoNS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/PClYv2gJ3vzTth-daRHj3WRSDslS03v7WGlr54J3REg/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy95dDBx/ZXc5MnRjNG96NDg1/ajFoNS5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h4&gt;
  
  
  Наступила эпоха компьютеризации и веба…
&lt;/h4&gt;

&lt;p&gt;…пропали физические ограничения текстового контента, которые были у книг, журналов и газет. Не нужно больше экономить на бумаге, а с кнопкой PageDown или колесиком мыши можно удобно скроллить бесконечный текстовый модуль.&lt;/p&gt;

&lt;p&gt;Вследствие отсутствия таких ограничений первое, от чего избавились теперь уже html-верстальщики и веб-дизайнеры, — это переносы.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/jFOsETSV21DDPoBVfYSYQNE1wx8U8vlqb1VnlNQZ_HE/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy93em1l/M2d2ZHN1dmdnYXQ5/dzUwdy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/jFOsETSV21DDPoBVfYSYQNE1wx8U8vlqb1VnlNQZ_HE/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy93em1l/M2d2ZHN1dmdnYXQ5/dzUwdy5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Текст стал восприниматься значительно проще, слова перестали дробиться в отдельные строки, ритм букв и пробелов стал единым по всему полотну, а пространство — более сбалансированным.&lt;/p&gt;

&lt;p&gt;Да и самим специалистам теперь не нужно подстраиваться под всю ширину модуля. То есть стало проще жить и специалистам, и пользователям.&lt;/p&gt;

&lt;p&gt;Поменялось даже восприятие текстовой информации: люди перестали читать текст построчно, как в книге, теперь они его просматривают целыми блоками.&lt;/p&gt;

&lt;p&gt;Технически такое решение привело к тому, что строки теперь имеют разные длины, так как слово, которое не вписалось в ширину модуля, просто перенесётся на следующую строку, оставляя после себя свободное пространство.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/9I5_uqNPBqMJIUdlMEp65Ir6dYCirrPyXE2Jqpm1yvs/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9sMDRj/eGticXExaGdzaTIw/OTh6bi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/9I5_uqNPBqMJIUdlMEp65Ir6dYCirrPyXE2Jqpm1yvs/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9sMDRj/eGticXExaGdzaTIw/OTh6bi5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Теперь правая направляющая линия текста размылась, в отличие от левой.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/OHAY7MAwcZ0AE_sILYvG_o5N9cDHZAb5M7ShUxCNE6k/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9vc3F5/MHc5MXQ1emk5azE4/aGNtai5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/OHAY7MAwcZ0AE_sILYvG_o5N9cDHZAb5M7ShUxCNE6k/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9vc3F5/MHc5MXQ1emk5azE4/aGNtai5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Если в такой ситуации строка заканчивается коротким словом в одну-две буквы, оно выпадет из конструкции. Визуально будет выглядеть неопрятно.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/WwwbDSq_tSwI2EpF6KOB8jLzzYm9vmQqhx-8XH6zedw/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9za2gz/cTFlZWpjcTE0cnVl/cmV5bS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/WwwbDSq_tSwI2EpF6KOB8jLzzYm9vmQqhx-8XH6zedw/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9za2gz/cTFlZWpjcTE0cnVl/cmV5bS5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Более того, если слово является предлогом, союзом или частицей, то помимо визуальной неаккуратности будет нарушаться и смысловая связь тоже, так как данные части речи имеют синтаксическую зависимость от слов и частей предложения, следующих за ними.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/6xmUcbFWXTC2wjDHjyJEFcI93SAPWRx79x19cqz3MGs/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy92MGMz/aWEzMXYzcDFoanM1/Ym1qaC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/6xmUcbFWXTC2wjDHjyJEFcI93SAPWRx79x19cqz3MGs/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy92MGMz/aWEzMXYzcDFoanM1/Ym1qaC5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Вот отсюда и начинает путь правило висячих: &lt;/p&gt;

&lt;h3&gt;
  
  
  переносить предлоги, союзы и частицы, стоящие в конце строки, на следующую строку.
&lt;/h3&gt;




&lt;p&gt;Автор этого правила — советский книговед и редактор Аркадий Мильчин. А не Артемий Лебедев. &lt;del&gt;Правда ведь, Андрюша?&lt;/del&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/nPJXGHqep9G7UoK1lpfEoWl3eZ5rLVvVf0tioELvV7Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy82Ympr/ZG5ueWk4dGVtbWdk/NGgydy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/nPJXGHqep9G7UoK1lpfEoWl3eZ5rLVvVf0tioELvV7Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy82Ympr/ZG5ueWk4dGVtbWdk/NGgydy5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  Реальность висячих
&lt;/h1&gt;

&lt;p&gt;А реальность заключается в том, что правило является рекомендательным. Об этом говорили как сами авторы, так и Артемий Лебедев, от которого многие про это правило и узнали.&lt;/p&gt;

&lt;p&gt;Смысловое деление, благодаря этому правилу, улучшает читаемость большого текста. И чем больше его объем, тем это заметнее.&lt;/p&gt;

&lt;p&gt;Да даже на небольших блоках, когда роль смысловой читаемости не так заметна, у текста как минимум имеется визуальная целостность и аккуратность, что тоже немаловажно. А значит, применять в текстовых блоках его точно стоит.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Шах и мат, противники висячих!&lt;/strong&gt;&lt;/p&gt;




&lt;p&gt;Правда, и адепты тут тоже лукавят… С короткими тезисами и заголовками.&lt;/p&gt;

&lt;p&gt;Проблема адептов в том, что они применяют правило бездумно и везде, не замечая ситуации, когда этого делать не нужно.&lt;/p&gt;

&lt;p&gt;Грамотные заголовки и тезисы ограничены в объёме и редко занимают больше двух строк. Особенно беда — с титульными названиями, поскольку часто это совсем короткие словосочетания из 2 — 4 слов, написанные очень крупным шрифтом. То есть строки в заголовках и тезисах могут состоять из 4, 3, 2 и даже  1 слова. А значит, длины строк могут отличаться чуть ли не в 3 — 4 раза.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/7kKXzN47TL4gP0aX3lZNZKGh7V5nBTC2-FAX3sLEZYY/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9zaGNx/anc2MmtrNjNqNnZh/M3QyaC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/7kKXzN47TL4gP0aX3lZNZKGh7V5nBTC2-FAX3sLEZYY/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9zaGNx/anc2MmtrNjNqNnZh/M3QyaC5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Такие заголовочные блоки часто рискуют потерять композиционный баланс. И порой наличие короткого слова в конце строки может уравновесить блок.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/83mfcfuIJF0DxEZlZ2SeSNwB17P9lo4xzn3fQPnlooQ/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9ibnMz/ZG5hMTNqbzd1ZHNj/NmQxNS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/83mfcfuIJF0DxEZlZ2SeSNwB17P9lo4xzn3fQPnlooQ/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9ibnMz/ZG5hMTNqbzd1ZHNj/NmQxNS5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Здесь правило соблюдено, но заголовок выглядит рыхло и неустойчиво. Слово «Россия» сильно выпадает из общей конструкции и само повисло.&lt;/p&gt;

&lt;p&gt;Нарушим правило: закончив вторую строку предлогом «в», мы уравновесим конструкцию заголовочного блока, при этом смысловая читаемость не пострадает.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/_3z4D2U8rNcQOSv8_CO0zfMbI8c9rTj9IEfkcb6mRQM/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy80OGZz/NW9xeWp1d3djMmJi/OGE1bi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/_3z4D2U8rNcQOSv8_CO0zfMbI8c9rTj9IEfkcb6mRQM/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy80OGZz/NW9xeWp1d3djMmJi/OGE1bi5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Вот ситуации, когда смысловая читаемость, наоборот, сломалась.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/tOwnfB58PY_2pDJji0ZiDCirhF2a3o0vjfyeVY1Sd98/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy90eTI4/dW45Z203ZDF2aml4/aDdjMS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/tOwnfB58PY_2pDJji0ZiDCirhF2a3o0vjfyeVY1Sd98/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy90eTI4/dW45Z203ZDF2aml4/aDdjMS5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Композиционно блок уравновешен, но при беглом прочтении теряется предлог «для», что в корне меняет смысл прочитанного.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/SXGlOoG614nM0pPglBWKmUMHkayt4mCeavWOe7NMcg8/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy80enZ5/cXdvZnJwZTRiY2Zk/OWF1dS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/SXGlOoG614nM0pPglBWKmUMHkayt4mCeavWOe7NMcg8/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy80enZ5/cXdvZnJwZTRiY2Zk/OWF1dS5wbmc" alt="Image description" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Адепты позабыли ещё про центральную и правую выключку
&lt;/h3&gt;

&lt;p&gt;Выравнивая текст от центра или справа, мы меняем направляющую линию текста, в итоге значительно чаще столкнёмся с висячими, перенесёнными согласно правилу.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/5RZiVl8SbVhvHMjJRfh5681YN-DewucbrRf9VXFMr9A/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9lbmQ3/ZzQ0aWlyaXdqemNy/b212OC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/5RZiVl8SbVhvHMjJRfh5681YN-DewucbrRf9VXFMr9A/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9lbmQ3/ZzQ0aWlyaXdqemNy/b212OC5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Значит, правило тоже должно адаптироваться под ориентацию текста.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/Jr_DTcFYuT95DdAiKBjWIz_el9LzEZUggBCBp6_Sq5Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9ybjh6/NjRuZWFuMnBlaW04/amxpOC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/Jr_DTcFYuT95DdAiKBjWIz_el9LzEZUggBCBp6_Sq5Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9ybjh6/NjRuZWFuMnBlaW04/amxpOC5wbmc" alt="Image description" width="880" height="208"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Аналогично и с центральной выключкой.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/75Nd8rnZEIT2_ZlELBLZgsS_frFlmm-SQGG6qO04A3Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81OWJk/NXczOG1rZHF0ZWJr/ODNkOS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/75Nd8rnZEIT2_ZlELBLZgsS_frFlmm-SQGG6qO04A3Y/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81OWJk/NXczOG1rZHF0ZWJr/ODNkOS5wbmc" alt="a" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/eiYhckRkdSYk-S_8Sv-dn4ExUOoIoeWUkqjH0-3lDUE/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9jc2Fj/N3VqaW1laWhqMXh6/bHdpby5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/eiYhckRkdSYk-S_8Sv-dn4ExUOoIoeWUkqjH0-3lDUE/w:880/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9jc2Fj/N3VqaW1laWhqMXh6/bHdpby5wbmc" alt="b" width="880" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;a&lt;/em&gt; — Рыхло; &lt;em&gt;b&lt;/em&gt; — Устойчиво;&lt;/p&gt;




&lt;h1&gt;
  
  
  Итог висячих
&lt;/h1&gt;

&lt;p&gt;Правило призвано обратить внимание на смысловую и визуальную конструкцию текста, дать возможность корректно переносить слова, сохраняя смысл и целостность, а также усиливая вовлечение. &lt;/p&gt;

&lt;p&gt;Подведём конкретный итог.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Да, в текстовых блоках переносить висячие действительно нужно&lt;/strong&gt;&lt;br&gt;
Кроме тех частиц, что имеют связь с предыдущими словами, например «бы».&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;В заголовках и коротких тезисах можно оставлять, только если это улучшает визуальную конструкцию и не рушит смысловую читаемость&lt;/strong&gt;&lt;br&gt;
А самое главное, не меняет смысл прочитанного.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Выключка также влияет на поведение висячих, и это стоит учесть&lt;/strong&gt;&lt;br&gt;
Направляющая меняет свою ориентацию — правило меняет свою ориентацию.&lt;/p&gt;




&lt;p&gt;Три простых пункта правила, про которые не стоит забывать. И ещё одно крайне полезное правило — Не вестись на псевдо профессиональные статьи.&lt;/p&gt;

&lt;p&gt;Мой &lt;a href="https://t.me/shababla"&gt;телеграм-канал&lt;/a&gt;&lt;/p&gt;

</description>
      <category>typography</category>
    </item>
  </channel>
</rss>
