Web Design

Проблема неактивной кнопки отправки формы https://habr.com/ru/articles/856570/

15+ лучших библиотек иконок 2024 года https://dev.to/vinishbhaskar/best-icon-libraries-28ce

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

Лучшие ресурсы для дизайнеров в одном месте https://www.bookmarks.design/

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

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

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

Неоморфизм: новая тенденция в дизайне пользовательского интерфейса https://blog.logrocket.com/ux-design/neumorphism-new-trend-ui-design

50 лучших сайтов для вдохновения и идей в области веб-дизайна https://dev.to/devluc/50-best-websites-for-web-design-inspiration-and-ideas-be6

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

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

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

20+ библиотек иконок, которые вам нужны https://medium.com/@mdtaqui.jhar/20-icon-libraries-you-need-d72be20de011

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

Анимации AI CSS (Веб-сайт) Создавайте сложные анимации на базе искусственного интеллекта, используя голосовые подсказки, и настраивайте вывод. https://www.aicssanimations.com/?utm_source=tldrdesign

Переходы (Веб-сайт) Галерея прекрасно анимированных изменений между двумя страницами https://www.awwwards.com/awwwards/collections/transitions

Конструктор карт сайта и планировщик веб-сайтов (веб-сайт) Octopus — визуальный конструктор карт сайта для планирования веб-сайтов. Он предлагает такие функции, как редактирование перетаскиванием и настраиваемые шаблоны. https://octopus.do/ Библиотека Doodle (файл Figma) Библиотека Doodle предлагает простые, нарисованные от руки векторные линии , включая фигуры, профессии, места, формы, стрелки и многое другое. https://www.figma.com/community/file/929828024262086605/the-doodle-library

Создайте свой следующий продукт с помощью искусственного интеллекта (веб-сайт) Prototyper использует искусственный интеллект для создания пользовательского интерфейса с помощью React из текстовых подсказок и изображений, что позволяет разработчикам и дизайнерам создавать прототипы идей за считанные минуты. https://www.getaprototype.com/ Планирование веб-сайта наиболее наглядным способом (веб-сайт) FlowMapp объединяет инструмент визуального планирования карты сайта, инструмент пользовательского потока, инструмент каркасного моделирования и систему сбора контента в одном решении для создания сложных информационных архитектур для веб-сайтов, мобильных приложений и продуктов. https://www.flowmapp.com/ Визуализация продукта стала проще (веб-сайт) Packshot — инструмент для визуализации продукта и создания 3D-макетов в вашем браузере. https://packshot.app/

17 лучших программ для веб-дизайна для создания потрясающих веб-сайтов в 2024 году https://theproductmanager.com/tools/best-web-design-software

Полное руководство по созданию профессионального адаптивного веб-сайта https://dev.to/mroman7/the-ultimate-guide-for-designing-a-professional-responsive-website-46ig