From 212bcddd3c2340fc7e3707c4e206cd50d0181955 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=B2=D0=B3=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=9A=D1=83?=
 =?UTF-8?q?=D1=86=D0=B5=D0=BD=D0=BA=D0=BE?= <kutsenko@noreply.localhost>
Date: Mon, 30 Dec 2024 14:03:20 +0100
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20README.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 69 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 579f736..e9332b1 100644
--- a/README.md
+++ b/README.md
@@ -149,6 +149,8 @@
 
 <article id="augmented-reality">
 
+---
+
 ### Дополненная реальность
 
 Дополненная реальность (AR) — это технология, которая улучшает наш реальный мир, добавляя к нему слой цифровой информации. Использование AR растет с каждым днем, с появлением десятков новых AR-приложений, инструментов разработки и фреймворков. В этом разделе собраны различные инструменты дополненной реальности для создания, проецирования и прототипирования приложений, ориентированных на AR:
@@ -170,6 +172,8 @@
 
 <article id="collaboration-tools">
 
+---
+
 ### Инструменты для совместной работы
 
 Ищете инструменты для гибкой совместной работы в области дизайна и разработки? Отличная идея, ведь такие инструменты упрощают жизнь дизайнеров и разработчиков, экономят время и повышают производительность. Ну, в эпоху Slack вы и так всё это знаете. Здесь вы найдете лучшие инструменты для совместной работы продуктовых команд:
@@ -218,6 +222,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="color-picker-tools">
 
+---
+
 ### Инструменты для выбора цвета
 
 Если вы ищете инструмент пипетки, идентификатор цвета или захват цвета, обратите внимание на этот раздел. С помощью указанных здесь инструментов для выбора цвета вы сможете создавать новые цветовые комбинации и находить отличные варианты. Почти все эти инструменты бесплатны:
@@ -269,6 +275,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="design-feedback-tools">
 
+---
+
 ### Инструменты обратной связи по дизайну
 
 Как вы предоставляете и получаете обратную связь в процессе разработки? Для многих продуктовых команд этот процесс обычно довольно хаотичен, что приводит к задержкам и потере времени на бесконечные обсуждения. Если вы хотите быстро и структурировано получать обратную связь по проблемам пользовательского интерфейса или визуальным багам — обратите внимание на этот инструмент:
@@ -281,6 +289,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="design-handoff-tools">
 
+---
+
 ### Инструменты передачи дизайна
 
 <!-- <div class="hidden-in-page">
@@ -311,6 +321,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="design-inspiration">
 
+---
+
 ### Вдохновение для дизайна
 
 Творческий процесс может быть сложным. Если идеи не приходят сразу, попробуйте найти вдохновение в работах других дизайнеров. Эти сайты с дизайнерским вдохновением предлагают шаблоны дизайна, пользовательские потоки, разметки электронных писем и креативные решения популярных компаний и отличных продуктов:
@@ -350,6 +362,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="design-system-tools">
 
+---
+
 ### Дизайн-системы
 
 Могу поспорить, вы слышали о дизайн-системах, ведь это довольно модная тема. Дизайн-системы предоставляют последовательные и надежные шаблоны дизайна, чтобы поддерживать синхронизацию между дизайном и разработкой. По сути, это коллекции правил, ограничений и принципов, реализованных в дизайне и коде. Здесь вы найдете инструменты для создания, поддержки и организации вашей дизайн-системы.
@@ -376,6 +390,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="design-to-code-tools">
 
+---
+
 ### Дизайн в код
 
 Каждый может научиться разработке, но это требует времени и усилий. Если вам нужен сайт или приложение прямо сейчас, и вы не хотите нанимать разработчика, обратите внимание на конструкторы сайтов. Такие инструменты «дизайн в код» помогут вам быстро и красиво создать портфолио, простой лендинг или приложение.
@@ -403,6 +419,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="design-version-control">
 
+---
+
 ### Контроль версий дизайна
 
 Разработчики уже давно активно используют инструменты контроля версий, вероятно, начиная с 2005 года (первый релиз Git). Использование системы контроля версий — очевидный выбор для команд разработчиков, в то время как системы контроля версий для дизайнеров появились совсем недавно. Этот рынок быстро развивается, и мы ожидаем увидеть еще больше возможностей в области контроля версий для дизайнеров:
@@ -418,6 +436,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="development-tools">
 
+---
+
 ### Инструменты разработки
 
 Этот раздел упоминает инструменты разработки и браузеры. Браузеры для разработки включают функции, которые помогают разработчикам и дизайнерам создавать и тестировать сайты и приложения.
@@ -433,6 +453,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="experience-monitoring">
 
+---
+
 ### Мониторинг пользовательского опыта
 
 Слушать пользователей важно, но еще важнее видеть, как они на самом деле используют ваш продукт. Для этого нужно установить различные аналитические инструменты, программное обеспечение для мониторинга опыта и приложения для анализа поведения пользователей. Просто используйте эти аналитические решения, учитывая данные пользователей:
@@ -458,6 +480,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="font-tools">
 
+---
+
 ### Инструменты работы со шрифтами
 
 Шрифты часто используются для того, чтобы сделать веб более красивым. Это важнейшая часть любого дизайна. В этом разделе вы найдете генераторы шрифтов и инструменты для поиска шрифтов, которые позволяют управлять ими и работать с ними:
@@ -500,6 +524,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="gradient-tools">
 
+---
+
 ### Инструменты для создания градиентов
 
 Градиенты можно увидеть повсюду — в интерфейсе, брендинге, иллюстрациях, типографике. Градиент создается с использованием двух или более разных цветов, которые постепенно переходят друг в друга. Это может выглядеть как запоминающийся, свежий и уникальный цвет. Чтобы создать такой градиент для вашего дизайна, используйте эти палитры градиентных цветов.
@@ -533,6 +559,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="icons-tools">
 
+---
+
 ### Инструменты для работы с иконками
 
 Как и шрифты, иконки используются в каждом дизайне. Эти базовые элементы поддерживают и направляют многие действия пользователей внутри продукта. Без сомнения, иконки являются важным элементом пользовательской навигации. Создание таких небольших элементов дизайна сложно и требует много времени, но вы можете найти тысячи векторных иконок для личного и коммерческого использования.
@@ -587,6 +615,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="illustrations">
 
+---
+
 ### Иллюстрации
 
 Иллюстрации можно использовать на лендинге, в постах блога, внутри вашего приложения или в email-кампаниях. Они делают ваш дизайн живым и игривым. Хотя создание хороших иллюстраций — это задача для опытного графического дизайнера, вы можете найти бесплатные SVG-изображения и иллюстрации от добрых людей из нашего сообщества:
@@ -611,6 +641,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="information-architecture">
 
+---
+
 ### Информационная архитектура
 
 Информационная архитектура помогает дизайнерам организовывать и структурировать контент внутри веб-сайтов, мобильных приложений и другого программного обеспечения. Это помогает пользователям понять функциональность продукта и находить все необходимое. Эти инструменты для информационной архитектуры помогут вам создавать визуальные карты сайта и улучшать структуру контента вашего веб-сайта:
@@ -626,6 +658,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="logo-design">
 
+---
+
 ### Дизайн логотипов
 
 Логотип — это отправная точка вашей бренд-идентичности. Он отражает миссию продукта, его функциональность и послание бренда. Идеальный логотип создает прочную связь между вашим продуктом и пользователями. Дизайн логотипа — это искусство, как и многие другие дисциплины дизайна. С помощью правильных инструментов для дизайна логотипов это искусство можно реализовать немного быстрее.
@@ -654,6 +688,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="mockup-tools">
 
+---
+
 ### Инструменты макетов
 
 Макет (Mockup) — это визуальный способ представления продукта. В то время как каркас (wireframe) в основном отражает структуру продукта, макет показывает, как продукт будет выглядеть. Эти инструменты для создания макетов помогут вам разрабатывать и совместно работать над макетами, каркасами, диаграммами и прототипами:
@@ -695,6 +731,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="no-code-tools">
 
+---
+
 ### Инструменты no-code
 
 С появлением инструментов no-code каждый, у кого есть ноутбук, может создать и запустить проект. Эти инструменты помогают дизайнерам и создателям создавать веб-сайты, приложения и даже игры. Инструменты без кода позволяют автоматизировать рутинные задачи и могут использоваться без опыта в разработке. Ознакомьтесь с инструментами ниже, а если вам нужно больше, загляните в раздел Design to Code.
@@ -716,6 +754,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="pixel-art-tools">
 
+---
+
 ### Инструменты Pixel Art (пиксельная графика)
 
 Пиксель-арт — это форма цифрового искусства, в которой цвет применяется к отдельным пикселям для создания изображения. Пиксельное искусство может использоваться для создания всего: от сложных сцен и фонов для игр до дизайна персонажей или эмодзи. Если вам интересно попробовать, изучите это программное обеспечение для пиксельного искусства для macOS и Windows:
@@ -736,6 +776,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="prototyping-tools">
 
+---
+
 ### Инструменты прототипирования
 
 Прототип — это простой экспериментальный дизайн предлагаемого решения. Он должен помочь проверить идеи, дизайнерские предположения и гипотезы быстро и экономично. Инструменты для создания прототипов позволяют дизайнерам и клиентам увидеть, как продукт будет функционировать в реальном мире, и сотрудничать над этим решением. Многие современные инструменты для прототипирования можно использовать для построения каркасов, прототипирования и совместной работы.
@@ -772,6 +814,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="screenshot-software">
 
+---
+
 ### Для создания скриншотов
 
 Создание скриншотов — типичная задача в рабочем процессе дизайна и разработки. Эти бесплатные и полнофункциональные приложения для скриншотов помогут вам легко захватывать экран. Некоторые инструменты работают только на macOS, в то время как другие поддерживают обе операционные системы:
@@ -803,6 +847,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="sketching-tools">
 
+---
+
 ### Для набросков
 
 Иногда для начала создания приложения или веб-сайта вам нужны всего лишь карандаш и бумага. Вот несколько онлайн-инструментов для эскизов с отличными шаблонами, которые помогут ускорить ваш творческий процесс:
@@ -822,6 +868,8 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="smm-design-tools">
 
+---
+
 ### Дизайн для SMM
 
 Часто маркетинговым командам нужны хорошо оформленные материалы. Это могут быть различные баннеры, промо-визуалы, фавиконы, анимации или просто красивые изображения для социальных платформ, таких как Twitter или Instagram. В этом разделе мы будем добавлять инструменты, которые помогут каждому создавать маркетинговые дизайны.  
@@ -837,7 +885,9 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
 
 <article id="sound-design">
 
-### Звуковой дизайн
+---
+
+### Дизайн звука
 
 Sound design — это искусство создания звукового ландшафта для сайта, приложения, фильма, игры или любого другого продукта. Звук обладает огромным потенциалом для преобразования того, как люди взаимодействуют с вашим продуктом. Некоторые программы для звукового дизайна являются очень сложными и предназначены в основном для профессиональных звукорежиссёров, в то время как другие подходят для начинающих.
 
@@ -859,6 +909,8 @@ Sound design — это искусство создания звукового 
 
 <article id="stock-photos-tools">
 
+---
+
 ### Работа со стоковыми фотографиями
 
 Нужна качественная фотография для iOS-приложения или нового баннера? Вы всегда можете сделать её самостоятельно или воспользоваться стоковыми фото. К счастью, существует множество красивых бесплатных стоковых фотографий и изображений без авторских отчислений, которые можно использовать в любых проектах.
@@ -902,6 +954,8 @@ Sound design — это искусство создания звукового 
 
 <article id="stock-videos">
 
+---
+
 ### Стоковые видео
 
 Если вы работаете с видео-контентом, вам понравятся эти высококачественные, тщательно подобранные стоковые видеоматериалы. Ниже вы найдете множество хороших и бесплатных сайтов со стоковыми видео, которые можно использовать на вашем сайте, в рекламных кампаниях или в социальных сетях:
@@ -921,6 +975,8 @@ Sound design — это искусство создания звукового 
 
 <article id="tools-for-learning-design">
 
+---
+
 ### Изучение дизайна
 
 - [Design Better](https://www.designbetter.co/) — узнайте о лучших практиках, историях и инсайтах от ведущих мировых дизайнерских команд и лидеров. ![free.svg](https://git.creogenesis.com/kutsenko/Awesome-Design-Tools/raw/branch/master/Media/free.svg)
@@ -943,6 +999,8 @@ Sound design — это искусство создания звукового 
 
 <article id="ui-design-tools">
 
+---
+
 ### UI-дизайн
 
 Какие лучшие инструменты для дизайна пользовательского интерфейса в 2024 году? Вы можете выбрать любой из перечисленных инструментов, которые позволят вам выполнять десятки задач по дизайну — создание пользовательского интерфейса для сайта или мобильного приложения, разработку каркасов, прототипов, анимации или логотипов. Эти инструменты являются отличными и полнофункциональными для дизайнеров UX и UI:
@@ -972,6 +1030,8 @@ Sound design — это искусство создания звукового 
 
 <article id="user-flow-tools">
 
+---
+
 ### Построение пользовательских потоков
 
 Пользовательский поток — это серия шагов, которые пользователь предпринимает для достижения значимой цели. Это быстрый способ планирования путей пользователя и улучшения UX. Если вам нужно создать диаграмму пользовательского потока, карту пользовательского потока или карту сайта, обратите внимание на эти инструменты:
@@ -996,6 +1056,8 @@ Sound design — это искусство создания звукового 
 
 <article id="user-research-tools">
 
+---
+
 ### Пользовательские исследования
 
 Пользовательские исследования помогают понять поведение, потребности и мотивации пользователей с помощью различных качественных и количественных методов (интервью, наблюдение, анкеты и т.д.). Эти инструменты для исследований пользователей могут быть вам полезны:
@@ -1026,6 +1088,8 @@ Sound design — это искусство создания звукового 
 
 <article id="visual-debugging-tools">
 
+---
+
 ### Визуальная отладка
 
 - [LogRocket](https://logrocket.com/) — инструмент для записи действий пользователей на вашем сайте, что позволяет воспроизводить ошибки и быстрее их исправлять.
@@ -1037,6 +1101,8 @@ Sound design — это искусство создания звукового 
 
 <article id="wireframing-tools">
 
+---
+
 ### Создание вайрфреймов
 
 Каркас (wireframe) — это визуальная модель, отображающая основную структуру сайта или приложения. Он содержит наиболее важные элементы и контент, помогая легко объяснить идеи по дизайну. Каркасы — это низкодетализированный способ демонстрации дизайна. В этом разделе представлены лучшие инструменты для создания каркасов для различных случаев использования.
@@ -1056,6 +1122,8 @@ Sound design — это искусство создания звукового 
 
 <article id="three-d-modeling-software">
 
+---
+
 ### 3D-моделирование
 
 3D графика используется в игровой индустрии, кинопроизводстве, архитектуре, инженерии и 3D-печати. 3D-художники и дизайнеры используют специализированное программное обеспечение для 3D-моделирования, упомянутое в этом разделе.