Ксения Шаламова - старт 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
Ген креативности
Потребуется лист А4, простой карандаш и секундомер.
Включаете секундомер и на листочке вам надо нарисовать 50 кружков, которые не будет между собой похожи.
Например:
1. Кружок - как солнце
2. Кружок - как часы..
так далее.
Хороший / Плохой дизайн
Подберите 5 примеров классных дизайнов и отвратительных по вашему мнению - по категориям: Граф.дизайн Интерьер Автомобильный Сайт Промышленный
Карточка для Маркет плейса
Представь ближайшее будущее. И люди изобрели технологию, которая позволяет делать вещи (обычную одежду - которую мы носим с тобой) увеличивать без потери качества. Тоесть есть микра футболка - которую закидывает в специальный аппарат (возможно ввиде микроволновки) и она становиться нужного размера!

Эта технология вошла в жизнь и люди таргуют такими штуками (для увеличения одежды) просто на маркет плейсах!

Задача раскрыть через карточки на маркет плейсах (а именно для WB (найди требования к ним и загляни на сам сайт)) .. свойства этой штуки (штуку должна ты тоже изобразить) как она может выглядеть!

Ресурсы которые тебе помогут и вдохновят:
http://www.flaticon.com/
https://lexica.art/
https://www.freepik.com/


Я в тебя верю!
Плакат к кинофильму...
Культовый режисер Дэвид Финчер снова в деле, позвонил тебе и говорит: Ксения снимаю новый фильм. Детали расскрывать не могу, но могу сказать только называние "Конгруэнтность" ... А также вайб к фильма: "Я сниму фильм о тех кого вы любите, леденящий душу"!

Верю в тебя бесконечно!

Технические требования: А3 (420х297мм)(Вертикальная ориентация) х 200 dpi
Ливетирующие дома
Привет! Твоя домашка Задание: Нужна серия билбордов - для строительной компании, которая занимается ливетирующими домами. Формат презентации 1920х1080px Обязательно к использованию 6 простейших композиций
Логобук! Бренд одежда!
Привет!
Твоя домашка
Задание: Представь к тебе пришла Риз Уизерспун, говорит буду сниматься в новом фильме - "Блондинка в законе 2",,, нужен бренд одежды! (рекомендую чуть пролестать первый фильм)
Действуй, у тебя все получится!

Формат презентации 1920х1080px
Выкраска фильтрами + коррекция
Сделай выкраску по фильтрам и цветокоррекцию по фотографиям
Первая домашка по фигма
Домашечка.

Цель: Создать пост для Instagram на тему путешествий.

Техническое задание:

Формат: Пост для Instagram (1080x1080 пикселей).

Тема: Путешествия.

Содержание:

Использовать минимум одну фотографию, связанную с путешествиями (например, пляж, горы, городская архитектура и т.д.).

Добавить текстовое описание, которое включает:

Название места/локации.

Краткое описание (2-3 предложения).

Призыв к действию (например, "Узнайте больше", "Бронируйте сейчас", "Поделитесь своим опытом").

Интегрировать логотип или название компании/блога.

Дизайн:

Пост должен быть визуально привлекательным и соответствовать современным трендам.

Использовать цветовую палитру, которая ассоциируется с темой путешествий (например, голубые, зеленые, песочные оттенки).

Внимательно подойти к выбору шрифтов: они должны быть читабельными и гармонировать с общим дизайном.

Добавить графические элементы (например, иконки, линии), которые дополняют тематику поста.

Требования к файлу:

Проект должен быть выполнен в Figma

Названия всех слоев и групп должны быть осмысленными и упорядоченными

Так же прописал Горячие клавиши

Удачи!)
Последняя домашка - проектная работа по фигме
Домашнее задание: Прототип веб-сайта в Figma
Домашнее задание: Создание прототипа веб-сайта в Figma

Привет! У меня для тебя интересное домашнее задание, которое прокачает тебя на максимум в Figma. Вот что нужно сделать:

Твоя задача: Создать прототип веб-сайта на тему по твоему выбору
1. Выбери тему сайта

Подумай, какой сайт тебе интересен. Это может быть:

  • Корпоративный сайт компании
  • Интернет-магазин
  • Личный блог или портфолио
  • Образовательная платформа
  • Новостной портал
  • Или что-то своё уникальное!
2. Исследуй и спланируй
  1. Подумай, для кого этот сайт. Кто твоя аудитория?
  2. Посмотри, как делают сайты конкуренты. Что в них хорошего, а что можно улучшить?
  3. Запиши, какие страницы и функции должны быть на твоём сайте. Например:
    • Главная
    • О нас
    • Услуги
    • Блог
    • Контакты
    • и т.д.
  4. Нарисуй простую карту, как пользователи будут перемещаться по сайту (например, от главной страницы к странице услуг).
3. Создай структуру и макеты
  • Нарисуй схему сайта (sitemap) — как связаны между собой страницы.
  • Сделай простые наброски (вайрфреймы) ключевых страниц.
4. Перейди к детальному дизайну
  • Добавь цвета, шрифты, иконки и изображения.
  • Используй все возможности Figma:
    • Рисуй иконки и элементы интерфейса с помощью векторных инструментов.
    • Настрой красивые шрифты и цветовую палитру.
    • Организуй слои и группы, чтобы всё было аккуратно.
    • Расставь элементы на странице так, чтобы всё выглядело гармонично.
    • Добавь изображения и графику, которые подходят к теме сайта.
  • Сделай интерактивный прототип, чтобы можно было "переходить" между страницами и видеть, как будет работать сайт.
5. Прототип
  • Настрой переходы между страницами, чтобы можно было протестировать навигацию.
  • Добавь простые и не очень анимации, чтобы сайт выглядел живее.
Как оформить работу:
1. Файл Figma
  • Все страницы и прототип должны быть в одном файле Figma.
  • Постарайся всё хорошо организовать и назвать слои понятно.
2. Стиль
  • Все страницы должны быть в одном стиле, чтобы сайт выглядел цельно.
3. Удобство
  • Сделай так, чтобы пользователям было легко ориентироваться на сайте.
4. Детали
  • Внимательно проработай мелкие элементы — это делает дизайн профессиональнее.
5. Прототип
  • Пусть он будет кликабельным и показывает основные пути пользователя по сайту.
Советы:
  • Выбор темы: Выбери то, что тебе действительно интересно. Это повысит мотивацию и качество работы.
  • Исследование: Посмотри примеры хороших сайтов в выбранной категории, вдохновись их идеями.
  • Планирование: Разбей работу на этапы — исследование, структура, дизайн, прототипирование.
  • Обратная связь: Покажи промежуточные результаты друзьям или однокурсникам, чтобы получить советы и улучшить проект.
  • Если возникнут вопросы или нужна помощь, всегда можешь обратиться ко мне.

Для погружения

Статьи о Типографики и шрифтах
Фильмы / Статьи / Книги
Фильм: 100 лет дизайна
Фильм “Гельветика” (Про шрифт)
Фильм “Лепота”
Мини сериал “Советский дизайн”
Фильм “Дизайн - это глагол” (МТС)
Фильм “Дух Баухауса”

Для вдохновления
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 + .
Плагины для 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 + .

Диплом

Упаковка твоего дела
Первичный разбор фотошопа
    • Прогресс обучения29%