Обновить README.md
This commit is contained in:
parent
ed1a79be40
commit
212bcddd3c
70
README.md
70
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/) — узнайте о лучших практиках, историях и инсайтах от ведущих мировых дизайнерских команд и лидеров. 
|
||||
@ -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-моделирования, упомянутое в этом разделе.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user