Тренируем дизайн скиллы. Домашка, часть 2

Тренируем дизайн скиллы. Домашка, часть 2

Всем привет!

Меня зовут Николай Синицын. Пара фактов обо мне — я дизайнер и создатель полезного помощника для дизайнеров под названием Домашка.

Сегодня я подготовил вторую часть заданий для самотренировки.

Что это за задания такие?

Об этом вы можете прочитать в первой части, там я рассказал о том, что это за движуха, для чего оно нужно и как с этим работать. Кто пропустил, ссылку прикрепляю.

Ну и переходим сразу к делу.

Задание #1 – Один в один.

Попробуй повторить работу максимально близко в оригиналу.

Дрибл шоты:

Источник: https://dribbble.com/shots/21597748-Mobile-Browser
Источник: https://dribbble.com/shots/21597748-Mobile-Browser
Источник: https://dribbble.com/shots/21715606-Social-Ads-for-a-Healthcare-Startup
Источник: https://dribbble.com/shots/21715606-Social-Ads-for-a-Healthcare-Startup

Постеры:

Источник: https://ru.pinterest.com/pin/556687203935152793
Источник: https://ru.pinterest.com/pin/556687203935152793
Источник: https://awdee.ru/wp-content/uploads/2023/04/xY03e-_-S70.jpg
Источник: https://awdee.ru/wp-content/uploads/2023/04/xY03e-_-S70.jpg

Баннеры:

Источник: https://dribbble.com/shots/19373332-Social-Media-Graphics
Источник: https://dribbble.com/shots/19373332-Social-Media-Graphics
Источник: https://dribbble.com/shots/21090877-CRM-Visual-identity
Источник: https://dribbble.com/shots/21090877-CRM-Visual-identity

Иконки:

https://dribbble.com/shots/19225635-Iconly-Pro-Animation-Arrows
https://dribbble.com/shots/19225635-Iconly-Pro-Animation-Arrows

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

Инструкция как это сделать:

Сайт:

Тренируем дизайн скиллы. Домашка, часть 2

Задание #2 – Три в одном.

Творческое задание – смешать три визуала в один.

Попробуйте взять элементы и приемы из разных референсов и органично объединить в один. Итог может быть разный – концепт сайта, мобильная аппа, постер, баннер и т.д.

Тренируем дизайн скиллы. Домашка, часть 2
Источник: https://anothergraphic.org/studio-feixen
Источник: https://anothergraphic.org/studio-feixen
Источник: https://dribbble.com/shots/21138224-Masterclass-Mobile-Design
Источник: https://dribbble.com/shots/21138224-Masterclass-Mobile-Design

Задание #3 – Концепт.

Скоро компания Sony выпускает новое портативное устройство под кодовым названием Project Q. Давайте представим как будет выглядеть интерфейс этой портивки на основе информации, которая есть на данный момент в интернете.

Задание #4 – Мудборд.

Представьте, что вам нужно добавить в образовательный продукт немного геймификации. Путем обсуждений мы пришли к выводу, что будем добавлять в продукт “Достижения” (ачивки) и “Уровни пользователей” (ранги).

Сейчас ваша задача проанализировать продукты, в которых уже есть крепкая геймификация и собрать большой мудборд, чтобы можно было понять как работают с такими вещами лидеры в разных сферах и продуктах.

Источник: https://dribbble.com/shots/8560257-New-Duolingo-Achievements
Источник: https://dribbble.com/shots/8560257-New-Duolingo-Achievements

Задание #5 – Анимация.

Перерисуйте часть элементов с видео или их все и попробуйте повторить часть анимаций или соберите видео полностью.

Источник: https://dribbble.com/shots/20845813-DROP-UI-animations

Задание #6 – No-code.

Попробуйте пересобрать сайт, используя любой no-code инструмент (Tilda, WebFlow и т.п)

Тренируем дизайн скиллы. Домашка, часть 2

Вот и всё на сегодня.

Тренируйтесь, развивайтесь и становитесь круче! Делитесь в комментариях своими результатами или пишите, что хотелось бы видеть в рамках подобного формата.

Не забывайте ткнуть лайк, так материал увидит больше людей, а мне будет дополнительная мотивация, что такая движуха заходит :)

И да, заданий на самом деле больше. Их можно найти на ресурсах Домашки.

Вэлкам кому интересно.

1616
2 комментария

Спасибо за информацию. Пойду делать;)

1
Ответить
Комментарий удалён модератором

Говённый видимо, если через жопу)

Ответить