Ксения Шаламова - старт 19.08.24
Этапы
19.08.24 - Первый урок
- Какие виды графики бывают?
(растровая, векторная, 3д графика)
- Разбор перичный инструментов до "Губки"
- Работа со слоями
- Разбор перичный инструментов до "Губки"
- Работа со слоями
28.08.2024 - урок №2
- Одна из важных задач Дизайна - раскрыть свойства продукта
- Работа с пером и кривыми (векторными объектами
- Работа с текстом! (доработать работу с параграфом!!!!)
02.09.2024 - урок №3
- Разбор домашки
- PDf формирование
- FX эффекты
06.09.2024 - урок №4
- Смарт объекты
- Маски
14.09.2024 - урок №5
- Простейшие композиции
- Разбор пройденного
18.09.2024 - урок №6
- Теория цвета
- Дизайн мышление
- Структура логобука
04.10.2024 - урок №7
- Цветокоррекция
- Фильтры
09.10.2024 - урок №8
- Подготовка к печати
- Широкоформатная
- Полиграфия
- Сувенирка
17.10.2024 - урок №9 - Figma 1 урок
Прошли начальный этап изучения фигмы. Разобрали интерфейс программы. И панель настроек.
22.10.2024 - урок №10 - Figma 2 урок
Прошли все инструменты в фигме. Дошли до панели с плагинами.
Домашнее задание
Космическая ретушь
Задача относительно простая. Привести лицо девушки в максимальный порядок - а также отправить её в космос)
Размер файла лучше создать размером:
1920х1080х72dpi
Размер файла лучше создать размером:
1920х1080х72dpi
Ген креативности
Потребуется лист А4, простой карандаш и секундомер.
Включаете секундомер и на листочке вам надо нарисовать 50 кружков, которые не будет между собой похожи.
Например:
1. Кружок - как солнце
2. Кружок - как часы..
так далее.
Включаете секундомер и на листочке вам надо нарисовать 50 кружков, которые не будет между собой похожи.
Например:
1. Кружок - как солнце
2. Кружок - как часы..
так далее.
Хороший / Плохой дизайн
Подберите 5 примеров классных дизайнов и отвратительных по вашему мнению - по категориям:
Граф.дизайн
Интерьер
Автомобильный
Сайт
Промышленный
Карточка для Маркет плейса
Представь ближайшее будущее. И люди изобрели технологию, которая позволяет делать вещи (обычную одежду - которую мы носим с тобой) увеличивать без потери качества. Тоесть есть микра футболка - которую закидывает в специальный аппарат (возможно ввиде микроволновки) и она становиться нужного размера!
Эта технология вошла в жизнь и люди таргуют такими штуками (для увеличения одежды) просто на маркет плейсах!
Задача раскрыть через карточки на маркет плейсах (а именно для WB (найди требования к ним и загляни на сам сайт)) .. свойства этой штуки (штуку должна ты тоже изобразить) как она может выглядеть!
Ресурсы которые тебе помогут и вдохновят:
http://www.flaticon.com/
https://lexica.art/
https://www.freepik.com/
Я в тебя верю!
Эта технология вошла в жизнь и люди таргуют такими штуками (для увеличения одежды) просто на маркет плейсах!
Задача раскрыть через карточки на маркет плейсах (а именно для WB (найди требования к ним и загляни на сам сайт)) .. свойства этой штуки (штуку должна ты тоже изобразить) как она может выглядеть!
Ресурсы которые тебе помогут и вдохновят:
http://www.flaticon.com/
https://lexica.art/
https://www.freepik.com/
Я в тебя верю!
Плакат к кинофильму...
Культовый режисер Дэвид Финчер снова в деле, позвонил тебе и говорит: Ксения снимаю новый фильм. Детали расскрывать не могу, но могу сказать только называние "Конгруэнтность" ... А также вайб к фильма: "Я сниму фильм о тех кого вы любите, леденящий душу"!
Верю в тебя бесконечно!
Технические требования: А3 (420х297мм)(Вертикальная ориентация) х 200 dpi
Верю в тебя бесконечно!
Технические требования: А3 (420х297мм)(Вертикальная ориентация) х 200 dpi
Ливетирующие дома
Привет!
Твоя домашка
Задание:
Нужна серия билбордов - для строительной компании, которая занимается ливетирующими домами.
Формат презентации 1920х1080px
Обязательно к использованию 6 простейших композиций
Логобук! Бренд одежда!
Привет!
Твоя домашка
Задание: Представь к тебе пришла Риз Уизерспун, говорит буду сниматься в новом фильме - "Блондинка в законе 2",,, нужен бренд одежды! (рекомендую чуть пролестать первый фильм)
Действуй, у тебя все получится!
Формат презентации 1920х1080px
Твоя домашка
Задание: Представь к тебе пришла Риз Уизерспун, говорит буду сниматься в новом фильме - "Блондинка в законе 2",,, нужен бренд одежды! (рекомендую чуть пролестать первый фильм)
Действуй, у тебя все получится!
Формат презентации 1920х1080px
Выкраска фильтрами + коррекция
Сделай выкраску по фильтрам и цветокоррекцию по фотографиям
Первая домашка по фигма
Домашечка.
Цель: Создать пост для Instagram на тему путешествий.
Техническое задание:
Формат: Пост для Instagram (1080x1080 пикселей).
Тема: Путешествия.
Содержание:
Использовать минимум одну фотографию, связанную с путешествиями (например, пляж, горы, городская архитектура и т.д.).
Добавить текстовое описание, которое включает:
Название места/локации.
Краткое описание (2-3 предложения).
Призыв к действию (например, "Узнайте больше", "Бронируйте сейчас", "Поделитесь своим опытом").
Интегрировать логотип или название компании/блога.
Дизайн:
Пост должен быть визуально привлекательным и соответствовать современным трендам.
Использовать цветовую палитру, которая ассоциируется с темой путешествий (например, голубые, зеленые, песочные оттенки).
Внимательно подойти к выбору шрифтов: они должны быть читабельными и гармонировать с общим дизайном.
Добавить графические элементы (например, иконки, линии), которые дополняют тематику поста.
Требования к файлу:
Проект должен быть выполнен в Figma
Названия всех слоев и групп должны быть осмысленными и упорядоченными
Так же прописал Горячие клавиши
Удачи!)
Цель: Создать пост для Instagram на тему путешествий.
Техническое задание:
Формат: Пост для Instagram (1080x1080 пикселей).
Тема: Путешествия.
Содержание:
Использовать минимум одну фотографию, связанную с путешествиями (например, пляж, горы, городская архитектура и т.д.).
Добавить текстовое описание, которое включает:
Название места/локации.
Краткое описание (2-3 предложения).
Призыв к действию (например, "Узнайте больше", "Бронируйте сейчас", "Поделитесь своим опытом").
Интегрировать логотип или название компании/блога.
Дизайн:
Пост должен быть визуально привлекательным и соответствовать современным трендам.
Использовать цветовую палитру, которая ассоциируется с темой путешествий (например, голубые, зеленые, песочные оттенки).
Внимательно подойти к выбору шрифтов: они должны быть читабельными и гармонировать с общим дизайном.
Добавить графические элементы (например, иконки, линии), которые дополняют тематику поста.
Требования к файлу:
Проект должен быть выполнен в Figma
Названия всех слоев и групп должны быть осмысленными и упорядоченными
Так же прописал Горячие клавиши
Удачи!)
Последняя домашка - проектная работа по фигме
Домашнее задание: Создание прототипа веб-сайта в Figma
Привет! У меня для тебя интересное домашнее задание, которое прокачает тебя на максимум в Figma. Вот что нужно сделать:
Твоя задача: Создать прототип веб-сайта на тему по твоему выбору
1. Выбери тему сайта
Подумай, какой сайт тебе интересен. Это может быть:
- Корпоративный сайт компании
- Интернет-магазин
- Личный блог или портфолио
- Образовательная платформа
- Новостной портал
- Или что-то своё уникальное!
2. Исследуй и спланируй
- Подумай, для кого этот сайт. Кто твоя аудитория?
- Посмотри, как делают сайты конкуренты. Что в них хорошего, а что можно улучшить?
- Запиши, какие страницы и функции должны быть на твоём сайте. Например:
- Главная
- О нас
- Услуги
- Блог
- Контакты
- и т.д.
- Нарисуй простую карту, как пользователи будут перемещаться по сайту (например, от главной страницы к странице услуг).
3. Создай структуру и макеты
- Нарисуй схему сайта (sitemap) — как связаны между собой страницы.
- Сделай простые наброски (вайрфреймы) ключевых страниц.
4. Перейди к детальному дизайну
- Добавь цвета, шрифты, иконки и изображения.
- Используй все возможности Figma:
- Рисуй иконки и элементы интерфейса с помощью векторных инструментов.
- Настрой красивые шрифты и цветовую палитру.
- Организуй слои и группы, чтобы всё было аккуратно.
- Расставь элементы на странице так, чтобы всё выглядело гармонично.
- Добавь изображения и графику, которые подходят к теме сайта.
- Сделай интерактивный прототип, чтобы можно было "переходить" между страницами и видеть, как будет работать сайт.
5. Прототип
- Настрой переходы между страницами, чтобы можно было протестировать навигацию.
- Добавь простые и не очень анимации, чтобы сайт выглядел живее.
Как оформить работу:
1. Файл Figma
- Все страницы и прототип должны быть в одном файле Figma.
- Постарайся всё хорошо организовать и назвать слои понятно.
2. Стиль
- Все страницы должны быть в одном стиле, чтобы сайт выглядел цельно.
3. Удобство
- Сделай так, чтобы пользователям было легко ориентироваться на сайте.
4. Детали
- Внимательно проработай мелкие элементы — это делает дизайн профессиональнее.
5. Прототип
- Пусть он будет кликабельным и показывает основные пути пользователя по сайту.
Советы:
- Выбор темы: Выбери то, что тебе действительно интересно. Это повысит мотивацию и качество работы.
- Исследование: Посмотри примеры хороших сайтов в выбранной категории, вдохновись их идеями.
- Планирование: Разбей работу на этапы — исследование, структура, дизайн, прототипирование.
- Обратная связь: Покажи промежуточные результаты друзьям или однокурсникам, чтобы получить советы и улучшить проект.
- Если возникнут вопросы или нужна помощь, всегда можешь обратиться ко мне.
Для погружения
Статьи о Типографики и шрифтах
Фильмы / Статьи / Книги
Фильм: 100 лет дизайна
Фильм “Гельветика” (Про шрифт)
Фильм “Лепота”
Мини сериал “Советский дизайн”
Фильм “Дизайн - это глагол” (МТС)
Фильм “Дух Баухауса”
Для вдохновления
https://www.awwwards.com/
https://t.me/postersdesign
Фильм “Гельветика” (Про шрифт)
Фильм “Лепота”
Мини сериал “Советский дизайн”
Фильм “Дизайн - это глагол” (МТС)
Фильм “Дух Баухауса”
Для вдохновления
https://www.awwwards.com/
https://t.me/postersdesign
Сервисы
Сервис для сжатия фотографий - онлайн
Горячие клавиши
Формирование PDF презентации
Подборка цветов
Горячие клавиши в Figma
Основные горячие клавиши:
Создание и редактирование:
Копировать: Ctrl + C
Вставить: Ctrl + V
Вырезать: Ctrl + X
Отменить действие: Ctrl + Z
Вернуть действие: Ctrl + Shift + Z
Инструменты:
Перемещение (Move tool): V
Пропорционально масштабирование (Scale): K
Рамка (Frame tool): F
Прямоугольник (Rectangle tool): R
Эллипс (Ellipse tool): O
Линия (Line tool): L
Перо (Pen tool): P
Текст (Text tool): T
Комментарии (Comment tool): C
Управление слоями и объектами:
Группировать объекты: Ctrl + G
Разгруппировать объекты: Ctrl + Shift + G
Дублировать объекты: Ctrl + D
Показать/скрыть линейки: Shift + R
Навигация и просмотр:
Увеличить масштаб: Ctrl + =
Уменьшить масштаб: Ctrl + -
Подогнать под экран: Shift + 1
100% масштаб: Shift + 0
Включить/выключить полноэкранный режим: Ctrl + .
Создание и редактирование:
Копировать: Ctrl + C
Вставить: Ctrl + V
Вырезать: Ctrl + X
Отменить действие: Ctrl + Z
Вернуть действие: Ctrl + Shift + Z
Инструменты:
Перемещение (Move tool): V
Пропорционально масштабирование (Scale): K
Рамка (Frame tool): F
Прямоугольник (Rectangle tool): R
Эллипс (Ellipse tool): O
Линия (Line tool): L
Перо (Pen tool): P
Текст (Text tool): T
Комментарии (Comment tool): C
Управление слоями и объектами:
Группировать объекты: Ctrl + G
Разгруппировать объекты: Ctrl + Shift + G
Дублировать объекты: Ctrl + D
Показать/скрыть линейки: Shift + R
Навигация и просмотр:
Увеличить масштаб: Ctrl + =
Уменьшить масштаб: Ctrl + -
Подогнать под экран: Shift + 1
100% масштаб: Shift + 0
Включить/выключить полноэкранный режим: Ctrl + .
Плагины для Figma
Основные горячие клавиши:
Создание и редактирование:
Копировать: Ctrl + C
Вставить: Ctrl + V
Вырезать: Ctrl + X
Отменить действие: Ctrl + Z
Вернуть действие: Ctrl + Shift + Z
Инструменты:
Перемещение (Move tool): V
Пропорционально масштабирование (Scale): K
Рамка (Frame tool): F
Прямоугольник (Rectangle tool): R
Эллипс (Ellipse tool): O
Линия (Line tool): L
Перо (Pen tool): P
Текст (Text tool): T
Комментарии (Comment tool): C
Управление слоями и объектами:
Группировать объекты: Ctrl + G
Разгруппировать объекты: Ctrl + Shift + G
Дублировать объекты: Ctrl + D
Показать/скрыть линейки: Shift + R
Навигация и просмотр:
Увеличить масштаб: Ctrl + =
Уменьшить масштаб: Ctrl + -
Подогнать под экран: Shift + 1
100% масштаб: Shift + 0
Включить/выключить полноэкранный режим: Ctrl + .
Создание и редактирование:
Копировать: Ctrl + C
Вставить: Ctrl + V
Вырезать: Ctrl + X
Отменить действие: Ctrl + Z
Вернуть действие: Ctrl + Shift + Z
Инструменты:
Перемещение (Move tool): V
Пропорционально масштабирование (Scale): K
Рамка (Frame tool): F
Прямоугольник (Rectangle tool): R
Эллипс (Ellipse tool): O
Линия (Line tool): L
Перо (Pen tool): P
Текст (Text tool): T
Комментарии (Comment tool): C
Управление слоями и объектами:
Группировать объекты: Ctrl + G
Разгруппировать объекты: Ctrl + Shift + G
Дублировать объекты: Ctrl + D
Показать/скрыть линейки: Shift + R
Навигация и просмотр:
Увеличить масштаб: Ctrl + =
Уменьшить масштаб: Ctrl + -
Подогнать под экран: Shift + 1
100% масштаб: Shift + 0
Включить/выключить полноэкранный режим: Ctrl + .
Диплом
Упаковка твоего дела
Первичный разбор фотошопа