Дизайн - Бенчмарки и примеры
24 subscribers
58 photos
1 video
61 links
Download Telegram
хороший вариант дизайна вкладок
👍3
Прикольный эффект
Мы часто делаем двигающиеся объекты (baltia-mall.ru например) - но круче смотрится, если передний объект статичен, а динамичные элементы на заднем фоне
Дашборды и таблицы
Вот пример - уже достаточно универсальная стилистика
https://demos.creative-tim.com/muse-vue-ant-design-dashboard/?_ga=2.238680838.741742647.1670422308-1172618215.1670422308#/tables

еще ранее у многих был постоянно перед глазами хороший пример в виде worksection
1
можно сравнить с рабочим вариантом на одном из проектов - найти пару отличий)
В тему дашбордов и аналитики.
Очень важна наглядность:
- взглядом просто выцепить нужное (все разделено зонированием, отступами, размером или цветом)

- просто сравнить данные (все цифры в столбец друг под другом, как в екселе, так просто выцепить выделяющиеся значения или понять диапазон. что больше 1000, что меньше 100)

- цвета: не пестрый светофор, но при этом можно разделить данные

- обычно есть прям самые важные показатели - размером и жирностью выделяем их

- заголовки, подписи: понятные, как можно короче, обозначения и уточнения мелким шрифтом

- возможно использовать подсказки при наведении /клике

- логика группировки данных - важна



Также очевидно: предусмотреть все варианты данных: макс, мин, типовые (чтобы понять сколько закладывать по длине строк / столбцов)
Стало (и это еще не дизайн, а прототип в фигме. в дизайне остается просто все выровнять)
Forwarded from Мария
Всем привет) Скину подборку годный сайтов для вдохновения:

1. https://likhaaesthetic.ie/ - Сайт посвящен омоложению и коррекции внешности при помощи косметических процедур

2. https://www.blueyard.com/biology - Сайт венчурного инвестиционного фонда BlueYard Capital

3. https://www.family.ikea.es/demos/25aniversariojuntos/hub - Данный сайт является официальным сайтом IKEA. Он создан для празднования их 25-летия, где можно найти информацию про специальные акции и скидки на известные товары.

4. https://wearezizo.com/ - Сайт креативного агентства Zizo

5. https://zesnullen.world/product/baby-tank-top - Необычная анимация скроллинга

6. https://www.spaceforce.com/ - Сайт посвящен новой военной ветви США - Космическим войскам (Space Force)

7. https://okcest.cool/ - Сайт посвящен OKCC Labs - инновационному лабораторному пространству ОККС Group. Здесь вы найдете информацию о проектах, которые разрабатываются в лаборатории, а также о технологиях и методах, используемых при их создании

8. https://artemiilebedev.com/ - На сайте вы найдете информацию о трендах в маркетинге и рекламе. Этот веб-сайт создан для маркетологов, рекламистов, бренд-менеджеров и других специалистов, которые хотят быть в курсе последних тенденций и новостей в области маркетинга.

9. https://takingshape.adobe.com/ - Сайт представляет собой интерактивный проект, созданный с использованием технологий Adobe. Он призван продемонстрировать возможности программного обеспечения этой компании, таких как Adobe Photoshop, Illustrator и InDesign
🔥1
Forwarded from Мария
Часть 2 🙃:

1. https://kmbch.webflow.io/ - KMBCH - это рекламный сайт электронной коммерции ферментированных безалкогольных, слегка газированных чайных напитков, который очень популярен среди молодежи, ведущей здоровый образ жизни.

2.https://www.kirlian.io/ - Крутая анимация скроллинга

3.https://our-revolution.com/ - Сайт our-revolution.com - это платформа, созданная для того, чтобы поделиться со всем миром историями людей, которые совершили настоящую революцию в своей жизни или в жизни других людей.

4. https://curious.co/ - Сайт Curious представляет собой платформу для онлайн-курсов, созданных экспертами в различных областях знаний.

5. https://www.theperfumeshop.com/carolina-herrera-virtual-store - Виртуальны1 магазино Carolina Herrera на The Perfume Shop. Вы можете выбрать и заказать любой аромат, представленный в коллекции Carolina Herrera, не покидая дома