✅ UX-задачи:
Как говорится, практика делает человека совершенным. Это действительно так. Чем больше мы практикуемся, тем лучше мы знаем предмет. Вот различные упражнения по UX-дизайну сайтов, которые вы можете практиковать. Вы можете проверить свои навыки с помощью задач. Это кажется весьма полезным. uxtools.co
✅ Соберите UI:
Дизайнеры делятся здесь своими разработками в рамках различных задач. Новые дизайны постоянно обновляются. Вы можете увидеть здесь хорошие дизайны и сделать хороший дизайн, похожий на ваш собственный. collectui.com
✅ PixelSnap:
На словах не плати плати расчет? Но расчет здесь ведется в пикселях. Он работает по всему экрану во всех типах приложений. Вы можете измерить что угодно. Пригодится тем, кому нужно, чтобы все было пиксельно идеально. getpixelsnap.com
✅ Контрольный список Landing Page:
Чего в нем нет? Landing page насчитывает более 100 инструментов. Будь то доменное имя, производитель логотипов, иллюстрации или дизайнерское программное обеспечение. Вы можете посетить сайт andingpage.fyi
✅ Контрольный список дизайна:
До сих пор было описано много деталей дизайна сайта. Это поможет расширить знания об элементах веб-дизайна. Обязательно посетите. checklist.design
✅ Музей веб-сайтов:
Здесь собраны подробности различных этапов разработки пользовательского интерфейса популярных веб-сайтов. Получите хорошее представление о том, как проектировать и разрабатывать интерфейс веб-сайта. kapwing.com
✅ UI Play Book:
Я нашел этот сайт очень полезным. Здесь описание различных частей пользовательского интерфейса дается очень организованно и подробно. uiplaybook.dev
✅ Стандартное резюме:
Если вы хотите составить резюме очень просто и за короткое время, то вы определенно можете посетить этот сайт. Здесь представлены различные шаблоны и примеры, на основе которых вы сможете создать что-то уникальное, имея свою идею. standardresume.co
✅ люди:
На веб-сайтах часто требуются человеческие фигуры. Вы можете создать различные типы человеческого тела, переделав себя с помощью humaaans. Он также имеет различные типы шаблонов. Очень легко сделать свой собственный дизайн. humaaans.com
✅ Получите волны:
Пользовательские эффекты волновой анимации для веб-сайтов можно легко найти здесь. getwaves.io
✅ Animist:
Этот сайт поможет вам попрактиковаться в использовании анимационных эффектов для веб-сайтов. Многие из нас не знают названия всех эффектов правильно. В этом можно убедиться, попробовав. Достаточно хорошо. animista.net
✅ Blobmaker
Фигуры блобов, используемые на сайте, отныне можно делать цветами и формами по вашему выбору. Вы также можете скачать и получить svg-код. Попробуйте. blobmaker.app
✅ Code to Go:
Сочетает в себе сниппеты, помогающие решить общие проблемы разработки веб-сайтов. Здесь вы найдете самые актуальные сниппеты, используемые в JavaScript и React. Есть довольно хорошие ресурсы, вы поймете, как только увидите. codetogo.io
✅ Контрольный список UX-проекта:
Это поможет вам проверить, являются ли особенности дизайна UX стандартными или нет. uxchecklist.github.io
✅ UX Flow:
С его помощью вы можете легко создавать красивые макеты сайтов в sketch, Adobe и figma. Существует множество инструментов. Вы можете посетить веб-сайт. products.ls.graphics
✅ Drawkit:
Хороший ресурс различных векторных иллюстраций, нарисованных от руки, на сайте. drawkit.com
✅ 3Dicons:
Хороший ресурс с открытым исходным кодом различных 3D-иконок, используемых в дизайне и разработке веб-сайтов. пригодится 3dicons.co
✅ Web Gradients:
Хороший ресурс о различных цветах градиентного фона для веб-сайтов. Приведено множество дизайнов. webgradients.com
✅ Google Fonts:
Очень знакомый всем нам сайт. Здесь можно найти различные бесплатные шрифты. fonts.google.com
✅ Очень сексуально
Это знакомое лицо почти для всех нас. Первый выбор каждого для создания фиктивного текста на сайтах. loremipsum.io
✅ Отзывчивый:
Очень полезное приложение для проверки веб-сайтов для различных устройств. Лично мне оно очень нравится. Есть несколько различных типов функциональности, которые вы можете изучить. responsively.app
✅ UnusedCSS:
Обеспечивает чистоту CSS-файла путем удаления неиспользуемых свойств CSS. unused-css.com
✅ Spline:
Очень полезное приложение. С его помощью можно создавать 3D-эффекты для веб-сайтов. От создания различных 3D сцен, редактирования различных материалов, много чего можно сделать с его помощью. Очень хорошо, вы определенно можете посетить. spline.design
✅ Sketch2Code:
Нарисованные от руки рисунки можно легко преобразовать в html с помощью искусственного интеллекта. sketch2code.azurewebsites.net
✅ Custom Shape Devider:
Фигурный разделитель в разных местах сайта, в начале или в конце раздела, увеличивает красоту дизайна. shapedivider.app
Особая благодарность
Джакия Бинте Амин