❤️ Поддержи канал:
Тайм-коды ниже. В этом видео за 2ч показываю как новичкам подступиться к рисованию концепции простого дашборда
Макет: Основы-UI-дизайна.-Шарипов-Руслан-Лэндинг?node-id=246:1994
Столбчатая диаграмма:
Классификация графиков:
Как сделать график понятным:
Типы диаграмм в гугл таблицах, неплохая памятка:
Визуализация данных в material (eng): #types
Интерактивные демки графиков из библиотеки Highcharts (eng):
00:00 - Вступление
00:23 - Суть задания
01:00 - Что дано в начале?
01:20 - Про требования
01:40 - Задаём вопросы
03:15 - Что после вопросов получится?
05:20 - Как подойти к цвету и типографике
06:11 - Про красный квадрат (модуль/множитель 8px)
06:26 - Будь проще к себе :)
07:12 - Правило 60/30/10
08:26 - Создаём простую палитру
10:45 - Начало работы
11:05 - Про навигацию
12:00 - Намечаем шапку
12:52 - Намечаем навигацию
13:18 - Делаем сетку
13:45 - Рисуем шапку
14:50 - Рисуем сайдбар - боковую панель с навигацией
15:20 - Правим поля у сетки
16:16 - Выделяем контраст между фоном и блоками
17:20 - Добавляем границы у компонентов
18:50 - Делаем проработку пунктов меню
26:30 - Заканчиваем с шапкой
30:00 - Показываем раздел, в котором сейчас юзер находится
30:33 - Заметка про мои решения и твое видение
32:00 - Начинаем рисовать первый блок
57:15 - Начинаем рисовать второй блок
01:15:22 - Начинаем рисовать третий блок
01:28:45 - Начинаем рисовать четвёртый блок
01:38:00 - Начинаем рисовать пятый блок
01:40:45 - Про то как можно подходить и обдумывать адаптив
01:44:08 - Начинаем адаптировать под мобилку
Музыка:
You & I by Soyb & Amine Maxwell
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream:
Music promoted by Audio Library
1 view
4
0
4 weeks ago 00:56:04 1
[Viktor Bogutskii] САМЫЕ ЧАСТЫЕ ОШИБКИ НОВИЧКОВ В IT - как выбрать профессию в IT
4 weeks ago 01:55:26 3
Дизайн фирменного стиля (практика)
4 weeks ago 00:06:38 1.7K
ГЛАВНЫЕ ПРИНЦИПЫ ЧИСТОГО КОДА. Основы для начинающих
1 month ago 01:03:45 1
От теории к практике: как провести уроки русского языка и литературы с МЭО (Иннополис. Школа)
1 month ago 00:40:19 17
Пробуждение силы QA - Вадим Никитенко. Codetalks
1 month ago 00:43:38 142
Playwright на Java: Лучшая архитектура тестов с allure, видео и скриншотами! | Java QA Automation
1 month ago 01:22:23 22
Дизайн шрифтовых логотипов (практика)
1 month ago 00:45:28 1
Урок 3: Основные факторы ранжирования
1 month ago 01:50:10 980
Практика: собираем макет в Figma. Часть 2
1 month ago 00:07:20 26
Редизайн сайта промышленной компании | кейс TIQUM
1 month ago 00:05:08 851
Ответы на частые вопросы про Эльбрус Буткемп
1 month ago 00:28:19 2
Артем Кузнецов Pro UX #15 c Яной Сергиной
1 month ago 02:54:47 930
Практика: собираем макет в Figma, создаем UI-kit и интерактивный прототип
1 month ago 00:18:26 58
Создание интерфейсов UI | уроки Unreal Engine от
1 month ago 00:53:00 12
Внедряем Gitops практики в Yandex Cloud при помощи Kubernetes®
1 month ago 01:04:13 102
Мастер-класс по кастомизации Jmix UI
1 month ago 00:02:35 2
Учить дизайну или создавать его? Дизайнеры отвечают
1 month ago 01:32:09 105
Медицинский маркетинг: интервью с Валерием Домашенко
1 month ago 00:45:40 7
Удержание клиентов и работа с базой: практические кейсы, достижения и факапы. Гульнара Костарева, МЕДПЛАТФОРМА
1 month ago 01:22:21 372
Вебинар: «Первые шаги в Figma: как создавать интерфейсы и работать с макетами»
1 month ago 00:13:11 13
[Ночной кофе с психологом. Оливия Тишинская] А гуру кто? Берите знания у авторов!
1 month ago 01:00:20 66
[Голос Истока] Исцеление боли и Предназначение Бесплатный эфир №3 в преддверии курса “Перерождение-2024“
1 month ago 00:09:49 22
ИНТЕРЕСНАЯ ЗАДАЧА С LEETCODE НА JAVASCRIPT. Пробую успеть за 10 минут!
1 month ago 00:03:46 1
Мой опыт! АКТИВИРУЕМ ЗАПИСЬ ЗВОНКОВ на SAMSUNG Любой модели! Плейлист “Обзор техники“.