UI ПРАКТИКА // ЧАСТЬ 2 // ДАШБОРД

Задонанить: Поддержать на бусти: Тайм-коды ниже. В этом видео за 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