Полное руководство по созданию профессионального адаптивного веб-сайта

https://dev.to/mroman7/the-ultimate-guide-for-designing-a-professional-responsive-website-46ig

17 лучших программ для веб-дизайна для создания потрясающих веб-сайтов в 2024 году

https://theproductmanager.com/tools/best-web-design-software

Создайте свой следующий продукт с помощью искусственного интеллекта (веб-сайт)
Prototyper использует искусственный интеллект для создания пользовательского интерфейса с помощью React из текстовых подсказок и изображений, что позволяет разработчикам и дизайнерам создавать прототипы идей за считанные минуты. https://www.getaprototype.com/

Планирование веб-сайта наиболее наглядным способом (веб-сайт)
FlowMapp объединяет инструмент визуального планирования карты сайта, инструмент пользовательского потока, инструмент каркасного моделирования и систему сбора контента в одном решении для создания сложных информационных архитектур для веб-сайтов, мобильных приложений и продуктов. https://www.flowmapp.com/

Визуализация продукта стала проще (веб-сайт)
Packshot — инструмент для визуализации продукта и создания 3D-макетов в вашем браузере. https://packshot.app/

Конструктор карт сайта и планировщик веб-сайтов (веб-сайт)
Octopus — визуальный конструктор карт сайта для планирования веб-сайтов. Он предлагает такие функции, как редактирование перетаскиванием и настраиваемые шаблоны. https://octopus.do/

Библиотека Doodle (файл Figma)
Библиотека Doodle предлагает простые, нарисованные от руки векторные линии , включая фигуры, профессии, места, формы, стрелки и многое другое. https://www.figma.com/community/file/929828024262086605/the-doodle-library

Переходы (Веб-сайт)
Галерея прекрасно анимированных изменений между двумя страницами

https://www.awwwards.com/awwwards/collections/transitions

Анимации AI CSS (Веб-сайт)
Создавайте сложные анимации на базе искусственного интеллекта, используя голосовые подсказки, и настраивайте вывод.

https://www.aicssanimations.com/?utm_source=tldrdesign

Расширение браузера помогает управлять цветами в переменных CSS, предлагая такие функции, как сгенерированные ИИ цветовые палитры, тестирование доступности и поддержку популярных фреймворков пользовательского интерфейса, таких как daisyUI и shadcn/ui.

https://www.designgui.io/

20+ библиотек иконок, которые вам нужны

https://medium.com/@mdtaqui.jhar/20-icon-libraries-you-need-d72be20de011

От графического интерфейса пользователя к искусственному интеллекту (чтение занимает 6 минут)
Переход от текстовых интерфейсов к графическим пользовательским интерфейсам в 1980-х годах произвел революцию в вычислительной технике, сделав ее более доступной и удобной для пользователя, значительно расширив технологическую индустрию. https://medium.muz.li/from-gui-to-gen-ai-8e1bded36fe7

Создание видеороликов с использованием искусственного интеллекта с единообразными персонажами (веб-сайт)
Инструмент Infinite от Eggnog.ai преобразует простой текст в полноценные, увлекательные повествования. Генеративный ИИ — это последний сдвиг парадигмы. Он автоматизирует задачи и повышает креативность в дизайне, потенциально преобразуя интернет-взаимодействия. https://www.eggnog.ai/infinite

Генератор иллюстраций (Веб-сайт)
Генератор изображений на основе искусственного интеллекта от Icons8, обученный на иллюстрациях, созданных его командой художников.

https://icons8.com/illustration-generator

Откройте для себя множество примеров темных узоров, отсортированных по категориям, чтобы лучше понять обманчивые приемы дизайна.

https://hallofshame.design/collection

50 лучших сайтов для вдохновения и идей в области веб-дизайна

https://dev.to/devluc/50-best-websites-for-web-design-inspiration-and-ideas-be6

Неоморфизм: новая тенденция в дизайне пользовательского интерфейса

https://blog.logrocket.com/ux-design/neumorphism-new-trend-ui-design

Brandfetch (плагин Figma)

Brandfetch обеспечивает мгновенный доступ к миллионам логотипов, цветов, шрифтов и многого другого для оптимизации ваших дизайнов.
https://www.figma.com/community/plugin/733590967040604714/brandfetch

Вектор в 3D (плагин Figma)

Этот плагин Figma преобразует ваши 2D-текстовые и векторные слои в 3D-модели всего одним щелчком мыши. Благодаря встроенному мощному рендереру трассировки лучей вы можете создавать красивые 3D-иконки, баннеры, макеты или любые другие изображения в 3D-стиле, не будучи специалистом по 3D. https://www.figma.com/community/plugin/1264600219316901594/vector-to-3d

В этой статье представлен полный список различных действий и значков пользовательского интерфейса (UI), которые обычно используются при разработке приложений, включая такие функции, как добавление фигур, навигация по различным элементам интерфейса, выполнение таких действий, как загрузка, выгрузка и т. д. https://www.isocons.app/

Анимация загрузчика/спиннера (Веб-сайт)
Этот плагин предоставляет простой, масштабируемый анимированный загрузчик/спиннер с эффектом затухания, предназначенный для использования в макетах и ​​прототипах с использованием интерактивных компонентов. https://www.figma.com/community/file/1041612950980412711/loader-spinner-animation

Доступные цветовые палитры (веб-сайт)
Этот плагин предлагает более 50 цветовых палитр уровня AAA, вдохновленных Лондоном и Манчестером, чтобы помочь дизайнерам создавать более инклюзивные веб-проекты, соблюдая при этом рекомендации W3C по доступности. https://www.figma.com/community/file/909176640411029401/accessible-colour-palettes

Лучшие ресурсы для дизайнеров в одном месте

https://www.bookmarks.design/

Заполните свои проекты заполнителями одним щелчком мыши: текстом, изображениями и даже данными!

-Сгенерируйте «Lorem ipsum» для заполнения текстовых слоев,
-Заполните любую форму идеальным изображением из архивов Unsplash,
-Заполните проекты фиктивными данными, такими как профили или информация о компании. https://www.figma.com/community/plugin/736000994034548392/lorem-ipsum

15+ лучших библиотек иконок 2024 года

https://dev.to/vinishbhaskar/best-icon-libraries-28ce

Проблема неактивной кнопки отправки формы

https://habr.com/ru/articles/856570/