Max HartMax Harthttps://teletype.in/atom/max_hart2026-04-05T16:05:50.114Zmax_hart:JhXnIACVaq4Мы ленимся и прокрастинируем - потому что устали.2025-09-23T22:08:44.458Z2025-09-23T22:31:00.278Z<img src="https://img1.teletype.in/files/0e/1b/0e1ba4b4-a432-4342-b5d2-4c19fcf41560.png">За всю историю эволюции человек никогда не работал так активно, и для организма и мозга это невероятно большая нагрузка. Активная работа больше 4 часов в день снижает общую эффективность. Более 6 часов работы ведёт к проблемам - ошибкам и снижению результативности работы. Большинство людей сейчас работают даже больше, по 8-9 часов в день. Это буквально медленно убивает мозг. Мы перестали отдыхать, абсолютно. Соцсети и игры - это не отдых. Они забирают столько же энергии и внимания, что и работа, и не дают восстановиться. Нормальный отдых - это отсутствие высокой мозговой активности. Сон, прогулка на природе, чай у окна, медитация. ЭТО настоящий отдых. И это критически важно. Кто в современных реалиях тратит хотя бы 2–3 часа...
<figure id="3IHw" class="m_column">
<img src="https://img1.teletype.in/files/0e/1b/0e1ba4b4-a432-4342-b5d2-4c19fcf41560.png" width="1081" />
<figcaption>Cлишком много работаем и почти не отдыхаем. </figcaption>
</figure>
<h2 id="7Xe4">Современный человек работает больше, чем способен выдержать его мозг. </h2>
<p id="4qvV">За всю историю эволюции человек никогда не работал так активно, и для организма и мозга это невероятно большая нагрузка. <br /><br />Активная работа больше 4 часов в день снижает общую эффективность. Более 6 часов работы ведёт к проблемам - ошибкам и снижению результативности работы. <br /><br />Большинство людей сейчас работают даже больше, по 8-9 часов в день.<br /><strong>Это буквально медленно убивает моз</strong>г. <br /><br />Мы перестали отдыхать, абсолютно. Соцсети и игры - это не отдых. Они забирают столько же энергии и внимания, что и работа, и не дают восстановиться. <br /><br /><strong>Нормальный отдых - это отсутствие высокой мозговой активности. Сон, прогулка на природе, чай у окна, медитация. ЭТО настоящий отдых. <br />И это критически важно. </strong><br /><br />Кто в современных реалиях тратит хотя бы 2–3 часа в день на отдых (не считая сна)? Да почти никто. А для оптимальной эффективности нужно отдыхать 3–4 часа в день. <br /><br />И это тотально подрывает психику, ментальное здоровье и эффективность работы сотен миллионов людей ежегодно. <br /><strong><br />Отдыхайте. Постройте систему: отдых после работы обязателен. 2 часа работы — 30 минут отдыха. Без телефона, без компа, без книг. Всё просто. </strong><br /><br />Тогда вы перестанете чувствовать бесконечную усталость, и выгорание. <br /><br /><strong><em>Honor et Fortuna</em></strong></p>
max_hart:QiS-QG-HwpCДизайн постов в Twitter: от простого к продвинутому2025-05-23T12:41:52.287Z2025-05-23T12:41:52.287Z<img src="https://img2.teletype.in/files/53/3e/533ec205-1a84-4513-8c8d-a4e3434bed06.jpeg">Twitter — это среда с высокой конкуренцией за внимание. Люди тратят буквально 1–2 секунды, чтобы решить, читать ли твой пост. И цвет здесь — первое, что человек замечает, ещё до шрифта, структуры или смысла. Поэтому правильная работа с палитрой — это не эстетика, это функция
<figure id="hJgU" class="m_column">
<img src="https://img2.teletype.in/files/53/3e/533ec205-1a84-4513-8c8d-a4e3434bed06.jpeg" width="1921" />
</figure>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<h2 id="z85W" data-align="center"><strong> Часть 1 — Цвет</strong></h2>
</section>
<h3 id="D0Oz">Йоу, всем. Это первый выпуск серии "Дизайн постов: от простого к продвинутому". Начинаем с самой важной основы, с которой строится весь визуал — цвета. <br /><br />Если ты хочешь, чтобы твои посты не просто скроллили мимо, а действительно цепляли взгляд, вызывали интерес и запоминались, — ты должен научиться работать с цветом осознанно.<br /></h3>
<p id="xVg4"></p>
<p id="iq4E">Twitter — это среда с высокой конкуренцией за внимание. Люди тратят буквально <em><strong>1–2 секунды</strong></em>, чтобы решить, читать ли твой пост. И цвет здесь — первое, что человек замечает, ещё до шрифта, структуры или смысла. Поэтому правильная работа с палитрой — это не эстетика, это<strong> <em>функция</em></strong></p>
<p id="FDGA">---</p>
<h3 id="av4N">Зачем работать с цветом?<br /></h3>
<p id="PWmv">Цвет — это не просто "для красоты". Цвет — это инструмент:</p>
<figure id="msvS" class="m_column">
<img src="https://img2.teletype.in/files/18/90/18902de2-6c1d-4882-af34-119aef7a65d4.png" width="1921" />
</figure>
<section style="background-color:hsl(hsl(34, 84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<ul id="MuhO">
<li id="ENOP"><strong>Он формирует настроение поста</strong>: холодные цвета вызывают спокойствие, тёплые — возбуждение.</li>
<li id="dsQG"><strong>Передаёт эмоции</strong> и создаёт ощущение бренда, стиля, цели.</li>
<li id="NB8C"><strong>Управляет вниманием </strong>— направляет взгляд пользователя туда, куда тебе нужно.</li>
<li id="zTci"><strong>И повышает узнаваемость</strong> — грамотное цветовое оформление делает посты визуально цельными и запоминающимися.</li>
</ul>
</section>
<p id="TTSJ"></p>
<p id="wuwX">Если ты не контролируешь цвет, ты теряешь одно из главных преимуществ визуального контента.</p>
<p id="oLbt">---</p>
<h2 id="Xr1V">Правило 3/4<br /><br />Используй максимум 4 цвета</h2>
<figure id="zepa" class="m_column">
<img src="https://img2.teletype.in/files/52/aa/52aa8a64-53b2-48da-a646-ed7291e49cdc.png" width="1921" />
</figure>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<ul id="Tycj">
<li id="eyRT"><strong>2 нейтральных </strong>— чёрный и белый (или их аналоги)</li>
<li id="MtqB"><strong>1 основной акцентный</strong> — тот, который будет привлекать внимание</li>
<li id="1Red"><strong>1 дополнительный</strong> — усиливает контраст и помогает акцентному цвету работать эффективнее</li>
</ul>
</section>
<p id="Nl5w"></p>
<p id="Tnfa"> <em><strong>Почему не больше?</strong></em><br />> <em>Потому что слишком много цветов = визуальный шум. Пост становится нечитаемым, внимание пользователя расфокусируется. Визуальная перегрузка отталкивает. Люди просто пролистают, даже не поняв, о чём речь</em>.</p>
<figure id="pOAx" class="m_column">
<img src="https://img3.teletype.in/files/e6/13/e61397b9-10dd-4d4c-ae6c-d2834ac1e000.png" width="1921" />
</figure>
<p id="BRgb">---</p>
<h2 id="KkNM"><strong>Роли цветов<br /></strong></h2>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<p id="sXWp"><em><strong>Чёрный</strong></em></p>
<ul id="18D9">
<li id="r0J4"> Универсальный, нейтральный цвет </li>
<li id="LoE9">Хорошо работает как фон</li>
<li id="LoQQ"> "Держит" композицию, не требует внимания</li>
</ul>
<p id="Cd5z"><em><strong> Белый</strong></em></p>
<ul id="a9Cn">
<li id="jqyw"> Тоже нейтральный, но более заметный</li>
<li id="kPOS">Используется для фонов, текста, рамок, деликатных элементов</li>
<li id="F1KX">Даёт "воздух" в композиции</li>
</ul>
<p id="NioQ"><strong><em>Синий (акцентный)</em></strong></p>
<ul id="ItyR">
<li id="EXuX"> Привлекает внимание</li>
<li id="RhCP"> Используется для заголовков, ключевых слов, CTA (призывов к действию)</li>
<li id="DTqY"> Синий ассоциируется со стабильностью, интеллектом, доверием</li>
</ul>
<p id="mTMN"><strong> Оранжевый (дополнительный)</strong></p>
<ul id="FRix">
<li id="vw8C">Работает в паре с синим по принципу цветового контраста</li>
<li id="t5Im">Помогает акцентам "выстреливать" </li>
<li id="3eKB">Добавляет энергии, динамики, "свежести"</li>
</ul>
</section>
<hr />
<h2 id="4l7f"><br />Цветовая формула 60/30/10<br /></h2>
<p id="beyv">Это правило композиции цвета, которое часто используют в веб-дизайне, инфографике, брендбуках:</p>
<figure id="qljr" class="m_column">
<img src="https://img3.teletype.in/files/e8/80/e880a1ed-34a2-4392-9ee7-b301fbe40ed8.png" width="1921" />
</figure>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<ul id="Zg3M">
<li id="C0Zf"><strong>60% — нейтральный цвет (фон, пространство)</strong></li>
<li id="DG4h"><strong>30% — основной акцент (ключевые элементы)</strong></li>
<li id="rk6T"><strong>10% — дополнительный цвет (поддержка акцента)</strong></li>
</ul>
</section>
<h3 id="u1n9"> Пример:</h3>
<ul id="2tRS">
<li id="aUIg">Чёрный — 60%</li>
<li id="4EeR"> Синий — 30%</li>
<li id="j3wJ"> Оранжевый — 10%</li>
</ul>
<p id="SqPg">Такой баланс делает визуал чистым, читабельным и приятным глазу. Даже если ты не будешь следовать цифрам буквально — логика должна оставаться: **нейтральный фон, акцент и поддержка**.</p>
<p id="oI2Q">---</p>
<h2 id="W5OB"> Как выбирать цвета осознанно?</h2>
<h3 id="wo8b"> Подход 1: Эмоциональный</h3>
<p id="8yPl">Задай себе вопрос: "Какое настроение я хочу передать?"</p>
<section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<ul id="3FRp">
<li id="mb11">Срочно? Энергично? — Красный</li>
<li id="SRdV">Спокойно? Надёжно? — Синий</li>
<li id="PaBr">Инновационно? Креативно? — Фиолетовый</li>
<li id="GWgC">Натурально? Чисто? — Зелёный или белый</li>
</ul>
</section>
<p id="oCX9"></p>
<h3 id="OB9a">Подход 2: Тематический (адаптивный)<br /></h3>
<figure id="zjop" class="m_column">
<img src="https://img3.teletype.in/files/a8/f2/a8f2f720-115e-4a40-b21c-a7fdcc293f04.png" width="1920" />
</figure>
<p id="KfST">Если пост касается конкретного проекта — используй <em>его цветовую палитру</em>. Это даёт два преимущества:</p>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<p id="CRde">1. Пост визуально ассоциируется с проектом = узнаваемость<br />2. Он не выбивается из общей ленты проекта = ощущается "на месте"</p>
</section>
<p id="7Nxv">Но важно: <em>не просто возьми похожий цвет</em>, а <em>скопируй точный цвет (тон, насыщенность, контраст)</em>. Воспользуйся пипеткой в Figma, Photoshop или любом цветоподборщике. Иначе он может визуально конфликтовать с остальной палитрой проекта.</p>
<p id="C0bl">---</p>
<h2 id="kr9f">Частые ошибки при работе с цветом:<br /></h2>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<ul id="l9rf">
<li id="JfBy"><strong>Слишком много акцентных цветов</strong> — в итоге ни один не работает</li>
<li id="ljPt"><strong>Плохой контраст текста и фона</strong> — сложно читать</li>
<li id="iBix"><strong>Слишком яркий фон</strong> — утомляет глаза</li>
<li id="nfBh"><strong>Отсутствие системы</strong> — цвета используются хаотично, без логики</li>
<li id="rPfI"><strong>Неправильная эмоциональная подача цвета</strong> — цвет не соответствует теме поста</li>
</ul>
</section>
<p id="bQaA">---</p>
<h2 id="hvfp"> Полезные инструменты:</h2>
<section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<ul id="v0ek">
<li id="w1gN"> [coolors.co](https://coolors.co) — подбор палитр</li>
<li id="ZlOC">[colorhunt.co](https://colorhunt.co) — готовые цветовые схемы</li>
<li id="peoW">[paletton.com](https://paletton.com) — цветовой круг и теория</li>
<li id="rdtG">[Adobe Color](https://color.adobe.com) — профессиональный инструмент подбора цвета</li>
</ul>
</section>
<p id="nEVW">---</p>
<h2 id="7vNo"> <em><strong>Заключение</strong></em></h2>
<section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<p id="BoP5">Если ты хочешь, чтобы твои посты реально работали, привлекали внимание и вызывали эмоции — начинай с **цвета**. Работай с ним как с инструментом, а не украшением. Используй ограниченную палитру, строй композицию по формуле 60/30/10, и подбирай цвета под задачу и эмоции.</p>
</section>
<p id="IgJB">В следующем гайде — разберём шрифты, иерархию и читаемость.<br />Если тебе зашло — скинь фидбэк или напиши, что бы ты хотел разобрать дальше.</p>
<p id="56Kk">---<br /></p>