Blog 

  • 0
  • Опубликовано: 2024-07-01
Использованные инструменты: Figma

Задачи:
- Полная разработка UI/UX дизайна для блога.
- Создание макетов и компонентов страниц в Figma.
- Использование автолейаутов для гибкой и адаптивной верстки.
- Создание и использование компонентов и вариантов для упрощения повторного использования элементов.
- Применение масок и булевых операций для создания сложных графических элементов.

Разработка интерфейса:
- Проектирование сетки и структуры страниц для удобной навигации и пользовательского опыта.
- Включение элементов, таких как формы регистрации и входа, кнопки, и элементы управления.

Страницы:
- Главная страница с популярными статьями.
- Страница статьи.
- Страница создания новой статьи.
- Страницы входа и регистрации.

Детали интерфейса:
- Дизайн всех элементов интерфейса, включая иконки, кнопки, формы и навигационные элементы.
- Использование цветовой палитры и стилей, вдохновленных современными UI/UX трендами.
- Включение анимационных эффектов для улучшения пользовательского опыта.

Результат: Разработанный дизайн обеспечивает удобную и интуитивно понятную навигацию по блогу, современный внешний вид и приятный пользовательский опыт.
Комментариев нет
оставить комментарий могут только авторизованные пользователи
Другие работы автора:
Blog

Blog Использованные технологии: Vue 3, Vue Router, TypeScript, Axios, GSAP, Vite, SCSS, Figma Задачи: - Разработка одностраничного приложения на Vue 3. - Использование Vue Router для навигации между страницами. - Написание логики приложения на TypeScript…

Sorbi

Sorbi Использованные технологии: HTML, CSS, JavaScript, Swiper Задачи: - Верстка 23 страниц сайта, включая страницы заказа, каталог, личный кабинет, историю заказов, страницы 404 и попап с регистрацией. - Создание адаптивного дизайна, чтобы сайт хорошо от…

HouseHub

HouseHub спользованные технологии: HTML, CSS, JavaScript, SCSS, AOS, Fancybox, Slick, Vivus, Mixitup Задачи: - Верстка многостраничного сайта с использованием методологии БЭМ для обеспечения модульности и переиспользуемости кода. - Создание адаптивного интерф…

Womazing

Womazing Использованные технологии: HTML, CSS, JavaScript, SCSS, Bootstrap Задачи: - Верстка многостраничного сайта с использованием HTML, SCSS и Bootstrap. - Создание адаптивного дизайна для корректного отображения на всех устройствах. - Реализация анимаций …

Yandex

Yandex Использованные технологии: HTML, SCSS, JavaScript Задачи: - Верстка многостраничного сайта с использованием чистого SCSS для создания анимаций. - Разработка слайдеров на чистом JavaScript для интерактивного отображения контента. - Обеспечение адапти…

Perspectiva

Perspectiva Использованные технологии: SCSS, JavaScript Задачи: - Верстка страницы с использованием препроцессора SCSS для повышения гибкости и эффективности написания стилей. - Создание анимаций для улучшения пользовательского опыта. - Разработка фиксированног…

Sorbi

Sorbi Использованные технологии: HTML, CSS, JavaScript, Swiper Задачи: - Верстка 23 страниц сайта, включая страницы заказа, каталог, личный кабинет, историю заказов, страницы 404 и попап с регистрацией. - Создание адаптивного дизайна, чтобы сайт хорошо от…

Eat Project

Eat Project Использованные технологии: HTML, CSS, JavaScript, SCSS Задачи: - Верстка многостраничного сайта с использованием HTML и SCSS. - Создание адаптивного дизайна, чтобы сайт корректно отображался на всех устройствах. - Реализация анимаций и интерактивных…