<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:tt="http://teletype.in/" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"><title>Елена Михайлова</title><subtitle>Дизайнер инфографики и презентаций</subtitle><author><name>Елена Михайлова</name></author><id>https://teletype.in/atom/lenamihaylova</id><link rel="self" type="application/atom+xml" href="https://teletype.in/atom/lenamihaylova?offset=0"></link><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><link rel="next" type="application/rss+xml" href="https://teletype.in/atom/lenamihaylova?offset=10"></link><link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></link><updated>2026-06-17T03:33:51.556Z</updated><entry><id>lenamihaylova:j7LwBnM7J4L</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/j7LwBnM7J4L?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Посмотрите на слайды «с вертолёта»</title><published>2022-12-22T23:15:17.404Z</published><updated>2022-12-22T23:15:17.404Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img4.teletype.in/files/bd/d4/bdd41aef-1e0e-4de5-80b6-3e631f52d25a.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img2.teletype.in/files/d3/28/d3286424-899c-447e-bdb3-02bc2ed4cb72.png&quot;&gt;Работая над презентацией, мы переключаемся между отдельными слайдами и можем не видеть всю картинку целиком. Некоторые шероховатости становятся заметны только при взгляде на презентацию «сверху». </summary><content type="html">
  &lt;p id=&quot;aEmm&quot;&gt;Работая над презентацией, мы переключаемся между отдельными слайдами и можем не видеть всю картинку целиком. Некоторые шероховатости становятся заметны только при взгляде на презентацию «сверху». &lt;/p&gt;
  &lt;p id=&quot;PONC&quot;&gt;Чтобы вывести на экран все слайды, выберите &lt;strong&gt;«Вид» → «Сортировщик слайдов»&lt;/strong&gt; или нажмите на иконку в правом нижнем углу:&lt;/p&gt;
  &lt;figure id=&quot;bjcY&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/d3/28/d3286424-899c-447e-bdb3-02bc2ed4cb72.png&quot; width=&quot;4540&quot; /&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;BpA1&quot;&gt;Вид «из вертолёта» помогает увидеть, насколько презентация цельная, насколько слайды «дружат» между собой.&lt;/p&gt;
  &lt;/section&gt;
  &lt;h2 id=&quot;m6a1&quot;&gt;Какие недостатки можно заметить, при просмотре презентации целиком&lt;/h2&gt;
  &lt;h3 id=&quot;KVNG&quot;&gt;Нарушен единый стиль оформления&lt;/h3&gt;
  &lt;p id=&quot;upY7&quot;&gt;Где-то на слайдах появился цвет, шрифт или элемент, который выбивается из общего стилистики:&lt;/p&gt;
  &lt;figure id=&quot;hjVU&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/3a/00/3a00c722-1243-49fe-b3cf-90e4c0c06251.png&quot; width=&quot;1966&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;2jXe&quot;&gt;Есть монотонные участки&lt;/h3&gt;
  &lt;p id=&quot;d45I&quot;&gt;4 схемы подряд могут наскучить. Поставим между ними слайды с фото:&lt;/p&gt;
  &lt;figure id=&quot;mpP0&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/da/83/da83a97f-13ca-48f1-a7a0-a9ee5f6e8305.png&quot; width=&quot;1966&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;e1ei&quot;&gt;Историю неудобно рассказывать&lt;/h3&gt;
  &lt;p id=&quot;OTbR&quot;&gt;В примере ниже неудобно начинать рассказ об оргструктурах с описания первого типа оргструктуры — не хватает общей теоретической подводки. Перенесём слайд с теорией в начало:&lt;/p&gt;
  &lt;figure id=&quot;1bwZ&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/5d/bb/5dbb9ecb-d958-4f29-93a7-13c30db57b2c.png&quot; width=&quot;1966&quot; /&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;WJHJ&quot;&gt;Вид «из вертолёта», помогает посмотреть на слайды свежим, незамыленным взглядом и оценить историю целиком 🚁 &lt;/p&gt;
  &lt;/section&gt;

</content></entry><entry><id>lenamihaylova:QNb6IuM5gWG</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/QNb6IuM5gWG?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Уберите лишнее</title><published>2022-12-17T16:47:55.991Z</published><updated>2022-12-17T23:20:16.379Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img1.teletype.in/files/43/c5/43c58094-bfdf-4e32-8d53-8cf92d3cecac.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img4.teletype.in/files/f7/60/f76048ad-4be5-445b-9a5e-9c754febf1e3.png&quot;&gt;Если слайд выглядит сложным и перегруженным, проведите его «аудит» 🧐: какие элементы помогают выразить идею, а что добавлено для красоты или по ошибке?</summary><content type="html">
  &lt;p id=&quot;XYqw&quot;&gt;Если слайд выглядит сложным и перегруженным, проведите его «аудит» 🧐: какие элементы помогают выразить идею, а что добавлено для красоты или по ошибке?&lt;/p&gt;
  &lt;p id=&quot;Ja88&quot;&gt;Обилие заливок, обводок и украшательств делают слайд сложным для восприятия. Сравните два слайда:&lt;/p&gt;
  &lt;figure id=&quot;9bWs&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/f7/60/f76048ad-4be5-445b-9a5e-9c754febf1e3.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Здесь трудно понять, что главное и куда смотреть&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;WEiN&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/14/be/14be1e47-a0cb-4dbf-a426-f6bca0816e99.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Цветом выделено только главное. Глаза и мозг отдыхают&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;hKKf&quot;&gt;Визуальные элементы заставляют думать. Мозг обрабатывает каждую линию, иконку, цвет и строит гипотезы: «Что это значит? Почему это стоит рядом с этим? Они связаны?». Поэтому обилие произвольных элементов утомляет и сбивает с толку.&lt;/p&gt;
  &lt;h2 id=&quot;mZAt&quot;&gt;Один и тот же прием может, как работать на смысл, так и быть украшательством&lt;/h2&gt;
  &lt;p id=&quot;qSUu&quot;&gt;Сравните, как использован градиент в первом и во втором примере:&lt;/p&gt;
  &lt;figure id=&quot;uLsX&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ae/dd/aedd1bd4-32c7-420f-bac7-1c362ad0494c.png&quot; width=&quot;2488&quot; /&gt;
    &lt;figcaption&gt;Здесь градиент не несет смысловой нагрузки&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;uK6Q&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/89/41/8941a5dd-20db-4856-956c-73615daa6c84.png&quot; width=&quot;2488&quot; /&gt;
    &lt;figcaption&gt;А здесь градиент намекает, что работа по двум направлениям продолжится после 2022 года&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;pk19&quot;&gt;Принцип понятности&lt;/h2&gt;
  &lt;p id=&quot;9zW4&quot;&gt;Украшательства — не всегда зло, иногда без них никак. Главное видеть, где они помогают, а где вредят. Я придерживаюсь принципа:&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;6AQ6&quot;&gt;&lt;strong&gt;Чем сложнее содержание, тем проще оформление&lt;/strong&gt;&lt;/p&gt;
  &lt;/section&gt;
  &lt;p id=&quot;NqZg&quot;&gt;Обратите внимание, слайд с сложным содержанием может быть визуально сложным. Но все его графические элементы будут работать на отображение смысла, произвольных элементов будет минимум.&lt;/p&gt;
  &lt;p id=&quot;nAS7&quot;&gt;Графически можно показать так:&lt;/p&gt;
  &lt;figure id=&quot;ccSa&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/09/23/0923d9a3-a2f1-4e7e-bd5c-af56ae0c415f.png&quot; width=&quot;3436&quot; /&gt;
    &lt;figcaption&gt;Кривая соотношения сложности содержания и оформления 🤓&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;LoBr&quot;&gt;Примеры визуального мусора&lt;/h2&gt;
  &lt;h3 id=&quot;Mkh0&quot;&gt;Обилие обводок и разделителей&lt;/h3&gt;
  &lt;figure id=&quot;OMy5&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/a5/45/a545b43c-e95e-4fb5-9dba-36bf63a5fac7.png&quot; width=&quot;2470&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;RU3G&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/8e/cb/8ecba4eb-c4d8-4b4b-ad7a-5672fc8dbe2d.png&quot; width=&quot;2470&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;juNE&quot;&gt;Лишние элементы в таблицах&lt;/h3&gt;
  &lt;p id=&quot;CscM&quot;&gt;Обилие шрифтов, начертаний или цветного текста придает таблице непрофессиональный вид. Но можно использовать эти приемы сознательно и в меру, чтобы помочь читателю разобраться в информации.&lt;/p&gt;
  &lt;p id=&quot;ovtG&quot;&gt;Обычно таблицам не нужны заливки — если цвет использовали «для красоты», он будет только отвлекать от данных. &lt;/p&gt;
  &lt;figure id=&quot;ySfE&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/06/e1/06e1dd4e-12f0-4c7c-818b-21c4a5771a3e.png&quot; width=&quot;2980&quot; /&gt;
    &lt;figcaption&gt;Здесь нет необходимости в заливке. Информация с сайта https://calorizator.ru/product/cereals&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;BaR0&quot;&gt;Но заливкой можно выделить важный по смыслу кусок таблицы:&lt;/p&gt;
  &lt;figure id=&quot;dqPE&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/cb/29/cb29453c-7fe4-4c83-838d-77e627b5f49f.png&quot; width=&quot;2980&quot; /&gt;
    &lt;figcaption&gt;Выделяем цветом главное для читателя&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;kNGg&quot;&gt;Черезполосицу можно использовать в больших таблицах, чтобы помочь глазу не терять стоку:&lt;/p&gt;
  &lt;figure id=&quot;4z4o&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/c9/5f/c95f443b-69bc-4dd6-9a64-5607a530c6a5.png&quot; width=&quot;2946&quot; /&gt;
    &lt;figcaption&gt;Здесь цвет помогает сориентироваться в данных&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;4fvU&quot;&gt;Нередко данные заточают в клетку из линеек, которая забирает внимание на себя. Хотим смотреть на цифры, а видим разделители. &lt;/p&gt;
  &lt;figure id=&quot;uhO5&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/f7/3f/f73fe017-1a99-4928-84dc-215a66c73ea8.png&quot; width=&quot;2818&quot; /&gt;
    &lt;figcaption&gt;Клетка перетягивает внимание на себя &lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;O5dN&quot;&gt;Обычно достаточно одной горизонтальной линии для отделения шапки таблицы:&lt;/p&gt;
  &lt;figure id=&quot;fJcX&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/c7/e6/c7e62bc3-1433-4aff-a917-9de132a765cf.png&quot; width=&quot;2980&quot; /&gt;
    &lt;figcaption&gt;Здесь всё внимание на цифры&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;qAID&quot;&gt;В более сложном варианте: &lt;/p&gt;
  &lt;figure id=&quot;ZnhF&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/3d/46/3d46c8ff-2d4c-462f-91e0-af01f8a0fc04.png&quot; width=&quot;3300&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;F25Y&quot;&gt;«Но тогда потеряется структура таблицы и цифры повиснут в воздухе!» — может кто-то возразить. Эта проблема решается выравниванием. Выравнивание имитирует «решетку», помогая глазу видеть, что с чем соотносится: &lt;/p&gt;
  &lt;figure id=&quot;6JJn&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/d8/d2/d8d2012c-d0e7-4690-ba21-44da00157885.png&quot; width=&quot;2980&quot; /&gt;
    &lt;figcaption&gt;Выравнивание показывает связь данных не хуже решеток&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;37BZ&quot;&gt;&lt;strong&gt;Выравнивание в таблицах:&lt;/strong&gt; по умолчанию данные выравнивают по левому краю. Цифры выравнивают по правому краю (а именно по запятой), если подразумевается их сравнение (цены, прибыль, расходы, вес и др). В остальных случаях цифры выравнивают по левому краю (индексы, телефонные номера).&lt;/p&gt;
  &lt;/section&gt;
  &lt;p id=&quot;73Nm&quot;&gt;Если таблица «разваливается» без линеек, можно &lt;s&gt;пока дизайнер не видит &lt;/s&gt;добавить внутренние тонкие горизонтальные линии:&lt;/p&gt;
  &lt;figure id=&quot;CPN7&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e0/07/e007b081-aa7b-4ff6-b56d-e8e0e2b0155a.png&quot; width=&quot;3555&quot; /&gt;
    &lt;figcaption&gt;Минимализм — не самоцель&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;JQ8P&quot;&gt;Не добавляйте в таблицу элементы оформления (заливки, линии, начертания, цвет) произвольно. Задавайте вопросы: «Как этот элемент помогает читать таблицу? Можно ли убрать его без ущерба для смысла и читабельности?»&lt;/p&gt;
  &lt;/section&gt;
  &lt;p id=&quot;dkpc&quot;&gt;В этом видео показывают, как «почистить» таблицу: &lt;a href=&quot;http://static1.squarespace.com/static/56713bf4dc5cb41142f28d1f/t/56fd4c83746fb9261146eed5/1459440776291/ClearOffTheTableMd.gif&quot; target=&quot;_blank&quot;&gt;http://static1.squarespace.com/static/56713bf4dc5cb41142f28d1f/t/56fd4c83746fb9261146eed5/1459440776291/ClearOffTheTableMd.gif&lt;/a&gt;&lt;/p&gt;
  &lt;h3 id=&quot;yNMm&quot;&gt;Произвольные цвета&lt;/h3&gt;
  &lt;p id=&quot;lqUv&quot;&gt;Иногда отдельные элементы раскрашивают в произвольные цвета «чтобы было повеселее». Но раскраска, которая ничего не обозначает производит несерьезное впечатление и сбивает с толку:&lt;/p&gt;
  &lt;figure id=&quot;M0BV&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/51/68/516888d5-85d4-4812-a46f-211f0e8cd5ad.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Шесть этапов проекта раскрашены в произвольные цвета.&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;XMpQ&quot;&gt;В деловых презентациях лучше не использовать цвет без необходимости, особенно если речь идет об элементах одной группы.&lt;/p&gt;
  &lt;figure id=&quot;usvL&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ae/b3/aeb32126-89f1-4d16-91e9-4f9f337d646f.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Здесь использование одного цвета обосновано&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;Vlv0&quot;&gt;Можно цветом выделить отдельные элементы по смыслу:&lt;/p&gt;
  &lt;figure id=&quot;GgiW&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e3/4f/e34fe087-a16d-43c7-b360-a6e1d5a7fa16.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Здесь дополнительный цвет обоснован&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;0pdZ&quot;&gt;Лишние элементы в графиках&lt;/h3&gt;
  &lt;p id=&quot;aO3h&quot;&gt;Как правило, если на графиках показаны значения, то шкалу убирают. Или наоборот.&lt;/p&gt;
  &lt;p id=&quot;liTx&quot;&gt;&lt;strong&gt;Пример 1:&lt;/strong&gt;&lt;/p&gt;
  &lt;figure id=&quot;elY2&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/04/6f/046f8015-728f-457f-8047-e041351df83b.png&quot; width=&quot;3595&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;RYsk&quot;&gt;&lt;strong&gt;Пример 2:&lt;/strong&gt;&lt;/p&gt;
  &lt;figure id=&quot;DDdG&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/7a/cc/7acc6ed1-ec78-4c7e-aa6e-09bfa8d99246.png&quot; width=&quot;3628&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;iVxv&quot;&gt;Другие примеры мусора в графиках:&lt;/p&gt;
  &lt;figure id=&quot;LCtZ&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/a8/f0/a8f0f682-ad3e-4807-991e-2587e04af229.png&quot; width=&quot;3546&quot; /&gt;
    &lt;figcaption&gt;Power Point предлагает такие варианты оформления — не ведитесь&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;zfvd&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/76/fb/76fba13a-ddfe-44f2-809a-f8564c77831a.png&quot; width=&quot;3546&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;8KbC&quot;&gt;Перебор с иконками&lt;/h3&gt;
  &lt;p id=&quot;vtiR&quot;&gt;Иконки помогают привлечь внимание к отдельным частям слайда, но как любое украшение, хороши в меру.&lt;/p&gt;
  &lt;p id=&quot;UHQh&quot;&gt;Здесь перебор:&lt;/p&gt;
  &lt;figure id=&quot;MEJr&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/db/d8/dbd87d31-014c-4ceb-9bce-dff789b3e82b.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Перебор иконок: и в схеме и около текста&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;5VwU&quot;&gt;А так лучше:&lt;/p&gt;
  &lt;figure id=&quot;tbTN&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/19/4b/194b3f7d-f2ec-4f44-bf41-a8495d9b9ff4.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Схема выглядит проще и аккуратнее без иконок&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;wgAn&quot;&gt;Избыточное брендирование&lt;/h3&gt;
  &lt;p id=&quot;SmfJ&quot;&gt;Нередко на слайдах размещают логотипы и элементы фирменного стиля. Это нужно, чтобы люди во внешней среде связывали презентацию с данной компанией. Для внутренних презентаций брендирование не так важно. &lt;br /&gt;&lt;br /&gt;Допустим, мы добавили элементы бренда на слайд:&lt;/p&gt;
  &lt;figure id=&quot;haDr&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ac/2e/ac2ea9c4-f146-4850-9e67-5eb4b1c18796.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Пока, кажется, все в порядке (тревожная музыка)&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;GcbS&quot;&gt;В исходном варианте, все в порядке, но если на слайд поместить сложное содержание, возникает перегруз. Блок заголовка вверху и крупный логотип внизу занимают много места и оттягивают внимание от содержания слайда. &lt;/p&gt;
  &lt;figure id=&quot;s96w&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/d1/3e/d13ea9b1-411f-4e0e-8b61-84e455b1549b.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Уже не в порядке: лого влезает в график, мало места — приходится мельчить&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;EKZx&quot;&gt;Представьте, что это будет толстый отчет на 30 слайдов — навязчивые элементы бренда успеют надоесть:&lt;/p&gt;
  &lt;figure id=&quot;aGa4&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/78/b7/78b7cb6d-1380-49cd-8561-65ebee301ca6.png&quot; width=&quot;984&quot; /&gt;
    &lt;figcaption&gt;😱😱😱😱😱&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;sKUu&quot;&gt;В этом случае, брендирование можно упростить, отдав место и внимание плотному содержимому слайда:&lt;/p&gt;
  &lt;figure id=&quot;4mM8&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ab/2a/ab2aa470-1872-47ca-8640-8d0c40ddc59b.png&quot; width=&quot;3840&quot; /&gt;
    &lt;figcaption&gt;Теперь весь фокус на графики 👍&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;Uym0&quot;&gt;Чтобы убрать лишнее задавайтесь вопросами: «Как можно изобразить это проще? Что из этого можно «безболезненно» убрать? Что можно упростить?» Как писал дизайнер Эдвард Тафти: «Совершенная визуализация — это максимум информации в минимуме формы» (книга «Наглядное отображение количественной информации»).&lt;/p&gt;
  &lt;p id=&quot;I0nc&quot;&gt;Старший коллега-дизайнер как-то сказал мне: «Я верю в тебя: ты можешь меньше!» Вы тоже можете меньше — попробуйте! ✂&lt;/p&gt;

</content></entry><entry><id>lenamihaylova:ZxT0io9JPxB</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/ZxT0io9JPxB?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Добавьте этот финальный штрих в презентацию</title><published>2022-12-02T21:22:37.123Z</published><updated>2022-12-02T21:22:37.123Z</updated><summary type="html">&lt;img src=&quot;https://img4.teletype.in/files/b2/73/b273a52e-11c3-45c0-ad7b-142589f2e597.png&quot;&gt;Добавить плавное переключение слайдов можно за несколько секунд, но смотреть презентацию станет гораздо приятнее.</summary><content type="html">
  &lt;p id=&quot;XEoP&quot;&gt;Добавить плавное переключение слайдов можно за несколько секунд, но смотреть презентацию станет гораздо приятнее.&lt;/p&gt;
  &lt;p id=&quot;f2nJ&quot;&gt;Сравните: &lt;/p&gt;
  &lt;p id=&quot;5Zt1&quot;&gt;переключение по умолчанию (без переходов между слайдами)&lt;/p&gt;
  &lt;figure id=&quot;0EYS&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/wEqBn-kScgA?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Слайды сменяются резко, дергано, неестественно&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;T5Bg&quot;&gt;и переключение с плавными переходами:&lt;/p&gt;
  &lt;figure id=&quot;UiMV&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/zHt9kywjXTg?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Слайды сменяются органично, плавно&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;537d&quot;&gt;Как правило, я задаю такие настройки: переход — «Появление», длительность — 00,40.&lt;/p&gt;
  &lt;figure id=&quot;5a4Q&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/b2/73/b273a52e-11c3-45c0-ad7b-142589f2e597.png&quot; width=&quot;4400&quot; /&gt;
    &lt;figcaption&gt;Настройки для нейтрального невычурного перехода&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;QONJ&quot;&gt;С переходами слайды перестают «дергаться» и выглядят более профессионально. Советую всегда добавлять готовым презентациям этот финальный штрих ✨&lt;/p&gt;

</content></entry><entry><id>lenamihaylova:WJ16iDT4Xp-</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/WJ16iDT4Xp-?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Приемы и горячие клавиши для быстрой работы в PowerPoint (Win)</title><published>2022-11-11T21:18:26.429Z</published><updated>2023-02-03T12:14:09.296Z</updated><summary type="html">При постоянной работе в PowerPoint не обойтись без горячих клавиш. Расскажу о сочетаниях клавиш и приемах, которые гарантированно сэкономят много времени при работе со слайдами. </summary><content type="html">
  &lt;p id=&quot;AAmI&quot;&gt;При постоянной работе в PowerPoint не обойтись без горячих клавиш. Расскажу о сочетаниях клавиш и приемах, которые гарантированно сэкономят много времени при работе со слайдами. &lt;/p&gt;
  &lt;p id=&quot;nOlF&quot;&gt;&lt;strong&gt;Ctrl+Shift+C и Ctrl+Shift+V &lt;/strong&gt;— скопировать формат одной фигуры или текста и применить к другому. &lt;/p&gt;
  &lt;figure id=&quot;6M5D&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/_bExApEWu2A?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Показываю, как копировать и применять форматирование к фигурам и текстовым полям.&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;Dp5F&quot;&gt;&lt;strong&gt;Выделить фигуру, зажать Ctrl+Shift и тянуть в любом направлении&lt;/strong&gt; — позволяет скопировать выделенную фигуру (как бы &amp;quot;вытягивая&amp;quot; из исходной). При этом новая фигура оказывается на одной линии с исходной. &lt;/p&gt;
  &lt;figure id=&quot;3reu&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/7Xqw-BWQsNM?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Показываю, как копировать объекты перетаскиванием&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;SWj3&quot;&gt;&lt;strong&gt;Стрелки вверх, влево, вправо, вниз&lt;/strong&gt; — для точного перемещения текста, фигур, картинок на слайде&lt;/p&gt;
  &lt;p id=&quot;qCpK&quot;&gt;&lt;strong&gt;F4 (Win) &lt;/strong&gt; — повторить/снова применить любое предыдущее действие&lt;/p&gt;
  &lt;figure id=&quot;iUdL&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/FmgAQfWHHk8?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Показываю, как использовать F4 для быстрого форматирования.&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;mmCw&quot;&gt;&lt;strong&gt;Ctrl+G &lt;/strong&gt;— сгруппировать объекты&lt;/p&gt;
  &lt;p id=&quot;xypM&quot;&gt;&lt;strong&gt;Ctrl+Shift+G&lt;/strong&gt; — разгруппировать объекты&lt;/p&gt;
  &lt;p id=&quot;0OV6&quot;&gt;&lt;strong&gt;Shift+Ctrl+&amp;gt;&lt;/strong&gt; или &lt;strong&gt;Shift+Ctrl+&amp;lt; &lt;/strong&gt;— увеличить или уменьшить размер шрифта выделенного текста. Можно выделить сразу несколько текстовых фрагментов и одновременно менять на них размер текста.&lt;/p&gt;
  &lt;figure id=&quot;008E&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/r7zcEKgR0Go?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Показываю, как увеличивать/уменьшать размер шрифта сразу нескольких блоков текста. &lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;TJ3M&quot;&gt;&lt;strong&gt;Ctrl+крутить колесико мыши&lt;/strong&gt; — приблизить или отдалить слайд (Zoom)&lt;/p&gt;
  &lt;p id=&quot;Lx6g&quot;&gt;&lt;strong&gt;Ctrl+L или Ctrl+L или Ctrl+С &lt;/strong&gt;— выровнять текст по левому, правому краю или ширине&lt;/p&gt;
  &lt;p id=&quot;AmnE&quot;&gt;&lt;strong&gt;Ctrl+B&lt;/strong&gt; — сделать текст жирным&lt;/p&gt;
  &lt;p id=&quot;92YY&quot;&gt;&lt;strong&gt;Ctrl+I &lt;/strong&gt;— сделать текст курсивом&lt;/p&gt;
  &lt;p id=&quot;lrrQ&quot;&gt;&lt;strong&gt;F9&lt;/strong&gt; — включить/отключить направляющие&lt;/p&gt;
  &lt;p id=&quot;ihyS&quot;&gt;&lt;strong&gt;Ctrl+D &lt;/strong&gt;— дублировать слайд&lt;/p&gt;
  &lt;p id=&quot;cQGW&quot;&gt;&lt;strong&gt;Shift+F5 &lt;/strong&gt;— включить показ слайдов с текущего слайда&lt;/p&gt;
  &lt;p id=&quot;6a4s&quot;&gt;&lt;strong&gt;Ctrl+ N&lt;/strong&gt; — новая презентация&lt;/p&gt;

</content></entry><entry><id>lenamihaylova:Iby_V9zEMuL</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/Iby_V9zEMuL?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Как сделать несдвигаемую нумерацию слайдов</title><published>2022-07-12T10:57:41.151Z</published><updated>2022-07-12T10:57:41.151Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img4.teletype.in/files/33/01/3301a049-bdc1-400f-bc87-924393c78336.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img2.teletype.in/files/9a/f6/9af62461-48ff-4d12-b16a-48bb648c4f01.png&quot;&gt;Когда номера не получится нечаянно сдвинуть или удалить.</summary><content type="html">
  &lt;p id=&quot;GHzM&quot;&gt;Когда номера не получится нечаянно сдвинуть или удалить.&lt;/p&gt;
  &lt;p id=&quot;i7Lu&quot;&gt;1. Зайти в меню «Образец слайдов»: &lt;strong&gt;«Вид» → «Образец слайдов»&lt;/strong&gt;&lt;/p&gt;
  &lt;figure id=&quot;yYA2&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/9a/f6/9af62461-48ff-4d12-b16a-48bb648c4f01.png&quot; width=&quot;4377&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;HbWM&quot;&gt;2. Удалить символ &amp;lt;#&amp;gt; со всех сладов&lt;/p&gt;
  &lt;figure id=&quot;leEi&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e5/34/e5348205-1fc1-4a58-80fb-96b7606c27cc.png&quot; width=&quot;2796&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;JiJi&quot;&gt;3. Кликнуть на образец слайдов (верхний родительский макет, от которого «ответвляются» макеты ниже)&lt;/p&gt;
  &lt;figure id=&quot;pAMG&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/6d/dc/6ddc8e0e-12dd-45a9-9a8d-8efe6507443f.png&quot; width=&quot;2408&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;LY14&quot;&gt;4. Выбрать инструмент &lt;strong&gt;«Надпись»&lt;/strong&gt; (вкладка «Вставка») (4.1) и нарисовать на родительском макете текстовое поле (4.2). Затем нажать на &lt;strong&gt;«Добавление номера слайда»&lt;/strong&gt; (4.3). В текстовом поле появится обозначение номера — &lt;strong&gt;&amp;lt;#&amp;gt;&lt;/strong&gt;. &lt;/p&gt;
  &lt;figure id=&quot;KGbD&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/68/fa/68fa5b0c-53f6-4197-ae24-0d0b72cc3ee7.png&quot; width=&quot;3384&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;5pu3&quot;&gt;5. Настроить номер: размер, шрифт, цвет, выравнивание, положение на слайде&lt;/p&gt;
  &lt;figure id=&quot;QNFV&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/5b/25/5b255ea2-2d81-47f7-b339-a556f79fadb7.png&quot; width=&quot;2762&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;n9yX&quot;&gt;6. Выйти из «Образца слайдов»&lt;/p&gt;
  &lt;figure id=&quot;wWGc&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/80/37/80374b6f-971c-4c69-bebc-688e71863044.png&quot; width=&quot;3999&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;OcXq&quot;&gt;7. Готово! На слайдах должны появиться номера&lt;/p&gt;

</content></entry><entry><id>lenamihaylova:KXts5b-nR5m</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/KXts5b-nR5m?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Как убрать сжатие картинок в PowerPoint</title><published>2022-07-11T12:58:03.574Z</published><updated>2023-02-03T12:33:12.087Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img4.teletype.in/files/7b/f8/7bf802d2-4f48-45e4-a28e-a66936a7a5bf.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img4.teletype.in/files/78/f7/78f719fb-37a4-4f12-adbe-36ff558546df.png&quot;&gt;Бывало ли у вас такое: добавляете в презентацию картинку, продолжаете работать над слайдами, а через какое-то время картинка становится мыльной, нечёткой?</summary><content type="html">
  &lt;p id=&quot;MZp9&quot;&gt;Бывало ли у вас такое: добавляете в презентацию картинку, продолжаете работать над слайдами, а через какое-то время картинка становится мыльной, нечёткой?&lt;/p&gt;
  &lt;figure id=&quot;15JC&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/78/f7/78f719fb-37a4-4f12-adbe-36ff558546df.png&quot; width=&quot;700&quot; /&gt;
    &lt;figcaption&gt;Изначальное качество                                                                Качество после нескольких сохранений презентации&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;gzVn&quot;&gt;Дело в том, что по умолчанию Power Point чуть сжимает изображения при каждом сохранении. В результате, после n-ого сохранения чёткая картинка превращается в «кашу».&lt;/p&gt;
  &lt;h2 id=&quot;jjZ9&quot;&gt;Решение 1&lt;/h2&gt;
  &lt;p id=&quot;cad3&quot;&gt;Отключите сжатие картинок в настройках презентации: &lt;strong&gt;«Файл» → «Параметры» → «Дополнительно» → «Размер и качество изображения»→ поставьте галочку «Не сжимать изображения в файле».&lt;/strong&gt;&lt;/p&gt;
  &lt;figure id=&quot;iYwj&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/5b/7d/5b7d234e-ea84-4d32-bced-755103bdebcd.png&quot; width=&quot;1067.3454545454545&quot; /&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;STOB&quot;&gt;Решение 2&lt;/h2&gt;
  &lt;p id=&quot;42jW&quot;&gt;Вместо jpeg и png берите картинки в формате &lt;strong&gt;svg&lt;/strong&gt;, если есть такая возможность. С фотографиями так не получится, но &lt;a href=&quot;https://teletype.in/@lenamihaylova/uuaohqDbWXm&quot; target=&quot;_blank&quot;&gt;скачивать иконки&lt;/a&gt; и небольшие иллюстрации лучше именно в svg-формате.&lt;/p&gt;

</content></entry><entry><id>lenamihaylova:uuaohqDbWXm</id><link rel="alternate" type="text/html" href="https://teletype.in/@lenamihaylova/uuaohqDbWXm?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=lenamihaylova"></link><title>Где взять бесплатные иконки для презентации</title><published>2022-07-07T10:24:20.356Z</published><updated>2022-07-12T11:59:35.130Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/9b/4b/9b4b692d-b6d2-4600-85a1-26e2f6240ef6.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img4.teletype.in/files/bf/58/bf582c0a-99cb-488a-a4c2-4b45e4165eff.png&quot;&gt;Приведу несколько доступных источников.</summary><content type="html">
  &lt;p id=&quot;3rff&quot;&gt;Приведу несколько доступных источников.&lt;/p&gt;
  &lt;h2 id=&quot;oa07&quot;&gt;1. Шрифты со значками вместо букв&lt;/h2&gt;
  &lt;p id=&quot;ZOuX&quot;&gt;Не все знают, что найти иконки для презентации можно в Power Point-е. В Windows есть стандартные шрифты, символы которых не буквы, а иконки. &lt;/p&gt;
  &lt;p id=&quot;9gVg&quot;&gt;Чтобы вставить символ-иконку, &lt;strong&gt;поставьте курсор в текстовое поле,&lt;/strong&gt; как будто собираетесь что-то написать, нажмите &lt;strong&gt;«Вставка» → «Символ» → выберите шрифт (Windings или Segoe Symbol) → выберите символ. &lt;/strong&gt;&lt;/p&gt;
  &lt;figure id=&quot;Tl79&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/bf/58/bf582c0a-99cb-488a-a4c2-4b45e4165eff.png&quot; width=&quot;3978&quot; /&gt;
    &lt;figcaption&gt;Меню &lt;strong&gt;«&lt;/strong&gt;Символ&lt;strong&gt;»&lt;/strong&gt;&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;vYjG&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/57/62/5762fdd9-6f0d-472f-8938-2526c2902777.png&quot; width=&quot;4206&quot; /&gt;
    &lt;figcaption&gt;Символы (иконки) шрифтов Windings и Segoe&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;KLBM&quot;&gt;Такие символы редактируются как текст: чтобы увеличить, увеличьте размер шрифта; чтобы перекрасить, измените цвет текста. Символ будет оставаться чётким, при любом размере.&lt;/p&gt;
  &lt;p id=&quot;RzPm&quot;&gt;Символы удобно применять в таблицах: при изменении ширины столбцов, колонок, значок сохраняет свое положение, «не выпадает» из таблицы.&lt;/p&gt;
  &lt;h2 id=&quot;et1I&quot;&gt;&lt;strong&gt;2. Меню «Значки»&lt;/strong&gt;&lt;/h2&gt;
  &lt;p id=&quot;CRQC&quot;&gt;Доступно только в Microsoft 365. Найти так: &lt;strong&gt;«Вставка»&lt;/strong&gt; →  &lt;strong&gt;«Значки».&lt;/strong&gt; &lt;/p&gt;
  &lt;figure id=&quot;yI6M&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/c7/e5/c7e544fa-ea57-4914-abe9-53d6d94cedb5.png&quot; width=&quot;2456&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;ViUn&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/9e/92/9e9240cb-442b-4ef8-8d0f-7ad12f138cc1.png&quot; width=&quot;4408&quot; /&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;D8wZ&quot;&gt;&lt;strong&gt;3. Специальные сайты&lt;/strong&gt;&lt;/h2&gt;
  &lt;p id=&quot;2mg3&quot;&gt;Я беру иконки с &lt;strong&gt;flatcion.com:&lt;/strong&gt; можно скачать иконки бесплатно в png формате, выбрать иконки по стилю (цветные, однотонные, с прямыми или скругленными углами и проч.) &lt;/p&gt;
  &lt;figure id=&quot;9B5y&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ef/f1/eff1c6a1-5935-46e9-9608-a30cad1a7e41.png&quot; width=&quot;1282&quot; /&gt;
    &lt;figcaption&gt;Сайт flaticon.com&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;Nzlz&quot;&gt;Другие сайты с иконками:&lt;/p&gt;
  &lt;ul id=&quot;XdAH&quot;&gt;
    &lt;li id=&quot;cNiJ&quot;&gt;thenounproject.com&lt;/li&gt;
    &lt;li id=&quot;ziNE&quot;&gt;iconfinder.com&lt;/li&gt;
    &lt;li id=&quot;bndu&quot;&gt;uxwing.com&lt;/li&gt;
    &lt;li id=&quot;ECE9&quot;&gt;fonts.google.com/icons&lt;/li&gt;
    &lt;li id=&quot;xmnP&quot;&gt;svgrepo.com&lt;/li&gt;
  &lt;/ul&gt;
  &lt;h2 id=&quot;kB6i&quot;&gt;&lt;strong&gt;4. Нарисовать самостоятельно&lt;/strong&gt;&lt;/h2&gt;
  &lt;p id=&quot;jgBL&quot;&gt;Простые иконки можно составить из фигур: &lt;/p&gt;
  &lt;figure id=&quot;Q610&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e1/99/e199149c-14ab-4c55-8d92-41badee646f2.png&quot; width=&quot;4620&quot; /&gt;
    &lt;figcaption&gt;Зайдите в меню &lt;strong&gt;«&lt;/strong&gt;Фигуры&lt;strong&gt;»&lt;/strong&gt;&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;Pgde&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e6/2f/e62fc23c-5cfb-4d9d-b250-1069b0a82b5b.png&quot; width=&quot;2318&quot; /&gt;
    &lt;figcaption&gt;Иконки составленные из простых фигур&lt;/figcaption&gt;
  &lt;/figure&gt;

</content></entry></feed>