Обновить README.md
This commit is contained in:
parent
6ed17410c5
commit
4eb4df37d4
579
README.md
579
README.md
@ -630,23 +630,23 @@ You can also have design collaboration into [InVision Freehand](https://www.invi
|
||||
|
||||
Логотип — это отправная точка вашей бренд-идентичности. Он отражает миссию продукта, его функциональность и послание бренда. Идеальный логотип создает прочную связь между вашим продуктом и пользователями. Дизайн логотипа — это искусство, как и многие другие дисциплины дизайна. С помощью правильных инструментов для дизайна логотипов это искусство можно реализовать немного быстрее.
|
||||
|
||||
- [Design Evo](https://www.designevo.com/) — a large collection of vector icons and shapes help you design custom logos easily. 
|
||||
- [Free Logo Design](https://www.freelogodesign.org/) — create stunning professional logos in seconds. 
|
||||
- [Graphic Springs](https://www.graphicsprings.com/) — choose from a gallery of vector format logo templates, categorized by industry. Edit the graphics and texts of your template, then download it.
|
||||
- [Logo Design Team](https://www.logodesignteam.com/) — offers affordable professional custom logo design and brand design services.
|
||||
- [Logojoy](https://logojoy.com/) — uses artificial intelligence to instantly generate unique logo ideas for your business.
|
||||
- [Logo Lab](https://logolab.app/home) — put your logo to the test with automated visual experiments. 
|
||||
- [Logo Maker](https://www.ucraft.com/free-logo-maker) — allows you to make a free logo within seconds. Start with a blank canvas, add text and an icon, and then customize. 
|
||||
- [Logo Maker](https://www.designhill.com/tools/logo-maker) by Designhill — generate 1000s of unique logos in only few minutes, without design expertise.
|
||||
- [Logo Makr](https://logomakr.com/) — design a logo for free, choose from hundreds of fonts and icons, then save a logo on the computer. 
|
||||
- [Logo My Way](https://www.logomyway.com/) — choose from 600 custom logo designs from creative designers worldwide.
|
||||
- [Logo Package Express](http://thelogopackage.com) — export and package dozens of logo variations and file types for your clients automatically in under 5 minutes.
|
||||
- [Logo Rank](https://brandmark.io/logo-rank/) — upload your logo to see how it rates on a number of objective measures. 
|
||||
- [Wizlogo](https://wizlogo.com/) — create a logo with a simple and affordable tool backed by professional designers.
|
||||
- [Design Evo](https://www.designevo.com/) — большая коллекция векторных иконок и форм, которые помогут вам легко создать пользовательский логотип. 
|
||||
- [Free Logo Design](https://www.freelogodesign.org/) — создавайте потрясающие профессиональные логотипы за считанные секунды. 
|
||||
- [Graphic Springs](https://www.graphicsprings.com/) — выберите из галереи шаблонов логотипов в векторном формате, отсортированных по отраслям. Редактируйте графику и текст шаблона, затем скачайте его.
|
||||
- [Logo Design Team](https://www.logodesignteam.com/) — предлагает доступные профессиональные услуги по разработке логотипов и бренд-дизайна на заказ.
|
||||
- [Logojoy](https://logojoy.com/) — использует искусственный интеллект для мгновенной генерации уникальных идей логотипов для вашего бизнеса.
|
||||
- [Logo Lab](https://logolab.app/home) — тестируйте свой логотип с помощью автоматизированных визуальных экспериментов. 
|
||||
- [Logo Maker](https://www.ucraft.com/free-logo-maker) — позволяет создать бесплатный логотип за считанные секунды. Начните с пустого холста, добавьте текст и иконку, затем настройте дизайн. 
|
||||
- [Logo Maker](https://www.designhill.com/tools/logo-maker) от Designhill — генерируйте тысячи уникальных логотипов за несколько минут, даже без опыта в дизайне.
|
||||
- [Logo Makr](https://logomakr.com/) — создавайте логотипы бесплатно, выбирайте из сотен шрифтов и иконок, а затем сохраняйте логотип на компьютер. 
|
||||
- [Logo My Way](https://www.logomyway.com/) — выбирайте из 600 индивидуальных дизайнов логотипов от креативных дизайнеров со всего мира.
|
||||
- [Logo Package Express](http://thelogopackage.com) — экспортируйте и упаковывайте десятки вариантов логотипов и типов файлов для ваших клиентов автоматически за менее чем 5 минут.
|
||||
- [Logo Rank](https://brandmark.io/logo-rank/) — загрузите свой логотип, чтобы узнать, как он оценивается по ряду объективных критериев. 
|
||||
- [Wizlogo](https://wizlogo.com/) — создавайте логотипы с помощью простого и доступного инструмента, поддерживаемого профессиональными дизайнерами.
|
||||
|
||||
<div class="banner banner--yellow">
|
||||
|
||||
You can also do your logo design with Adobe Photoshop, GIMP, Inkscape, Krita and Vectr which are mentioned in [UI design tools](https://github.com/LisaDziuba/Awesome-Design-Tools#ui-design-tools).
|
||||
Вы также можете создать дизайн логотипа с помощью Adobe Photoshop, GIMP, Inkscape, Krita и Vectr, которые упоминаются в разделе [UI дизайн](#ui-design-tools).
|
||||
|
||||
</div>
|
||||
|
||||
@ -656,40 +656,40 @@ You can also do your logo design with Adobe Photoshop, GIMP, Inkscape, Krita and
|
||||
|
||||
### Инструменты макетов
|
||||
|
||||
A mockup is a visual way of representing the product. While a wireframe mostly represents a product’s structure, a mockup shows how the product is going to look like. These mockup tools that help you create and collaborate on mockups, wireframes, diagrams, and prototypes:
|
||||
Макет (Mockup) — это визуальный способ представления продукта. В то время как каркас (wireframe) в основном отражает структуру продукта, макет показывает, как продукт будет выглядеть. Эти инструменты для создания макетов помогут вам разрабатывать и совместно работать над макетами, каркасами, диаграммами и прототипами:
|
||||
|
||||
- [Artboard Studio](https://artboard.studio/) — online graphic design application mainly focused on product mockups.
|
||||
- [Cleanmock](https://cleanmock.com) — create stunning mockups using the latest device frames like iPhone & custom backgrounds.
|
||||
- [Craftwork Design](https://craftwork.design/) — free and premium high-quality digital products that make your work faster and easier.
|
||||
- [Device Shots](https://deviceshots.com) — a tool that helps you create beautiful device mockups with the screenshot of your website or mobile application, for free.
|
||||
- [Devices by Facebook](https://facebook.design/devices) — images and Sketch files of popular devices. 
|
||||
- [Dimmy.club](https://dimmy.club/) — device mockup generator for your website and app screenshots.
|
||||
- [Frrames](https://frrames.com/) — Frrames mockups is perfectly crafted responsive windows mockups for your ideal presentation.
|
||||
- [Lstore Graphics](https://www.ls.graphics/) — free and premium mockups, UI/UX tools, scene creators for busy designers. 
|
||||
- [Mediamodifier](https://mediamodifier.com) — create impressive product mockups in seconds.
|
||||
- [Mockflow](https://www.mockflow.com/) — the quickest way to brainstorm user interface ideas.
|
||||
- [Mockup World](https://www.mockupworld.co/) — tons of free and legal, fully layered, easily customizable photo realistic PSDs. 
|
||||
- [Mockups For Free](https://mockupsforfree.com/) — free design resources, PSD files for graphic and web designers. 
|
||||
- [Mockuuups](https://mockuuups.studio/) — drag-and-drop tool for creating beautiful app previews or any marketing materials.
|
||||
- [Mock Video](https://www.mock.video/) — instantly create mockups by adding a device frame to your videos.
|
||||
- [Moqups](https://moqups.com/) — helps you create and collaborate in real-time on wireframes, mockups, diagrams and prototypes.
|
||||
- [Original Mockups](https://originalmockups.com/) — high-quality mockups for Photoshop that make your designs stand out.
|
||||
- [Overframe for Mac](https://overframe.xyz/) — record your prototype & app with device frame overlay. 
|
||||
- [PixelBuddha](https://pixelbuddha.net/) — free and premium high-quality resources for web designers and developers.
|
||||
- [Ramotion Store](https://store.ramotion.com/) — carefully crafted Apple and Android mockups for Sketch and Photoshop.
|
||||
- [Rotato](https://www.rotato.xyz/) — animated 3D mockups for your app designs. 
|
||||
- [SceneLab](https://scenelab.io) — create realistic mockups and customized brand designs online.
|
||||
- [Screely](https://www.screely.com/) — quickly frame web page designs into a minimalist browser window. 
|
||||
- [ScreenSpace](https://www.screenspace.io/) — 3D devices videos for motion designer.
|
||||
- [Screenzy](https://screenzy.io) — instantly transform your pictures and screenshots into beautiful mockups ready to be shared on social media. 
|
||||
- [Screeener](https://github.com/zehfernandes/screeener) — use this app to insert a bunch of images to a keynote file, using the mockup you choose.
|
||||
- [Smartmockups](https://smartmockups.com/) — create stunning product mockups with just a few clicks.
|
||||
- [shotsnapp](https://shotsnapp.com/) — create beautiful device mockup presentation for your digital app and website design.
|
||||
- [The Mockup Club](https://themockup.club/) — a directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio. 
|
||||
- [Threed](http://threed.io/) — generate custom 3D Device Mockups in your Browser.
|
||||
- [UI Store Design](https://www.uistore.design/) — 200+ free handpicked design resources for Sketch, Figma, Adobe XD, InVision Studio, Photoshop, Illustrator CC. 
|
||||
- [UI8 — Design Freebies](https://ui8.net/category/freebies) — epic design freebies to get you started. 
|
||||
- [Vector Mockups Library](https://mockups.kkuistore.com/) — free collection of presentation Mockups for Sketch, Figma & Photoshop. 
|
||||
- [Artboard Studio](https://artboard.studio/) — онлайн-приложение для графического дизайна, ориентированное на макеты продуктов.
|
||||
- [Cleanmock](https://cleanmock.com) — создавайте впечатляющие макеты с использованием последних рамок устройств, таких как iPhone, и настраиваемых фонов.
|
||||
- [Craftwork Design](https://craftwork.design/) — бесплатные и премиальные цифровые продукты высокого качества, которые ускоряют и упрощают вашу работу.
|
||||
- [Device Shots](https://deviceshots.com) — инструмент для создания красивых макетов устройств с помощью скриншотов вашего веб-сайта или мобильного приложения бесплатно.
|
||||
- [Devices by Facebook](https://facebook.design/devices) — изображения и файлы Sketch популярных устройств. 
|
||||
- [Dimmy.club](https://dimmy.club/) — генератор макетов устройств для ваших веб-сайтов и скриншотов приложений.
|
||||
- [Frrames](https://frrames.com/) — идеально проработанные адаптивные макеты окон для вашей идеальной презентации.
|
||||
- [Lstore Graphics](https://www.ls.graphics/) — бесплатные и премиум макеты, инструменты UI/UX, генераторы сцен для занятых дизайнеров. 
|
||||
- [Mediamodifier](https://mediamodifier.com) — создавайте впечатляющие макеты продуктов за считанные секунды.
|
||||
- [Mockflow](https://www.mockflow.com/) — самый быстрый способ для мозгового штурма идей пользовательского интерфейса.
|
||||
- [Mockup World](https://www.mockupworld.co/) — множество бесплатных и легальных, полностью слоистых, легко настраиваемых фотореалистичных PSD-файлов. 
|
||||
- [Mockups For Free](https://mockupsforfree.com/) — бесплатные ресурсы для дизайнеров, PSD-файлы для графических и веб-дизайнеров. 
|
||||
- [Mockuuups](https://mockuuups.studio/) — инструмент drag-and-drop для создания красивых предварительных просмотров приложений или любых маркетинговых материалов.
|
||||
- [Mock Video](https://www.mock.video/) — мгновенно создавайте макеты, добавляя рамки устройства к вашим видео.
|
||||
- [Moqups](https://moqups.com/) — помогает создавать и сотрудничать в реальном времени над каркасами, макетами, диаграммами и прототипами.
|
||||
- [Original Mockups](https://originalmockups.com/) — макеты высокого качества для Photoshop, которые выделят ваши дизайны.
|
||||
- [Overframe for Mac](https://overframe.xyz/) — записывайте свои прототипы и приложения с наложением рамок устройства. 
|
||||
- [PixelBuddha](https://pixelbuddha.net/) — бесплатные и премиальные ресурсы высокого качества для веб-дизайнеров и разработчиков.
|
||||
- [Ramotion Store](https://store.ramotion.com/) — тщательно проработанные макеты Apple и Android для Sketch и Photoshop.
|
||||
- [Rotato](https://www.rotato.xyz/) — анимированные 3D макеты для дизайнов приложений. 
|
||||
- [SceneLab](https://scenelab.io) — создавайте реалистичные макеты и настраиваемые бренд-дизайны онлайн.
|
||||
- [Screely](https://www.screely.com/) — быстро обрамляйте дизайны веб-страниц в минималистичное окно браузера. 
|
||||
- [ScreenSpace](https://www.screenspace.io/) — 3D-видео устройств для дизайнеров движения.
|
||||
- [Screenzy](https://screenzy.io) — мгновенно преобразуйте свои изображения и скриншоты в красивые макеты, готовые к публикации в социальных сетях. 
|
||||
- [Screeener](https://github.com/zehfernandes/screeener) — используйте это приложение для добавления множества изображений в файл Keynote с выбранным вами макетом. 
|
||||
- [Smartmockups](https://smartmockups.com/) — создавайте потрясающие макеты продуктов всего в несколько кликов.
|
||||
- [shotsnapp](https://shotsnapp.com/) — создавайте красивые презентации макетов устройств для ваших цифровых приложений и веб-дизайнов.
|
||||
- [The Mockup Club](https://themockup.club/) — каталог лучших бесплатных макетов для Photoshop, Sketch, Figma и InVision Studio. 
|
||||
- [Threed](http://threed.io/) — генерируйте пользовательские 3D макеты устройств в вашем браузере.
|
||||
- [UI Store Design](https://www.uistore.design/) — более 200 бесплатных отобранных вручную ресурсов для Sketch, Figma, Adobe XD, InVision Studio, Photoshop, Illustrator CC. 
|
||||
- [UI8 — Design Freebies](https://ui8.net/category/freebies) — эпические бесплатные ресурсы для дизайна, чтобы начать вашу работу. 
|
||||
- [Vector Mockups Library](https://mockups.kkuistore.com/) — бесплатная коллекция макетов для презентаций в Sketch, Figma и Photoshop. 
|
||||
|
||||
</article>
|
||||
|
||||
@ -697,20 +697,20 @@ A mockup is a visual way of representing the product. While a wireframe mostly r
|
||||
|
||||
### Инструменты no-code
|
||||
|
||||
With a rise of “no code tools”, everyone with a laptop can build and launch a project. These tools help designers and makers create websites, apps, and even games. No code tools allow to automate routine tasks and can be used without a development background. Take a look at the tools here and if you need more — check Design to Code section.
|
||||
С появлением инструментов no-code каждый, у кого есть ноутбук, может создать и запустить проект. Эти инструменты помогают дизайнерам и создателям создавать веб-сайты, приложения и даже игры. Инструменты без кода позволяют автоматизировать рутинные задачи и могут использоваться без опыта в разработке. Ознакомьтесь с инструментами ниже, а если вам нужно больше, загляните в раздел Design to Code.
|
||||
|
||||
- [Bubble](https://bubble.io/) — build and host web applications without having to write code or hire a team of engineers.
|
||||
- [Carrd](https://carrd.co/) — simple, free, fully responsive one-page sites for pretty much anything. 
|
||||
- [Coda](https://coda.io) — a new type of document that blends the flexibility of documents, the power of spreadsheets, and the utility of apps into a single new canvas. 
|
||||
- [Kodika.io](https://kodika.io) — build iOS apps with Kodika no code app builder for Mac & iPad, capable of creating powerful apps with Drag & Drop. 
|
||||
- [PageXL](https://pagexl.com/) — a simple one-page website builder for quickly creating landing pages and online stores. 
|
||||
- [Remove.bg](https://www.remove.bg/) — a free service to remove the background of any photo. 
|
||||
- [Retool](https://tryretool.com/) — gives you building blocks and you can build tools much faster.
|
||||
- [sheet2api](https://sheet2api.com/) — create an API from Google Sheets or Excel Online Spreadsheets, no coding required.
|
||||
- [Sheet2Site](https://www.sheet2site.com/) — create a website from Google Sheets without writing code.
|
||||
- [Shopify](https://www.shopify.com/) — one platform with all the e-commerce and point of sale features you need to start, run, and grow your business.
|
||||
- [Thunkable](https://thunkable.com/) — a drag-and-drop tool for anyone to build native mobile apps.
|
||||
- [UserGuiding](https://userguiding.com/) — create walkthroughs, checklists, hotspots, and modals to improve user onboarding.
|
||||
- [Bubble](https://bubble.io/) — создавайте и размещайте веб-приложения без необходимости писать код или нанимать команду инженеров.
|
||||
- [Carrd](https://carrd.co/) — простые, бесплатные, полностью адаптивные одностраничные сайты практически для любых целей. 
|
||||
- [Coda](https://coda.io) — новый тип документа, который объединяет гибкость текстов, мощь таблиц и утилиты приложений в едином холсте. 
|
||||
- [Kodika.io](https://kodika.io) — создавайте iOS-приложения с помощью конструктора приложений без кода для Mac и iPad, способного создавать мощные приложения с помощью Drag & Drop. 
|
||||
- [PageXL](https://pagexl.com/) — простой конструктор одностраничных сайтов для быстрого создания лендингов и интернет-магазинов. 
|
||||
- [Remove.bg](https://www.remove.bg/) — бесплатный сервис для удаления фона с любого фото. 
|
||||
- [Retool](https://tryretool.com/) — предоставляет строительные блоки, чтобы вы могли создавать инструменты гораздо быстрее.
|
||||
- [sheet2api](https://sheet2api.com/) — создайте API из Google Sheets или Excel Online Spreadsheets без необходимости писать код.
|
||||
- [Sheet2Site](https://www.sheet2site.com/) — создайте сайт из Google Sheets без написания кода.
|
||||
- [Shopify](https://www.shopify.com/) — платформа со всеми функциями для электронной коммерции и точек продаж, необходимыми для запуска, ведения и роста вашего бизнеса.
|
||||
- [Thunkable](https://thunkable.com/) — инструмент drag-and-drop для создания нативных мобильных приложений для всех.
|
||||
- [UserGuiding](https://userguiding.com/) — создавайте пошаговые руководства, контрольные списки, подсветки и модальные окна для улучшения вовлечения пользователей.
|
||||
|
||||
</article>
|
||||
|
||||
@ -718,19 +718,19 @@ With a rise of “no code tools”, everyone with a laptop can build and launch
|
||||
|
||||
### Инструменты Pixel Art (пиксельная графика)
|
||||
|
||||
Pixel art is a digital art form where color is applied to individual pixels to create an image. The pixel art can be used to create everything from intricate scenes and game backgrounds to character designs or emoji. If you feel curious to try, check this pixel art software for both macOS and Windows:
|
||||
Пиксель-арт — это форма цифрового искусства, в которой цвет применяется к отдельным пикселям для создания изображения. Пиксельное искусство может использоваться для создания всего: от сложных сцен и фонов для игр до дизайна персонажей или эмодзи. Если вам интересно попробовать, изучите это программное обеспечение для пиксельного искусства для macOS и Windows:
|
||||
|
||||
- [Aseprite](https://www.aseprite.org/) — animated sprite editor & pixel art tool. 
|
||||
- [Data Pixels](https://github.com/gmattie/Data-Pixels) — create pixel art programmatically. Includes DataPixels.js and Data Pixels Playground desktop app.  
|
||||
- [Draw!](http://www.drawbang.com/) — open-source and free web-based pixel art and GIF editor.  
|
||||
- [Grafx2](https://gitlab.com/GrafX2/grafX2) — a bitmap paint program inspired by the Amiga programs Deluxe Paint and Brilliance. Specialized in 256-color drawing.  
|
||||
- [GraphicsGale](https://graphicsgale.com/us/) — has many pixel-art specific features, including palette control, selectively erasing colors, and tools for quickly replacing and trying new colors. 
|
||||
- [Goya](https://jackschaedler.github.io/goya/) — a pixel-art editor built on ClojureScript and Om.  
|
||||
- [Make 8 bit art](https://make8bitart.com/) — an open source and in-browser pixel art drawing tool.  [](https://github.com/jennschiffer/make8bitart)
|
||||
- [Piskel](https://www.piskelapp.com/) — online editor for animated sprites & pixel art.  
|
||||
- [Pixel art to CSS](https://www.pixelartcss.com/) — pixel art animation and drawing web app powered by React.  
|
||||
- [Poxi](http://app.poxi.rocks/) — a flat pixel art editor.  
|
||||
- [Pyxel Edit](https://pyxeledit.com/) — a pixel art editor designed to make it fun and easy to make tilesets, levels and animations.  
|
||||
- [Aseprite](https://www.aseprite.org/) — редактор анимированных спрайтов и инструмент для пиксельного искусства. 
|
||||
- [Data Pixels](https://github.com/gmattie/Data-Pixels) — создание пиксельного искусства программно. Включает DataPixels.js и настольное приложение Data Pixels Playground.  
|
||||
- [Draw!](http://www.drawbang.com/) — бесплатный и с открытым исходным кодом веб-инструмент для редактирования пиксельного искусства и GIF.  
|
||||
- [Grafx2](https://gitlab.com/GrafX2/grafX2) — программа для рисования растровой графики, вдохновленная Amiga-программами Deluxe Paint и Brilliance. Специализируется на рисовании с использованием 256 цветов.  
|
||||
- [GraphicsGale](https://graphicsgale.com/us/) — обладает множеством функций, специфичных для пиксельного искусства, включая управление палитрой, выборочное удаление цветов и инструменты для быстрой замены и тестирования новых цветов. 
|
||||
- [Goya](https://jackschaedler.github.io/goya/) — редактор пиксельного искусства, построенный на ClojureScript и Om.  
|
||||
- [Make 8 bit art](https://make8bitart.com/) — инструмент для рисования пиксельного искусства в браузере с открытым исходным кодом.  [](https://github.com/jennschiffer/make8bitart)
|
||||
- [Piskel](https://www.piskelapp.com/) — онлайн-редактор для анимированных спрайтов и пиксельного искусства.  
|
||||
- [Pixel art to CSS](https://www.pixelartcss.com/) — веб-приложение для анимации и рисования пиксельного искусства на CSS, созданное на базе React.  
|
||||
- [Poxi](http://app.poxi.rocks/) — простой редактор пиксельного искусства.  
|
||||
- [Pyxel Edit](https://pyxeledit.com/) — редактор пиксельного искусства, созданный для увлекательного и простого создания тайлсетов, уровней и анимации.  
|
||||
|
||||
</article>
|
||||
|
||||
@ -738,33 +738,33 @@ Pixel art is a digital art form where color is applied to individual pixels to c
|
||||
|
||||
### Инструменты прототипирования
|
||||
|
||||
A prototype is a simple experimental design of a proposed solution. It should help to test ideas, design assumptions, and hypotheses in a fast and cheap way. Prototyping tools allow designers and clients to see how the product would function in the real world and collaborate on this solution. Many modern prototyping tools can use for wireframing, prototyping, and collaboration:
|
||||
Прототип — это простой экспериментальный дизайн предлагаемого решения. Он должен помочь проверить идеи, дизайнерские предположения и гипотезы быстро и экономично. Инструменты для создания прототипов позволяют дизайнерам и клиентам увидеть, как продукт будет функционировать в реальном мире, и сотрудничать над этим решением. Многие современные инструменты для прототипирования можно использовать для построения каркасов, прототипирования и совместной работы.
|
||||
|
||||
- [Alva](https://www.meetalva.io/) — create living prototypes with code components. It's also open source.  [](https://github.com/meetalva/alva)
|
||||
- [Axure RP](https://www.axure.com/) — wireframing, prototyping, collaboration & specifications generation.
|
||||
- [SAP Build](https://www.build.me/) — a complete set of cloud‑based tools to design and build your enterprise app.
|
||||
- [Creo](https://creolabs.com/) — prototyping, code exporting and built-in mobile app builder. 
|
||||
- [Drama](https://www.drama.app/) — prototype, animate and design in a single Mac app. 
|
||||
- [InVision](https://www.invisionapp.com/) — prototyping, collaboration & workflow platform. 
|
||||
- [Flinto](https://www.flinto.com/) — a Mac app for creating interactive and animated prototypes of app designs.
|
||||
- [Framer X](https://framer.com/) — a tool to visually design realistic interactive prototypes. 
|
||||
- [Keynote](https://www.apple.com/keynote/) — the built-in Mac app for creating presentations that can also be used for quick prototyping (see how Apple designers use it in the WWDC 2014 session "[Prototyping: Fake It Till You Make It](https://developer.apple.com/videos/play/wwdc2014/223/)" to verify design concepts).  
|
||||
- [Lightwell](https://lightwell.pro/) — visual tool and SDK to build mobile layouts and animations that translate into native iOS elements. 
|
||||
- [Marvel App](https://marvelapp.com/) — the collaborative design platform. Wireframe, prototype, design online and create design specs in one place.
|
||||
- [Maze](https://maze.design/) — a tool for designers and developers that gives analytical results with actionable KPIs for your Invision prototypes.
|
||||
- [Origami](https://origami.design/) — a free tool for designing modern user interfaces. Quickly put together a prototype, run it on your iPhone or iPad, iterate on it, and export code snippets your engineers can use.  
|
||||
- [Pencil](https://pencil.evolus.vn/) — prototyping tool with many built-in components that people can easily install and use to create mockups in popular desktop platforms. 
|
||||
- [Principle](https://principleformac.com/) — makes it easy to design animated and interactive user interfaces. 
|
||||
- [ProtoPie](https://www.protopie.io/) — piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.
|
||||
- [Proto.io](https://proto.io/) — a tool to create fully-interactive high-fidelity prototypes that look and work exactly as your app should.
|
||||
- [Prott](https://prottapp.com/) — an easy to use and intuitive prototyping tool, promotes team collaboration.
|
||||
- [Uizard](https://uizard.io/) — transform wireframes into high-fidelity interactive prototypes, customize style systems, export to Sketch, export to HTML/CSS code. 
|
||||
- [Useberry](https://www.useberry.com/) — a usability testing tool that allows importing prototypes from InVision, AdodeXD, Sketch, Marvel and getting users’ behavior insights with heatmaps, video recordings, user flows, time bars and answers of follow-up questions.
|
||||
- [UXPin](https://www.uxpin.com/) — build prototypes that feel real, with powers of code components, logic, states, and design systems. 
|
||||
- [Alva](https://www.meetalva.io/) — создавайте живые прототипы с компонентами кода. Также является open source.  [](https://github.com/meetalva/alva)
|
||||
- [Axure RP](https://www.axure.com/) — каркас, прототипирование, совместная работа и генерация спецификаций.
|
||||
- [SAP Build](https://www.build.me/) — полный набор облачных инструментов для проектирования и создания корпоративных приложений.
|
||||
- [Creo](https://creolabs.com/) — прототипирование, экспорт кода и встроенный конструктор мобильных приложений. 
|
||||
- [Drama](https://www.drama.app/) — прототипирование, анимация и дизайн в одном приложении для Mac. 
|
||||
- [InVision](https://www.invisionapp.com/) — платформа для прототипирования, совместной работы и управления рабочими процессами. 
|
||||
- [Flinto](https://www.flinto.com/) — приложение для Mac, позволяющее создавать интерактивные и анимированные прототипы дизайнов приложений.
|
||||
- [Framer X](https://framer.com/) — инструмент для визуального проектирования реалистичных интерактивных прототипов. 
|
||||
- [Keynote](https://www.apple.com/keynote/) — встроенное приложение для Mac для создания презентаций, которое также можно использовать для быстрого прототипирования (пример использования дизайнерами Apple на WWDC 2014 в сессии "[Prototyping: Fake It Till You Make It](https://developer.apple.com/videos/play/wwdc2014/223/)").  
|
||||
- [Lightwell](https://lightwell.pro/) — визуальный инструмент и SDK для создания мобильных макетов и анимаций, которые переводятся в элементы iOS. 
|
||||
- [Marvel App](https://marvelapp.com/) — платформа для совместной работы над дизайном. Каркас, прототипирование, дизайн онлайн и создание спецификаций в одном месте.
|
||||
- [Maze](https://maze.design/) — инструмент для дизайнеров и разработчиков, предоставляющий аналитические результаты с действенными KPI для ваших прототипов InVision.
|
||||
- [Origami](https://origami.design/) — бесплатный инструмент для проектирования современных пользовательских интерфейсов. Быстро создавайте прототипы, запускайте их на iPhone или iPad, вносите изменения и экспортируйте фрагменты кода для разработчиков.  
|
||||
- [Pencil](https://pencil.evolus.vn/) — инструмент для прототипирования с множеством встроенных компонентов, которые легко устанавливаются и используются для создания макетов на популярных настольных платформах. 
|
||||
- [Principle](https://principleformac.com/) — делает процесс проектирования анимированных и интерактивных пользовательских интерфейсов простым и удобным. 
|
||||
- [ProtoPie](https://www.protopie.io/) — создавайте высокоточные взаимодействия, прототипы с использованием сенсоров и делитесь своими удивительными творениями за считанные минуты.
|
||||
- [Proto.io](https://proto.io/) — инструмент для создания полностью интерактивных прототипов высокой точности, которые выглядят и работают точно так же, как ваше приложение.
|
||||
- [Prott](https://prottapp.com/) — простой в использовании инструмент для прототипирования, способствующий командной работе.
|
||||
- [Uizard](https://uizard.io/) — преобразуйте каркасы в высокоточные интерактивные прототипы, настраивайте системы стилей, экспортируйте в Sketch или HTML/CSS код. 
|
||||
- [Useberry](https://www.useberry.com/) — инструмент для тестирования удобства использования, позволяющий импортировать прототипы из InVision, AdobeXD, Sketch, Marvel и получать аналитическую информацию о поведении пользователей с помощью тепловых карт, видеозаписей, пользовательских потоков, временных шкал и ответов на последующие вопросы.
|
||||
- [UXPin](https://www.uxpin.com/) — создавайте прототипы, которые кажутся реальными, с возможностями компонентов кода, логики, состояний и систем дизайна. 
|
||||
|
||||
<div class="banner banner--yellow">
|
||||
|
||||
You can also do prototyping with Figma, Adobe XD, Sketch and InVision Studio, which are mentioned in the [UI Design Tools section](#ui-design-tools).
|
||||
Вы также можете заниматься прототипированием с помощью Figma, Adobe XD, Sketch и InVision Studio, которые упомянуты в разделе [UI дизайн](#ui-design-tools).
|
||||
|
||||
</div>
|
||||
|
||||
@ -774,31 +774,30 @@ You can also do prototyping with Figma, Adobe XD, Sketch and InVision Studio, wh
|
||||
|
||||
### Для создания скриншотов
|
||||
|
||||
Taking screenshots is a typical task in the design & development workflow. So these free and full-featured screenshot apps can help you capture a screen with ease. Some screen captures are macOS only, while others support both OS:
|
||||
Создание скриншотов — типичная задача в рабочем процессе дизайна и разработки. Эти бесплатные и полнофункциональные приложения для скриншотов помогут вам легко захватывать экран. Некоторые инструменты работают только на macOS, в то время как другие поддерживают обе операционные системы:
|
||||
|
||||
- [Camtasia](https://www.techsmith.com/video-editor.html) — a screen recorder that comes with a full-blown built-in editor.
|
||||
- [CleanShot](https://getcleanshot.com) — capture your screen in a superior way with a built-in annotation tool and Quick Access Overlay. 
|
||||
- [CloudApp](https://www.getcloudapp.com/) — record videos, webcam, annotate screenshots, create GIFs.
|
||||
- [Collabshot](https://www.collabshot.com/) — take and collaborate on screenshots in real-time with your coworkers. 
|
||||
- [Gifox](https://gifox.io) — delightful GIF recording and sharing app. 
|
||||
- [Giphy Capture](https://giphy.com/apps/giphycapture) — capture parts of your screen and export as gif or mp4.  
|
||||
- [Greenshot](https://getgreenshot.org/) — take a screenshot of a selected region, window or fullscreen. 
|
||||
- [Kap](https://getkap.co) — open source screen recorder with options to export to GIF, MP4, WebM and APNG.  [](https://github.com/wulkano/kap) 
|
||||
- [Lighshot](https://itunes.apple.com/us/app/lightshot-screenshot/id526298438) — taking quick captures of your screen. 
|
||||
- [Monosnap](https://itunes.apple.com/us/app/monosnap/id540348655?mt=12) — create screenshots, annotate and upload them to the cloud. 
|
||||
- [OBS](https://obsproject.com/) — open source software for video recording and live streaming.  
|
||||
- [Quicktime](https://support.apple.com/quicktime) — a video player that you can use to record your screen.  
|
||||
- [ScreenFlow](http://www.telestream.net/screenflow/overview.htm) — video editing and screen recording
|
||||
software for Mac. 
|
||||
- [Screenie](https://www.thnkdev.com/Screenie/) — filter and search through images, change screenshot filetypes. 
|
||||
- [ScreenshotAPI.net](https://screenshotapi.net) — create pixel-perfect full page website screenshots. 
|
||||
- [ScreenToGif](https://www.screentogif.com/) — record a gif of part of the screen. Only available for Windows.  [](https://github.com/wulkano/kap)
|
||||
- [ShareX](https://getsharex.com/) — screen capture, file sharing, and productivity tool.  
|
||||
- [Shotty](https://meetshotty.com) — a menu bar app that helps you quickly find the screenshot you're looking for so you can drag and drop it into any application. 
|
||||
- [Snagit](https://www.techsmith.com/screen-capture.html) — capture images and video, create GIFs, annotate, edit, and share.
|
||||
- [Snipping Tool](https://support.microsoft.com/en-us/help/13776/windows-use-snipping-tool-to-capture-screenshots) — Windows free screenshot tool. 
|
||||
- [Snappy](http://snappy-app.com/) — takes quick shots and organizes them for you into collections.  
|
||||
- [Teampaper Snap](https://teampaper.me/snap/) — allows you to take screenshots of a selected area.  
|
||||
- [Camtasia](https://www.techsmith.com/video-editor.html) — инструмент для записи экрана с встроенным полноценным редактором.
|
||||
- [CleanShot](https://getcleanshot.com) — захват экрана с улучшенным встроенным инструментом аннотаций и быстрым доступом. 
|
||||
- [CloudApp](https://www.getcloudapp.com/) — запись видео, веб-камеры, аннотирование скриншотов, создание GIF.
|
||||
- [Collabshot](https://www.collabshot.com/) — делайте скриншоты и сотрудничайте над ними в реальном времени с коллегами. 
|
||||
- [Gifox](https://gifox.io) — приложение для записи и обмена GIF-анимациями. 
|
||||
- [Giphy Capture](https://giphy.com/apps/giphycapture) — захват частей экрана и экспорт в GIF или MP4.  
|
||||
- [Greenshot](https://getgreenshot.org/) — снимок выбранной области, окна или полного экрана. 
|
||||
- [Kap](https://getkap.co) — инструмент с открытым исходным кодом для записи экрана и экспорта в GIF, MP4, WebM и APNG.  [](https://github.com/wulkano/kap) 
|
||||
- [Lighshot](https://itunes.apple.com/us/app/lightshot-screenshot/id526298438) — создание быстрых скриншотов экрана. 
|
||||
- [Monosnap](https://itunes.apple.com/us/app/monosnap/id540348655?mt=12) — создание скриншотов, аннотирование и загрузка в облако. 
|
||||
- [OBS](https://obsproject.com/) — программное обеспечение с открытым исходным кодом для записи видео и потоковой трансляции.  
|
||||
- [Quicktime](https://support.apple.com/quicktime) — видеоплеер, который также можно использовать для записи экрана.  
|
||||
- [ScreenFlow](http://www.telestream.net/screenflow/overview.htm) — программное обеспечение для редактирования видео и записи экрана для Mac. 
|
||||
- [Screenie](https://www.thnkdev.com/Screenie/) — фильтруйте и ищите изображения, меняйте форматы файлов скриншотов. 
|
||||
- [ScreenshotAPI.net](https://screenshotapi.net) — создавайте идеальные полноэкранные снимки сайтов. 
|
||||
- [ScreenToGif](https://www.screentogif.com/) — записывайте GIF-анимацию части экрана. Только для Windows.  [](https://github.com/wulkano/kap)
|
||||
- [ShareX](https://getsharex.com/) — инструмент для захвата экрана, обмена файлами и повышения продуктивности.  
|
||||
- [Shotty](https://meetshotty.com) — приложение для быстрого поиска нужного скриншота с последующим перетаскиванием в любое приложение. 
|
||||
- [Snagit](https://www.techsmith.com/screen-capture.html) — захват изображений и видео, создание GIF, аннотирование, редактирование и обмен.
|
||||
- [Snipping Tool](https://support.microsoft.com/en-us/help/13776/windows-use-snipping-tool-to-capture-screenshots) — бесплатный инструмент для скриншотов на Windows. 
|
||||
- [Snappy](http://snappy-app.com/) — делает быстрые снимки экрана и организует их в коллекции.  
|
||||
- [Teampaper Snap](https://teampaper.me/snap/) — позволяет делать скриншоты выбранной области.  
|
||||
|
||||
</article>
|
||||
|
||||
@ -806,16 +805,16 @@ Taking screenshots is a typical task in the design & development workflow. So th
|
||||
|
||||
### Для набросков
|
||||
|
||||
Sometimes you need just a pencil and paper to start creating your app or website. So here are you can find online sketching tools with great sketch sheet templates to speed up your creative process:
|
||||
Иногда для начала создания приложения или веб-сайта вам нужны всего лишь карандаш и бумага. Вот несколько онлайн-инструментов для эскизов с отличными шаблонами, которые помогут ускорить ваш творческий процесс:
|
||||
|
||||
- [Responsive Sketchsheets](https://zurb.com/playground/responsive-sketchsheets) — offers responsive pre-design templates. These will automatically adapt their layout to any screen size and include neat features. 
|
||||
- [Sketchsheets](https://sketchsheets.com/) — an open source project dedicated to providing free printable templates of the latest devices and platforms for wireframing designs.  [](https://github.com/rnarrkus/sketchsheets)
|
||||
- [Sneakpeekit](https://sneakpeekit.com/) — print note taking grids and devices frames. 
|
||||
- [Sketchize](https://sketchize.com/) — just choose any of the sketch sheets that fits your project, print it out and start to sketch your dream. 
|
||||
- [Responsive Sketchsheets](https://zurb.com/playground/responsive-sketchsheets) — предлагает адаптивные предустановленные шаблоны. Они автоматически подстраивают свой макет под любой размер экрана и включают полезные функции. 
|
||||
- [Sketchsheets](https://sketchsheets.com/) — проект с открытым исходным кодом, предоставляющий бесплатные шаблоны для печати последних устройств и платформ для создания дизайнов в виде wireframe.  [](https://github.com/rnarrkus/sketchsheets)
|
||||
- [Sneakpeekit](https://sneakpeekit.com/) — печатайте сетки для заметок и рамки устройств. 
|
||||
- [Sketchize](https://sketchize.com/) — выберите любой из доступных шаблонов, подходящих для вашего проекта, распечатайте его и начните создавать свой проект мечты. 
|
||||
|
||||
<div class="banner banner--yellow">
|
||||
|
||||
You can also do some sketching with Sketch mentioned in [UI design tools](https://github.com/LisaDziuba/Awesome-Design-Tools#ui-design-tools).
|
||||
Вы также можете создавать наброски с помощью Sketch, упомянутого в разделе [UI дизайн](#ui-design-tools).
|
||||
|
||||
</div>
|
||||
|
||||
@ -825,14 +824,14 @@ You can also do some sketching with Sketch mentioned in [UI design tools](https:
|
||||
|
||||
### Дизайн для SMM
|
||||
|
||||
Often marketing teams need well-design materials. It can be different banners, promo visuals, favicons, animations or just nice images for social platforms, like Twitter or Instagram. It this section we will keep adding tools for everyone to create marketing designs.
|
||||
Часто маркетинговым командам нужны хорошо оформленные материалы. Это могут быть различные баннеры, промо-визуалы, фавиконы, анимации или просто красивые изображения для социальных платформ, таких как Twitter или Instagram. В этом разделе мы будем добавлять инструменты, которые помогут каждому создавать маркетинговые дизайны.
|
||||
|
||||
- [Canva](https://www.canva.com/) — create stunning designs for work, life, and play—even if you're not a design expert!
|
||||
- [Crello](https://crello.com/) — create own designs: posts, covers, graphics, and posters using the best software on the web.
|
||||
- [Pablo by Buffer](https://pablo.buffer.com/) — design engaging images for your social media posts. 
|
||||
- [Remove.bg](https://www.remove.bg/) — a free service to remove the background of any photo. 
|
||||
- [SocialSizes](https://socialsizes.io/) — provides designers with the best sizes to use for image and video content on social media. 
|
||||
- [Stencil](https://getstencil.com/) — a graphic design tool that is all about creating social media images easily and quickly.
|
||||
- [Canva](https://www.canva.com/) — создавайте потрясающие дизайны для работы, жизни и развлечений — даже если вы не являетесь экспертом в дизайне!
|
||||
- [Crello](https://crello.com/) — создавайте собственные дизайны: посты, обложки, графику и постеры с использованием лучшего программного обеспечения в интернете.
|
||||
- [Pablo by Buffer](https://pablo.buffer.com/) — создавайте увлекательные изображения для своих постов в социальных сетях. 
|
||||
- [Remove.bg](https://www.remove.bg/) — бесплатный сервис для удаления фона с любого фото. 
|
||||
- [SocialSizes](https://socialsizes.io/) — предоставляет дизайнерам лучшие размеры для использования изображений и видео-контента в социальных сетях. 
|
||||
- [Stencil](https://getstencil.com/) — инструмент графического дизайна, который позволяет легко и быстро создавать изображения для социальных сетей.
|
||||
|
||||
</article>
|
||||
|
||||
@ -840,21 +839,21 @@ Often marketing teams need well-design materials. It can be different banners, p
|
||||
|
||||
### Звуковой дизайн
|
||||
|
||||
Sound design is an art of creating a soundscape for a site, app, movie, game or any other product. The sound has great potential for transforming the way people connect with your product. Some sound design software is very advanced and can be used mostly by sound designers, while others are good for beginners.
|
||||
Sound design — это искусство создания звукового ландшафта для сайта, приложения, фильма, игры или любого другого продукта. Звук обладает огромным потенциалом для преобразования того, как люди взаимодействуют с вашим продуктом. Некоторые программы для звукового дизайна являются очень сложными и предназначены в основном для профессиональных звукорежиссёров, в то время как другие подходят для начинающих.
|
||||
|
||||
- [Appsounds](https://appsounds.pro/) — UI Sound packs for apps, games, and any product.
|
||||
- [AudioJungle](https://audiojungle.net/) — 836,206 tracks and sounds from the community of musicians and sound engineers.
|
||||
- [Bensound](https://www.bensound.com/) — download creative commons music, royalty free music for free and use it in your project. 
|
||||
- [Freesound](https://freesound.org/) — a collaborative database of Creative Commons Licensed sounds. Browse, download and share sounds. 
|
||||
- [Fugue Music](https://icons8.com/music) — download free background music for your videos. 
|
||||
- [Max](https://cycling74.com/products/max/) — connect objects with virtual patch cords to create interactive sounds, graphics, and custom effects.
|
||||
- [Reaper](http://reaper.fm/) — import any audio and MIDI, synthesize, sample, compose, arrange, edit, mix, and master songs or any other audio projects.
|
||||
- [Sonic Pi](https://sonic-pi.net/) — a live coding music synth.  
|
||||
- [SoundKit](https://soundkit.io/) — a UI sound library designed for all of your interface needs.
|
||||
- [UI Sounds](https://uisounds.prototypr.io/) — learn sound design for user interfaces by example.
|
||||
- [Wistia Music](https://wistia.com/resources/music) — download some free background tracks to add energy and emotion to your videos. 
|
||||
- [WOWA](https://www.wowa.me/) — download royalty-free music for YouTube videos, podcasts, and apps. No copyright CC0. Music inspired by Unsplash. 
|
||||
- [YouTube Audio Library](https://www.youtube.com/audiolibrary/music) — browse and download free music for your project. 
|
||||
- [Appsounds](https://appsounds.pro/) — UI Sound packs для приложений, игр и любых других продуктов.
|
||||
- [AudioJungle](https://audiojungle.net/) — 836,206 треков и звуков от сообщества музыкантов и звукорежиссёров.
|
||||
- [Bensound](https://www.bensound.com/) — скачивайте музыку Creative Commons, бесплатную роялти-фри музыку для использования в своих проектах. 
|
||||
- [Freesound](https://freesound.org/) — коллективная база данных звуков с лицензией Creative Commons. Просматривайте, скачивайте и делитесь звуками. 
|
||||
- [Fugue Music](https://icons8.com/music) — скачивайте бесплатную фоновую музыку для своих видео. 
|
||||
- [Max](https://cycling74.com/products/max/) — соединяйте объекты виртуальными проводами для создания интерактивных звуков, графики и пользовательских эффектов.
|
||||
- [Reaper](http://reaper.fm/) — импортируйте любые аудио- и MIDI-файлы, синтезируйте, создавайте сэмплы, сочиняйте, аранжируйте, редактируйте, микшируйте и мастерите песни или любые другие аудиопроекты.
|
||||
- [Sonic Pi](https://sonic-pi.net/) — музыкальный синтезатор для живого кодинга.  
|
||||
- [SoundKit](https://soundkit.io/) — библиотека UI-звуков для всех ваших интерфейсных нужд.
|
||||
- [UI Sounds](https://uisounds.prototypr.io/) — изучайте звуковой дизайн для пользовательских интерфейсов на примерах.
|
||||
- [Wistia Music](https://wistia.com/resources/music) — скачивайте бесплатные фоновые треки, чтобы добавить энергии и эмоций в свои видео. 
|
||||
- [WOWA](https://www.wowa.me/) — скачивайте роялти-фри музыку для видео на YouTube, подкастов и приложений. Без авторских прав (CC0). Музыка, вдохновлённая Unsplash. 
|
||||
- [YouTube Audio Library](https://www.youtube.com/audiolibrary/music) — просматривайте и скачивайте бесплатную музыку для своих проектов. 
|
||||
|
||||
</article>
|
||||
|
||||
@ -862,42 +861,42 @@ Sound design is an art of creating a soundscape for a site, app, movie, game or
|
||||
|
||||
### Работа со стоковыми фотографиями
|
||||
|
||||
Need a high-quality photo for iOS app or new banner? You can always shoot it yourself or borrow from the stock photo sites. Luckily, there are hundreds of beautiful, free stock photos and royalty-free images that you can use for any project:
|
||||
Нужна качественная фотография для iOS-приложения или нового баннера? Вы всегда можете сделать её самостоятельно или воспользоваться стоковыми фото. К счастью, существует множество красивых бесплатных стоковых фотографий и изображений без авторских отчислений, которые можно использовать в любых проектах.
|
||||
|
||||
- [Burst](https://burst.shopify.com/) — free stock photos for websites and commercial use. 
|
||||
- [Duotone](https://duotone.shapefactory.co/) — free duotone images to use in any project, or make custom duotone images. 
|
||||
- [Death to Stock](https://deathtothestockphoto.com/) — paid-for stock photo service with a mailing list for occasional free packs, and a focus on not looking like stock photography.
|
||||
- [FoodiesFeed](https://foodiesfeed.com/) — thousands of beautiful realistic free food pictures in high resolution. 
|
||||
- [FreePhotos.cc](https://freephotos.cc/) — free stock photos for commercial use. 
|
||||
- [Freestocks.org](http://freestocks.org/) — high quality photos all released under Creative Commons CC0. 
|
||||
- [Gratisography](https://gratisography.com) — a collection of free high-resolution pictures. 
|
||||
- [Jay Mantri](https://jaymantri.com/) — 7 new photos released every Thursday under the Creative Commons CC0. 
|
||||
- [Kaboom Pics](https://kaboompics.com/) — stock photos including abstract, city/architecture, fashion, food & landscapes. 
|
||||
- [LandingStock](https://landingstock.com/) — a collection of free images for your landing page. 
|
||||
- [Life of Pix](https://www.lifeofpix.com/) — free high-resolution photos, created by the LEEROY team. 
|
||||
- [LoremPixel](https://lorempixel.com/) — an API that serves stock photos at specified sizes and categories. Great for placeholder/user-generated content. 
|
||||
- [Magdeleine](https://magdeleine.co/) — free high-quality stock photos for your inspiration. 
|
||||
- [Moose](https://photos.icons8.com/) — don't search for stock photos, create them. 
|
||||
- [MMT STock](http://mmtstock.com/) — high-resolution photos provided by Jeffrey Betts with Creative Commons CC0. 
|
||||
- [New Old Stock](https://nos.twnsnd.co/) — a vintage photos from the public archives free of known copyright restrictions. 
|
||||
- [Pexels](https://www.pexels.com/) — an aggregate of many free stock photo resources. 
|
||||
- [Photo Creator](https://photos.icons8.com/creator) — a free tool for creating realistic stock photos on your demand. 
|
||||
- [Picography](https://picography.co/) — free stock photos by Dave Meier and various other photographers with Creative Commons CC0. 
|
||||
- [Pixabay](https://pixabay.com/) — sharing photos, illustrations, vector graphics, and film footage under a proprietary license. 
|
||||
- [Picjumbo](http://picjumbo.com/) — a collection of totally free photos for your commercial & personal works. 
|
||||
- [Pngtree](https://pngtree.com/) — millions of PNG images, backgrounds and vectors for free download. 
|
||||
- [pxhere](https://pxhere.com/) — free image stock. 
|
||||
- [Reshot](https://www.reshot.com/) — a massive library of handpicked free stock photos you won’t find elsewhere. 
|
||||
- [ShotStash](https://shotstash.com/) — thousands of free high-resolution CC0 photos and videos. 
|
||||
- [SkitterPhoto](https://skitterphoto.com/) — a wide variety of stock photos and are released under Creative Commons CC0. 
|
||||
- [Startup Stock Photos](http://startupstockphotos.com/) — free photos for startups, bloggers and publishers. 
|
||||
- [StockSnap.io](https://stocksnap.io/) — a large selection of free stock photos and high-resolution images. 
|
||||
- [StyledStock](https://styledstock.co/) — free feminine stock photography for every woman entrepreneur. 
|
||||
- [The Gender Spectrum Collection](https://broadlygenderphotos.vice.com/) — a stock photo library featuring images of trans and non-binary models that go beyond the clichés. 
|
||||
- [UI Faces](https://uifaces.co/) — an aggregator that indexes various free avatar sources that you can use in your design mockups. 
|
||||
- [Unsplash](https://unsplash.com) — stock photos free to use. 
|
||||
- [#WOCinTech Chat Photos](https://www.flickr.com/photos/wocintechchat) — free stock photos of women technologists of diverse backgrounds. 
|
||||
- [Zoommy](http://www.zoommyapp.com) — helps you find awesome free stock photos for your creative product or inspiration. 
|
||||
- [Burst](https://burst.shopify.com/) — бесплатные стоковые фотографии для веб-сайтов и коммерческого использования. 
|
||||
- [Duotone](https://duotone.shapefactory.co/) — бесплатные дуотоновые изображения для использования в любых проектах или создания своих собственных. 
|
||||
- [Death to Stock](https://deathtothestockphoto.com/) — платный стоковый сервис с рассылкой бесплатных наборов фотографий и акцентом на нестандартных изображениях.
|
||||
- [FoodiesFeed](https://foodiesfeed.com/) — тысячи красивых реалистичных фотографий еды в высоком разрешении, доступные бесплатно. 
|
||||
- [FreePhotos.cc](https://freephotos.cc/) — бесплатные стоковые фотографии для коммерческого использования. 
|
||||
- [Freestocks.org](http://freestocks.org/) — качественные фотографии, распространяемые под лицензией Creative Commons CC0. 
|
||||
- [Gratisography](https://gratisography.com) — коллекция бесплатных фотографий высокого разрешения. 
|
||||
- [Jay Mantri](https://jaymantri.com/) — каждую неделю добавляется 7 новых фотографий под лицензией Creative Commons CC0. 
|
||||
- [Kaboom Pics](https://kaboompics.com/) — стоковые фотографии, включая абстракции, архитектуру, моду, еду и пейзажи. 
|
||||
- [LandingStock](https://landingstock.com/) — коллекция бесплатных изображений для ваших лендингов. 
|
||||
- [Life of Pix](https://www.lifeofpix.com/) — бесплатные фотографии в высоком разрешении, созданные командой LEEROY. 
|
||||
- [LoremPixel](https://lorempixel.com/) — API для предоставления стоковых фотографий с заданными размерами и категориями. Отличный инструмент для создания плейсхолдеров. 
|
||||
- [Magdeleine](https://magdeleine.co/) — бесплатные фотографии высокого качества для вашего вдохновения. 
|
||||
- [Moose](https://photos.icons8.com/) — создавайте стоковые фотографии по запросу вместо поиска готовых. 
|
||||
- [MMT Stock](http://mmtstock.com/) — фотографии высокого разрешения от Джеффри Беттса, распространяемые под лицензией Creative Commons CC0. 
|
||||
- [New Old Stock](https://nos.twnsnd.co/) — винтажные фотографии из публичных архивов без известных ограничений авторских прав. 
|
||||
- [Pexels](https://www.pexels.com/) — агрегатор многих бесплатных ресурсов стоковых фотографий. 
|
||||
- [Photo Creator](https://photos.icons8.com/creator) — бесплатный инструмент для создания реалистичных стоковых фотографий на заказ. 
|
||||
- [Picography](https://picography.co/) — бесплатные стоковые фотографии от Дейва Мейера и других фотографов под лицензией Creative Commons CC0. 
|
||||
- [Pixabay](https://pixabay.com/) — фотографии, иллюстрации, векторные графики и видеоматериалы под собственной лицензией. 
|
||||
- [Picjumbo](http://picjumbo.com/) — коллекция полностью бесплатных фотографий для коммерческого и личного использования. 
|
||||
- [Pngtree](https://pngtree.com/) — миллионы PNG-изображений, фонов и векторов для бесплатного скачивания. 
|
||||
- [pxhere](https://pxhere.com/) — бесплатные стоковые изображения. 
|
||||
- [Reshot](https://www.reshot.com/) — огромная библиотека тщательно отобранных бесплатных стоковых фотографий, которые нельзя найти в других местах. 
|
||||
- [ShotStash](https://shotstash.com/) — тысячи бесплатных фотографий и видео высокого разрешения под лицензией CC0. 
|
||||
- [SkitterPhoto](https://skitterphoto.com/) — разнообразные стоковые фотографии, распространяемые под лицензией Creative Commons CC0. 
|
||||
- [Startup Stock Photos](http://startupstockphotos.com/) — бесплатные фотографии для стартапов, блогеров и издателей. 
|
||||
- [StockSnap.io](https://stocksnap.io/) — большой выбор бесплатных стоковых фотографий и изображений высокого разрешения. 
|
||||
- [StyledStock](https://styledstock.co/) — бесплатная стоковая фотография с акцентом на женскую аудиторию. 
|
||||
- [The Gender Spectrum Collection](https://broadlygenderphotos.vice.com/) — библиотека стоковых фотографий с изображениями трансгендерных и небинарных моделей. 
|
||||
- [UI Faces](https://uifaces.co/) — агрегатор бесплатных источников аватаров, которые можно использовать в дизайне макетов. 
|
||||
- [Unsplash](https://unsplash.com) — бесплатные стоковые фотографии для использования. 
|
||||
- [#WOCinTech Chat Photos](https://www.flickr.com/photos/wocintechchat) — бесплатные стоковые фотографии женщин-технологов из разных сфер. 
|
||||
- [Zoommy](http://www.zoommyapp.com) — помогает находить отличные бесплатные стоковые фотографии для ваших проектов или вдохновения. 
|
||||
|
||||
</article>
|
||||
|
||||
@ -905,18 +904,18 @@ Need a high-quality photo for iOS app or new banner? You can always shoot it you
|
||||
|
||||
### Стоковые видео
|
||||
|
||||
If you work with video-content, you will enjoy these high-quality, hand-curated stock videos. You'll find many good and free stock video sites below, which you can use on your website, in your ad campaigns or social media:
|
||||
Если вы работаете с видео-контентом, вам понравятся эти высококачественные, тщательно подобранные стоковые видеоматериалы. Ниже вы найдете множество хороших и бесплатных сайтов со стоковыми видео, которые можно использовать на вашем сайте, в рекламных кампаниях или в социальных сетях:
|
||||
|
||||
- [Coverr](https://coverr.co/) — beautiful, free stock video footage for your homepage. 
|
||||
- [Life of Vids](http://www.lifeofvids.com/) — provides free stock videos, clips, and loops. 
|
||||
- [Mazwai](http://mazwai.com) — great collection of free creative commons HD video clips & footages. 
|
||||
- [Mixkit](https://mixkit.co/) — extraordinary Free HD videos. For you to use, completely free of charge. 
|
||||
- [Motion Places](https://www.motionplaces.com/) — a curated collection of beautiful footage you can use for your projects. 
|
||||
- [Pixabay](https://pixabay.com/) — it has more than 1.5 million royalty-free stock videos and photos shared by their community of creators. 
|
||||
- [Pexels Videos](https://www.pexels.com/videos/) — makes it easy to find free stock footage for your website, promo video or anything else. 
|
||||
- [Videezy](https://www.videezy.com/) — download millions of free and premium stock footage and motion graphics instantly.
|
||||
- [Videvo](https://www.videvo.net/) — offers a large selection of HD video clips, motion graphics, and free stock footage. 
|
||||
- [123RF](https://www.123rf.com/) — over 100,000 daily new content & 24/7 online support.
|
||||
- [Coverr](https://coverr.co/) — красивые бесплатные стоковые видеоматериалы для вашей главной страницы. 
|
||||
- [Life of Vids](http://www.lifeofvids.com/) — предоставляет бесплатные стоковые видеоролики, клипы и зацикленные видео. 
|
||||
- [Mazwai](http://mazwai.com) — отличная коллекция бесплатных видеоклипов и материалов Creative Commons в HD-качестве. 
|
||||
- [Mixkit](https://mixkit.co/) — потрясающие бесплатные видео в HD. Вы можете использовать их абсолютно бесплатно. 
|
||||
- [Motion Places](https://www.motionplaces.com/) — тщательно подобранная коллекция красивых видеоматериалов, которые вы можете использовать в своих проектах. 
|
||||
- [Pixabay](https://pixabay.com/) — более 1,5 миллиона стоковых видео и фотографий с лицензией Royalty-Free, созданных сообществом. 
|
||||
- [Pexels Videos](https://www.pexels.com/videos/) — упрощает поиск бесплатных стоковых видеоматериалов для вашего сайта, промо-роликов или других нужд. 
|
||||
- [Videezy](https://www.videezy.com/) — мгновенная загрузка миллионов бесплатных и премиальных видеоматериалов и графики.
|
||||
- [Videvo](https://www.videvo.net/) — предлагает широкий выбор видеоклипов в HD-качестве, графики и бесплатных стоковых видеоматериалов. 
|
||||
- [123RF](https://www.123rf.com/) — более 100 000 нового контента ежедневно и круглосуточная поддержка.
|
||||
|
||||
</article>
|
||||
|
||||
@ -924,14 +923,14 @@ If you work with video-content, you will enjoy these high-quality, hand-curated
|
||||
|
||||
### Изучение дизайна
|
||||
|
||||
- [Design Better](https://www.designbetter.co/) — discover the best practices, stories, and insights from the world’s top design teams and leaders. 
|
||||
- [Design+Code](https://designcode.io/) — complete courses about the best tools and design systems.
|
||||
- [DesignerUp](https://designerup.co/) — a collection of self-paced courses and mentorship to help you master Product Design (UI/UX).
|
||||
- [Figma Training](https://www.figmatraining.com) — a crash course all about Figma, for UI designers.
|
||||
- [Interaction Design Foundation](https://www.interaction-design.org/) — a website that is the industry well known for learning UX/UI skills.
|
||||
- [Laws of UX](https://lawsofux.com/) — a collection of the maxims and principles that designers can consider when building user interfaces. 
|
||||
- [Learn UX](https://learnux.io/) — a complete approach to learning UI & UX Tools.
|
||||
- [Sketch Master](https://sketchmaster.com/) — a collection of video training courses for professionals learning Sketch.
|
||||
- [Design Better](https://www.designbetter.co/) — узнайте о лучших практиках, историях и инсайтах от ведущих мировых дизайнерских команд и лидеров. 
|
||||
- [Design+Code](https://designcode.io/) — полные курсы, посвященные лучшим инструментам и системам дизайна.
|
||||
- [DesignerUp](https://designerup.co/) — подборка курсов с возможностью обучения в своем темпе и наставничество для освоения продуктового дизайна (UI/UX).
|
||||
- [Figma Training](https://www.figmatraining.com) — экспресс-курс, посвященный Figma, для дизайнеров пользовательского интерфейса.
|
||||
- [Interaction Design Foundation](https://www.interaction-design.org/) — популярный в индустрии сайт для изучения навыков UX/UI.
|
||||
- [Laws of UX](https://lawsofux.com/) — подборка максим и принципов, которые дизайнеры могут учитывать при создании пользовательских интерфейсов. 
|
||||
- [Learn UX](https://learnux.io/) — полный подход к изучению инструментов UI и UX.
|
||||
- [Sketch Master](https://sketchmaster.com/) — подборка видеокурсов для профессионалов, изучающих Sketch.
|
||||
</article>
|
||||
|
||||
<div class="hidden-in-page">
|
||||
@ -946,28 +945,28 @@ If you work with video-content, you will enjoy these high-quality, hand-curated
|
||||
|
||||
### UI-дизайн
|
||||
|
||||
What are the best UI design tools in 2019? You can pick any of the tools below and it will allow you to do dozens of design tasks — UI for site or mobile, wireframe, prototype, animation, logo. These are great and fully-functional tools for UX & UI designers:
|
||||
Какие лучшие инструменты для дизайна пользовательского интерфейса в 2024 году? Вы можете выбрать любой из перечисленных инструментов, которые позволят вам выполнять десятки задач по дизайну — создание пользовательского интерфейса для сайта или мобильного приложения, разработку каркасов, прототипов, анимации или логотипов. Эти инструменты являются отличными и полнофункциональными для дизайнеров UX и UI:
|
||||
|
||||
- [Adobe XD](https://www.adobe.com/products/xd.html) — design, prototype, and share any user experience, from websites and mobile apps to voice interactions. 
|
||||
- [Affinity Designer](https://affinity.serif.com/en-gb/designer/) — a vector graphics editor for macOS, iOS, and Microsoft Windows.
|
||||
- [Akira](https://github.com/akiraux/Akira) — native Linux App for UI and UX Design built in Vala and Gtk. 
|
||||
- [Botmock](https://www.botmock.com) — design, prototype, and test voice and text conversational apps. Supports multiple platforms.
|
||||
- [CleverBrush](https://www.cleverbrush.com/) — a browser-based online vector editor and digital publishing tool which is possible to integrate to the page as JS component.
|
||||
- [Figma](https://www.figma.com/) — a design tool based in the browser, that allows to design and prototype with real-time collaboration.
|
||||
- [GIMP](https://www.gimp.org/) — a free & open-source imaging and graphic design software.  
|
||||
- [Gravit](https://designer.io/) — a free vector design app, available for macOS, Windows, Linux, ChromeOS, and browser. 
|
||||
- [Illustrator](https://www.adobe.com/products/illustrator.html) — create logos, icons, drawings, typography, and illustrations for print, web, video, and mobile. Made by Adobe.
|
||||
- [Inkscape](https://inkscape.org/) — a free and open-source vector graphics editor. It can create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos, and complex paintings.  
|
||||
- [Krita](https://krita.org/en/) — a free painting and graphic design software considered a good alternative to Adobe Photoshop.  
|
||||
- [Lunacy](https://icons8.com/lunacy) — a free native windows app that works offline and supports .sketch files. Flexible and light weighed. Intuitive and easy to use. Speedups and empowers UI and UX designers. The must have to produce stunning designs. 
|
||||
- [Photopea](https://www.photopea.com/) — a free browser-based graphic design app alternative to Photoshop. 
|
||||
- [Photoshop](https://www.adobe.com/products/photoshop.html) — imaging and graphic design software developed by Adobe.
|
||||
- [Pixelixe](https://studio.pixelixe.com) — a graphic design tool built for marketers, bloggers and small businesses that needs to create stunning and unique images, graphics or static webpages in minutes. 
|
||||
- [Sketch](https://www.sketchapp.com/) — a design toolkit built for Mac. 
|
||||
- [Studio](https://www.invisionapp.com/studio) — combines design, prototyping, and collaboration into one harmonious workflow. Made by InVision.
|
||||
- [TwitPile](https://twitpile.com) — creates tiled images out of Twitter followers, interests and lists. 
|
||||
- [Vectr](https://vectr.com/) — a simple web and desktop cross-platform tool to create vector graphics easily and intuitively. 
|
||||
- [Voiceflow](https://www.voiceflow.com) — prototype, design and deploy real apps for Amazon Alexa & Google Home.
|
||||
- [Adobe XD](https://www.adobe.com/products/xd.html) — проектируйте, создавайте прототипы и делитесь любым пользовательским интерфейсом — от веб-сайтов и мобильных приложений до голосовых взаимодействий. 
|
||||
- [Affinity Designer](https://affinity.serif.com/en-gb/designer/) — редактор векторной графики для macOS, iOS и Microsoft Windows.
|
||||
- [Akira](https://github.com/akiraux/Akira) — нативное приложение Linux для дизайна UI и UX, созданное на Vala и Gtk. 
|
||||
- [Botmock](https://www.botmock.com) — проектируйте, создавайте прототипы и тестируйте голосовые и текстовые разговорные приложения. Поддерживает несколько платформ.
|
||||
- [CleverBrush](https://www.cleverbrush.com/) — онлайн-редактор векторной графики и инструмент цифровой публикации, который можно интегрировать на страницу как компонент JS.
|
||||
- [Figma](https://www.figma.com/) — инструмент для проектирования, работающий в браузере, который позволяет проектировать и создавать прототипы с поддержкой совместной работы в реальном времени.
|
||||
- [GIMP](https://www.gimp.org/) — бесплатное программное обеспечение для обработки изображений и графического дизайна.  
|
||||
- [Gravit](https://designer.io/) — бесплатное приложение для дизайна векторной графики, доступное для macOS, Windows, Linux, ChromeOS и браузера. 
|
||||
- [Illustrator](https://www.adobe.com/products/illustrator.html) — создавайте логотипы, значки, рисунки, типографику и иллюстрации для печати, веба, видео и мобильных устройств. Продукт компании Adobe.
|
||||
- [Inkscape](https://inkscape.org/) — бесплатный редактор векторной графики с открытым исходным кодом. Может создавать или редактировать векторную графику, такую как иллюстрации, диаграммы, линейные рисунки, графики, логотипы и сложные картины.  
|
||||
- [Krita](https://krita.org/en/) — бесплатное программное обеспечение для рисования и графического дизайна, которое считается хорошей альтернативой Adobe Photoshop.  
|
||||
- [Lunacy](https://icons8.com/lunacy) — бесплатное нативное приложение для Windows, которое работает офлайн и поддерживает файлы .sketch. Гибкий и легкий инструмент. Интуитивно понятный и простой в использовании. Ускоряет работу и расширяет возможности дизайнеров UI и UX. 
|
||||
- [Photopea](https://www.photopea.com/) — бесплатное графическое приложение, работающее в браузере, альтернатива Photoshop. 
|
||||
- [Photoshop](https://www.adobe.com/products/photoshop.html) — программное обеспечение для обработки изображений и графического дизайна, разработанное Adobe.
|
||||
- [Pixelixe](https://studio.pixelixe.com) — инструмент графического дизайна, созданный для маркетологов, блогеров и малого бизнеса, который позволяет создавать потрясающие и уникальные изображения, графику или статические веб-страницы за считанные минуты. 
|
||||
- [Sketch](https://www.sketchapp.com/) — набор инструментов для дизайна, созданный для Mac. 
|
||||
- [Studio](https://www.invisionapp.com/studio) — сочетает проектирование, создание прототипов и совместную работу в едином гармоничном рабочем процессе. Разработан InVision.
|
||||
- [TwitPile](https://twitpile.com) — создает мозаичные изображения из подписчиков Twitter, интересов и списков. 
|
||||
- [Vectr](https://vectr.com/) — простой веб- и настольный кроссплатформенный инструмент для легкого и интуитивно понятного создания векторной графики. 
|
||||
- [Voiceflow](https://www.voiceflow.com) — прототипируйте, проектируйте и развертывайте реальные приложения для Amazon Alexa и Google Home.
|
||||
|
||||
</article>
|
||||
|
||||
@ -975,23 +974,23 @@ What are the best UI design tools in 2019? You can pick any of the tools below a
|
||||
|
||||
### Построение пользовательских потоков
|
||||
|
||||
User flow is a series of steps a user takes to achieve a meaningful goal. It's a fast way to plan customer journey paths and improve UX. So if you need to make a user flow diagram, user flow map or a sitemap, take a look at these tools:
|
||||
Пользовательский поток — это серия шагов, которые пользователь предпринимает для достижения значимой цели. Это быстрый способ планирования путей пользователя и улучшения UX. Если вам нужно создать диаграмму пользовательского потока, карту пользовательского потока или карту сайта, обратите внимание на эти инструменты:
|
||||
|
||||
- [Draw.io](https://www.draw.io/) — a free online diagram software for making flowcharts, process diagrams, org charts, UML, ER, and network diagrams. 
|
||||
- [Flowmapp](https://flowmapp.com/) — an online tool for creating sitemaps and user flows that helps you to effectively design and plan user experience.
|
||||
- [Google Drawings](https://docs.google.com/drawings/) — create diagrams and charts, for free; all within Google Docs. 
|
||||
- [Lucidchart](https://www.lucidchart.com/) — an online tool for creating diagrams, flow charts, sitemaps, and more.
|
||||
- [MindNode](https://mindnode.com/) — a mind mapping app that makes brainstorming simple and easy. 
|
||||
- [NinjaMock](https://ninjamock.com/) — wireframe and user flow online tool. Link your views and create logic flow prototype. All with freehand visual style.
|
||||
- [OmniGraffle](https://www.omnigroup.com/omnigraffle/) — a diagramming and digital illustration application for macOS and iOS. 
|
||||
- [Overflow](https://overflow.io/) — turn your designs into playable user flow diagrams that tell a story.
|
||||
- [Sketch.systems](https://sketch.systems/) — ui and flow design with interactive state machines. 
|
||||
- [SQUID](https://uxmisfit.com/squid/) — create beautiful User Flows in Sketch in just minutes. 
|
||||
- [WebSequenceDiagrams](https://www.websequencediagrams.com/) — a simple webapp to work out object interactions arranged in time sequence. 
|
||||
- [Whimsical](https://whimsical.co/) — easy to create flow charts, wireframes and sticky notes.
|
||||
- [Wireflow](http://wireflow.co) — free, online and open source tool for creating beautiful user flow prototypes. [](https://github.com/vanila-io/wireflow) 
|
||||
- [XMind: ZEN](https://www.xmind.net/zen/) — a brainstorming and mind mapping tool that can switch between outline and tree-chart. Link topics with other charts.
|
||||
- [yEd](https://www.yworks.com/products/yed) — free desktop tool for making diagrams. Usable for the wide variety of use cases. Auto-layout helps a lot when making flowcharts. 
|
||||
- [Draw.io](https://www.draw.io/) — бесплатное онлайн-программное обеспечение для создания диаграмм, блок-схем, оргструктур, UML, ER и сетевых диаграмм. 
|
||||
- [Flowmapp](https://flowmapp.com/) — онлайн-инструмент для создания карт сайта и пользовательских потоков, который помогает эффективно разрабатывать и планировать пользовательский опыт.
|
||||
- [Google Drawings](https://docs.google.com/drawings/) — создавайте диаграммы и графики бесплатно в Google Docs. 
|
||||
- [Lucidchart](https://www.lucidchart.com/) — онлайн-инструмент для создания диаграмм, блок-схем, карт сайтов и многого другого.
|
||||
- [MindNode](https://mindnode.com/) — приложение для создания ментальных карт, упрощающее процесс мозгового штурма. 
|
||||
- [NinjaMock](https://ninjamock.com/) — онлайн-инструмент для прототипирования и пользовательских потоков. Связывайте представления и создавайте логические прототипы потоков с визуальным стилем от руки.
|
||||
- [OmniGraffle](https://www.omnigroup.com/omnigraffle/) — приложение для диаграмм и цифровой иллюстрации для macOS и iOS. 
|
||||
- [Overflow](https://overflow.io/) — превращайте свои дизайны в интерактивные диаграммы пользовательских потоков, которые рассказывают историю.
|
||||
- [Sketch.systems](https://sketch.systems/) — дизайн пользовательских интерфейсов и потоков с использованием интерактивных конечных автоматов. 
|
||||
- [SQUID](https://uxmisfit.com/squid/) — создавайте красивые пользовательские потоки в Sketch за считанные минуты. 
|
||||
- [WebSequenceDiagrams](https://www.websequencediagrams.com/) — простое веб-приложение для работы с взаимодействиями объектов, расположенными в последовательности времени. 
|
||||
- [Whimsical](https://whimsical.co/) — простой инструмент для создания блок-схем, каркасов и стикеров.
|
||||
- [Wireflow](http://wireflow.co) — бесплатный, онлайн и открытый инструмент для создания красивых прототипов пользовательских потоков. [](https://github.com/vanila-io/wireflow) 
|
||||
- [XMind: ZEN](https://www.xmind.net/zen/) — инструмент для мозгового штурма и ментальных карт с возможностью переключения между схемами-деревьями и планами. Связывайте темы с другими схемами.
|
||||
- [yEd](https://www.yworks.com/products/yed) — бесплатный десктопный инструмент для создания диаграмм. Подходит для множества случаев использования. Функция автоупорядочивания особенно полезна при создании блок-схем. 
|
||||
|
||||
</article>
|
||||
|
||||
@ -999,29 +998,29 @@ User flow is a series of steps a user takes to achieve a meaningful goal. It's a
|
||||
|
||||
### Пользовательские исследования
|
||||
|
||||
User research helps you understand user behaviors, needs, and motivations through various qualitative and quantitative methods (interviews, observation, forms, etc). These user research tools can be useful for you:
|
||||
Пользовательские исследования помогают понять поведение, потребности и мотивации пользователей с помощью различных качественных и количественных методов (интервью, наблюдение, анкеты и т.д.). Эти инструменты для исследований пользователей могут быть вам полезны:
|
||||
|
||||
- [Appoint.ly](https://appoint.ly) — a web-based scheduling tool that helps to schedule meetings quickly through the integration with calendars online.
|
||||
- [Calendly](https://calendly.com/) — Calendly helps you schedule meetings without the back-and-forth emails.
|
||||
- [Crowd Signal](https://crowdsignal.com/) — collect, organize and analyze data from a variety of sources, including social media and mobile.
|
||||
- [Doodle](https://doodle.com/) — online calendar tool for time management, and coordinating events, meetings, appointments
|
||||
- [Evolt](https://evolt.io/en/) — create user personas, storyboards, business model canvas, experience maps, brainstorming boards and moodboards in a clean and modern way.
|
||||
- [Feedback Lite](https://www.feedbacklite.com/) — collect high quality customer feedback using Voice of Customer solutions designed to improve your website performance and boost customer engagement.
|
||||
- [GoToMeeting](https://www.gotomeeting.com/en-gb) — a simple, extraordinarily powerful web conferencing service.
|
||||
- [Handrail](https://handrailux.com/) — end-to-end, collaborative user research and insights platform — plan research, collect and analyze data, and share your findings.
|
||||
- [JotForm](https://www.jotform.com) — create online forms, get an email for each response, collect data. 
|
||||
- [Lookback](https://lookback.io/) — remotely run, record, and take notes for your user research sessions, either with a live product or with a prototype.
|
||||
- [MineTime](https://minetime.ai) — a free calendar app with smart scheduling and time analytics features. 
|
||||
- [Reflector](https://www.airsquirrels.com/reflector) — Reflector is a basic screen-mirroring and recording tool so you can conduct user tests remotely, using any existing wireframes or prototypes.
|
||||
- [Reframer](https://www.optimalworkshop.com/reframer) — a research tool that helps your team to capture, tag (code) and identify patterns in qualitative data across multiple research participants.
|
||||
- [Sticktail](https://sticktailapp.com/) — a platform for centralizing, finding and sharing user insights within your organization.
|
||||
- [Survey Monkey](https://www.surveymonkey.com/) — online survey tool to capture the voices and opinions of the people who matter most to you.
|
||||
- [Typeform](https://www.typeform.com/) — use a simple drag-and-drop interface to create any kind of form, survey, or questionnaire, and even take credit card payments.
|
||||
- [Wufoo](https://www.wufoo.com) — сreate forms, collect data and payments and automate your workflows.
|
||||
- [YesInsights](https://www.yesinsights.com/) — simple one question and NPS surveys to improve your business.
|
||||
- [UserBit](https://userbitapp.com/) — a platform of real-time research tools for your team. Tag/code interviews and feedback, capture insights, create personas, visual sitemaps and more.
|
||||
- [User Interviews](https://www.userinterviews.com/) — recruit participants from a community of 125,000 members based on profession, demographics, geography and more, for any kind of research.
|
||||
- [Zoom](https://zoom.us) — it's one of the best online meeting services.
|
||||
- [Appoint.ly](https://appoint.ly) — веб-инструмент для быстрого планирования встреч с интеграцией с онлайн-календарями.
|
||||
- [Calendly](https://calendly.com/) — помогает планировать встречи без лишней переписки по электронной почте.
|
||||
- [Crowd Signal](https://crowdsignal.com/) — сбор, организация и анализ данных из различных источников, включая социальные сети и мобильные приложения.
|
||||
- [Doodle](https://doodle.com/) — онлайн-календарь для управления временем и координации событий, встреч и назначений.
|
||||
- [Evolt](https://evolt.io/en/) — создание пользовательских персон, сторибордов, бизнес-моделей, карт опыта, досок для мозгового штурма и мудбордов в современном формате.
|
||||
- [Feedback Lite](https://www.feedbacklite.com/) — сбор высококачественной обратной связи от клиентов с использованием решений Voice of Customer для улучшения производительности веб-сайта и вовлеченности клиентов.
|
||||
- [GoToMeeting](https://www.gotomeeting.com/en-gb) — простой и мощный сервис для веб-конференций.
|
||||
- [Handrail](https://handrailux.com/) — платформа для исследований и анализа пользовательского опыта — планируйте исследования, собирайте и анализируйте данные, делитесь результатами.
|
||||
- [JotForm](https://www.jotform.com) — создавайте онлайн-формы, получайте уведомления по электронной почте и собирайте данные. 
|
||||
- [Lookback](https://lookback.io/) — проводите удаленные исследования пользователей, записывайте и делайте заметки, используя прототипы или готовые продукты.
|
||||
- [MineTime](https://minetime.ai) — бесплатное приложение для календаря с функциями умного планирования и аналитики времени. 
|
||||
- [Reflector](https://www.airsquirrels.com/reflector) — инструмент для зеркального отображения экрана и записи, который позволяет проводить удаленные пользовательские тесты.
|
||||
- [Reframer](https://www.optimalworkshop.com/reframer) — инструмент для захвата, тегирования и выявления паттернов в качественных данных исследований.
|
||||
- [Sticktail](https://sticktailapp.com/) — платформа для централизованного хранения, поиска и обмена пользовательскими данными внутри организации.
|
||||
- [Survey Monkey](https://www.surveymonkey.com/) — онлайн-инструмент для создания опросов и сбора мнений значимых для вас людей.
|
||||
- [Typeform](https://www.typeform.com/) — простой интерфейс drag-and-drop для создания форм, опросов и анкет, с возможностью приема платежей.
|
||||
- [Wufoo](https://www.wufoo.com) — создавайте формы, собирайте данные и платежи, автоматизируйте рабочие процессы.
|
||||
- [YesInsights](https://www.yesinsights.com/) — простые опросы с одним вопросом и NPS для улучшения вашего бизнеса.
|
||||
- [UserBit](https://userbitapp.com/) — платформа с инструментами для проведения пользовательских исследований в реальном времени: тегирование/кодирование отзывов, создание пользовательских персон, визуализация карт сайта и многое другое.
|
||||
- [User Interviews](https://www.userinterviews.com/) — подбор участников из сообщества в 125 000 человек на основе профессии, демографических данных, географии и других параметров для любых исследований.
|
||||
- [Zoom](https://zoom.us) — один из лучших сервисов для онлайн-встреч.
|
||||
|
||||
</article>
|
||||
|
||||
@ -1029,10 +1028,10 @@ User research helps you understand user behaviors, needs, and motivations throug
|
||||
|
||||
### Визуальная отладка
|
||||
|
||||
- [LogRocket](https://logrocket.com/) — a tool to record what users do on your site so you can reproduce bugs and fix issues faster.
|
||||
- [PixelSnap](https://getpixelsnap.com) — the magical way to measure everything on your screen. 
|
||||
- [VisBug](https://github.com/GoogleChromeLabs/ProjectVisBug) — on any webpage: visually debug, quick inspect style and a11y, change CSS visually, click and drag elements around, and much more. [](https://github.com/GoogleChromeLabs/ProjectVisBug) 
|
||||
- [Visual Inspector](https://www.canvasflip.com/visual-inspector/) — collaboration tool for website feedback and fixing design bugs.
|
||||
- [LogRocket](https://logrocket.com/) — инструмент для записи действий пользователей на вашем сайте, что позволяет воспроизводить ошибки и быстрее их исправлять.
|
||||
- [PixelSnap](https://getpixelsnap.com) — магический инструмент для измерения любого элемента на экране. 
|
||||
- [VisBug](https://github.com/GoogleChromeLabs/ProjectVisBug) — на любой веб-странице: визуальная отладка, быстрое изучение стилей и доступности (a11y), изменение CSS визуально, перемещение элементов с помощью мыши и многое другое. [](https://github.com/GoogleChromeLabs/ProjectVisBug) 
|
||||
- [Visual Inspector](https://www.canvasflip.com/visual-inspector/) — инструмент для совместной работы, позволяющий оставлять отзывы и исправлять ошибки дизайна на веб-сайтах.
|
||||
|
||||
</article>
|
||||
|
||||
@ -1040,18 +1039,18 @@ User research helps you understand user behaviors, needs, and motivations throug
|
||||
|
||||
### Создание вайрфреймов
|
||||
|
||||
A wireframe is a visual mockup that outlines the basic structure of the site or an app. It contains the most essential elements and the content, helping you easily explain ideas on design. Wireframes are a low-fidelity way of showing a design. This section is presented the best wireframing tools for a variety of use cases.
|
||||
Каркас (wireframe) — это визуальная модель, отображающая основную структуру сайта или приложения. Он содержит наиболее важные элементы и контент, помогая легко объяснить идеи по дизайну. Каркасы — это низкодетализированный способ демонстрации дизайна. В этом разделе представлены лучшие инструменты для создания каркасов для различных случаев использования.
|
||||
|
||||
- [Balsamiq Cloud](https://balsamiq.cloud/) — effortless UI sketching. Capture your ideas, collaborate on your designs, get everyone on board.
|
||||
- [BLOKK](http://www.blokkfont.com/) — a font for quick mock-ups and wireframing for clients who do not understand Latin. 
|
||||
- [CSS Grid Builder](https://cssgrid.cc/css-grid-builder.html) — with this tool there is no HTML part to the grid. The grid only becomes apparent when content (elements) are added and positioned according to the grid rules. 
|
||||
- [Gliffy](https://www.gliffy.com/) — a tool for creating the framework, UML diagrams, flowcharts, wireframes and more.
|
||||
- [Gridzzly](http://gridzzly.com/) — the easiest way to create custom grid paper printable. 
|
||||
- [Layoutit](https://grid.layoutit.com/) — a interface builder for CSS Grid & Bootstrap that wants to be the kick-off for your front-end developments. 
|
||||
- [Pidoco](https://pidoco.com/en) — software that lets you quickly create click-through wireframes and fully interactive UX prototypes.
|
||||
- [Wireframe.cc](https://wireframe.cc/) — a simple wireframing tool that doesn't get in your way. 
|
||||
- [Whimsical Wireframes](https://whimsical.co/wireframes/) — instant wireframing at your fingertips. Rich library of configurable elements like buttons, inputs, checkboxes.
|
||||
- [1200px Grid System](https://1200px.com/) — helps you build a grid system for much wider website designs than the 960-pixel style.
|
||||
- [Balsamiq Cloud](https://balsamiq.cloud/) — простое создание эскизов пользовательского интерфейса. Фиксируйте идеи, сотрудничайте над дизайном и добивайтесь общего согласия.
|
||||
- [BLOKK](http://www.blokkfont.com/) — шрифт для быстрого создания макетов и каркасов для клиентов, которые не понимают латиницу. 
|
||||
- [CSS Grid Builder](https://cssgrid.cc/css-grid-builder.html) — инструмент для построения CSS-сеток, где сетка становится видимой только при добавлении контента (элементов), размещенных в соответствии с правилами сетки. 
|
||||
- [Gliffy](https://www.gliffy.com/) — инструмент для создания каркасов, UML-диаграмм, блок-схем, wireframes и многого другого.
|
||||
- [Gridzzly](http://gridzzly.com/) — самый простой способ создать настраиваемую сетку для печати. 
|
||||
- [Layoutit](https://grid.layoutit.com/) — инструмент для создания интерфейсов с использованием CSS Grid и Bootstrap, который станет отправной точкой для ваших front-end разработок. 
|
||||
- [Pidoco](https://pidoco.com/en) — программное обеспечение, которое позволяет быстро создавать интерактивные UX-прототипы и кликабельные каркасы.
|
||||
- [Wireframe.cc](https://wireframe.cc/) — простой инструмент для создания каркасов, который не отвлекает от работы. 
|
||||
- [Whimsical Wireframes](https://whimsical.co/wireframes/) — мгновенное создание каркасов под рукой. Обширная библиотека настраиваемых элементов, таких как кнопки, поля ввода, чекбоксы.
|
||||
- [1200px Grid System](https://1200px.com/) — помогает создавать систему сеток для дизайнов сайтов с шириной, значительно превышающей стиль на 960 пикселей.
|
||||
|
||||
</article>
|
||||
|
||||
@ -1059,20 +1058,20 @@ A wireframe is a visual mockup that outlines the basic structure of the site or
|
||||
|
||||
### 3D-моделирование
|
||||
|
||||
3D graphics are used in gaming, film making, architecture, engineering, and 3D printing. 3D artists & designers use specific 3D modeling software, mentioned in this section.
|
||||
3D графика используется в игровой индустрии, кинопроизводстве, архитектуре, инженерии и 3D-печати. 3D-художники и дизайнеры используют специализированное программное обеспечение для 3D-моделирования, упомянутое в этом разделе.
|
||||
|
||||
- [Autodesk](https://www.autodesk.com/products/fusion-360/overview) — integrated CAD, CAM, and CAE software. Unify design, engineering, and manufacturing into a single platform.
|
||||
- [Blender](https://www.blender.org/) — free and open-source 3D Creation Software.  
|
||||
- [FreeCAD](https://www.freecadweb.org/) — a free and open-source multiplatform 3D parametric modeler.  
|
||||
- [MatterControl](https://www.matterhackers.com/store/l/mattercontrol/sk/MKZGTDW6) — a free, open-source, all-in-one software package that lets you design, slice, organize and manage your 3D prints.  
|
||||
- [Maya](https://www.autodesk.com/products/maya/overview) — make animations, environments, motion graphics, virtual reality, and character creation, all in one toolset.
|
||||
- [Onshape](https://www.onshape.com/) — a modeling software specially oriented to design technical and spare parts, was the first full-cloud 3D software created.
|
||||
- [OpenSCAD](https://www.openscad.org/) — a software for creating solid 3D CAD objects. 
|
||||
- [Rhino](https://www.rhino3d.com/) — a curve-based 3D modeling software that creates mathematically-precise models of 3D surfaces.
|
||||
- [SketchUp](https://www.sketchup.com) — 3D design software that truly makes 3D modeling for everyone, with a simple to learn yet robust toolset.
|
||||
- [Tinkercad](https://www.tinkercad.com) — a free, easy-to-use app for 3D design, electronics, and coding. 
|
||||
- [Vectary](https://www.vectary.com/) — create beautiful 3D models with our drag and drop 3D modeling tool.
|
||||
- [3D Slash](https://www.3dslash.net) — 3D modeling tool, available on all devices and all OS, online and offline.
|
||||
- [Autodesk](https://www.autodesk.com/products/fusion-360/overview) — интегрированное программное обеспечение CAD, CAM и CAE. Объединяет дизайн, инженеринг и производство на одной платформе.
|
||||
- [Blender](https://www.blender.org/) — бесплатное программное обеспечение для создания 3D-графики с открытым исходным кодом.  
|
||||
- [FreeCAD](https://www.freecadweb.org/) — бесплатный и мультиплатформенный 3D-параметрический моделлер с открытым исходным кодом.  
|
||||
- [MatterControl](https://www.matterhackers.com/store/l/mattercontrol/sk/MKZGTDW6) — бесплатный программный пакет с открытым исходным кодом для проектирования, нарезки, организации и управления 3D-печатью.  
|
||||
- [Maya](https://www.autodesk.com/products/maya/overview) — создание анимаций, окружения, графики движения, виртуальной реальности и персонажей в одном инструменте.
|
||||
- [Onshape](https://www.onshape.com/) — программное обеспечение для моделирования, специально ориентированное на проектирование технических и запасных частей, первое полнооблачное 3D-программное обеспечение.
|
||||
- [OpenSCAD](https://www.openscad.org/) — программное обеспечение для создания твердых 3D-объектов CAD. 
|
||||
- [Rhino](https://www.rhino3d.com/) — программное обеспечение для 3D-моделирования на основе кривых, создающее математически точные модели 3D-поверхностей.
|
||||
- [SketchUp](https://www.sketchup.com) — программное обеспечение для 3D-дизайна, делающее 3D-моделирование доступным для всех благодаря простому и в то же время мощному набору инструментов.
|
||||
- [Tinkercad](https://www.tinkercad.com) — бесплатное простое в использовании приложение для 3D-дизайна, электроники и программирования. 
|
||||
- [Vectary](https://www.vectary.com/) — создавайте красивые 3D-модели с помощью инструмента 3D-моделирования drag and drop.
|
||||
- [3D Slash](https://www.3dslash.net) — инструмент для 3D-моделирования, доступный на всех устройствах и всех ОС, онлайн и оффлайн.
|
||||
|
||||
</article>
|
||||
|
||||
@ -1080,6 +1079,10 @@ A wireframe is a visual mockup that outlines the basic structure of the site or
|
||||
|
||||
### Addendum (Reference & Inspiration)
|
||||
|
||||
Awesome Design Tools & Plugins is curated by [Lisa Dziuba](https://twitter.com/LisaDziuba) & [Valia Havruliyk](https://twitter.com/ValiaHavryliuk) from Flawless team. And it was hugely inspired by articles from the design community and Prototypr.io Toolbox made by our good friend Graeme Fulton. If you found some great design tools, please [suggest it](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md). Thanks for making this project awesome :)
|
||||
**Awesome Design Tools & Plugins** составлен [Лизой Дзюбой](https://twitter.com/LisaDziuba) и [Валией Гаврулик](https://twitter.com/ValiaHavryliuk) из команды Flawless.
|
||||
|
||||
Переведен на русский язык и сохранен [Евгением Куценко](https://vk.com/diamlee)
|
||||
|
||||
Этот проект был вдохновлен статьями из дизайнерского сообщества и Prototypr.io Toolbox, созданным нашим хорошим другом Грэмом Фултоном. Если вы нашли замечательные инструменты для дизайна, пожалуйста, [предложите их](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md). Спасибо, что делаете этот проект невероятным :)
|
||||
|
||||
</article>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user