Рисуем три кириллические обложки и изучаем основы композиции

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Рисуем три кириллические обложки и изучаем основы композиции
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
0:00 Вступление
0:37 Изучение контента
1:22 Где взять шрифты
1:55 Первая обложка
9:17 Вторая обложка
16:31 Третья обложка
23:13 Заключение
🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
☀️ Написать менеджеру школы: t.me/uprocksale
ПОЛЕЗНОЕ ДЛЯ UX/UI-ДИЗАЙНЕРОВ:
Скачать бесплатно кириллические шрифты: www.fonts.uprock.ru/
Все самые полезные сайты и мокапы для дизайнеров: www.baza.uprock.ru/
Бесплатная онлайн-книга по UX/UI-дизайну: www.uprock.ru/education
Зарубежные статьи по UX: www.uprock.ru/all-articles
Видео-уроки по дизайну: t.me/uprockdesign
НАШИ СОЦ. СЕТИ:
Личный инстаграм Евгения: / zhenya.ninja (запрещен в РФ)
Крутые анимации из наших кейсов: dribbble.com/uprockpro
Лучшие сайты на Behance: www.behance.net/uprockawards
Заказать дизайн сайта или брендинг компании: www.agency.uprock.ru
#вебдизайн #figma #ux #uprock

[@lamborgean]

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

[@emarry.english]

Классный урок, очень полезный) вообще здорово, что в последнее время выходит столько полезного контента у вас на канале, спасибо вам за это!

[@UPROCK]

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

[@vladmonyak]

А насчёт UI-кита, может кто не умеет его создавать и ему это пригодится, ты же показываешь весь процесс от А до Я, для меня каждый видос - находка, меня нисколько не утомляет

[@UPROCK]

Класс, очень рад, что подача заходит👍

[@vladmonyak]

Женя, очень клёвый видос, а самое главное - полезный, развивает дизайнерское мышление, учит использовать нестандартные решения, по разному обыгрывать контент, 2 обложка - высший класс, зашло как обыграл, продолжай обязательно, лайк влепил

[@UPROCK]

Спасибо большое за развёрнутый и позитивный комментарий, Владислав🙏

[@user-wd8cx8kf6v]

Интересные, понятные макеты. Нравится особенно, следить за рассуждением и потоком, как строится концепция

[@UPROCK]

Класс, спасибо🙏

[@user-dk1tr4yn5l]

Очень классно и круто!!!

[@UPROCK]

Спасибо🙏

[@user-hf4ob1eh1v]

Как всегда супер!!!

[@UPROCK]

Спасибо🙏

[@kayodedesign]

Thank you so much. I'm practicing with this tonight.

[@UPROCK]

Always a pleasure👍

[@user-gr6hk5pf4l]

Огонь, очень полезно 🔥

[@UPROCK]

Спасибо🙏

[@user-qi1ii8rr9o]

Женя, спасибо тебе за видео 🙏 😎

[@UPROCK]

Пожалуйста, Виталий👍

[@roninalone822]

Прекрасный ролик. Очень интересно было увидеть как занимаются графическим дизайном в фигме. Жду еще подобных роликов!

[@UPROCK]

Спасибо🙏 На следующей неделе выйдет новый ролик в этом формате)

[@UPROCK]

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot Материалы к уроку - www.figma.com/file/T64wx1Yklhd7UqKalczDa6/23.02.01---%D0%9A%D0%B8%D1%80%D0%B8%D0%BB%D0%BB%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B8-(%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0)?type=design&node-id=1%3A45&mode=design&t=DIrUYBXuD1iAB38b-1

[@LocoRoco4117]

Ссылка кажись не рабочая

[@Tanatopraktik]

Шикардос

[@UPROCK]

Супер! Спасибо🙏

[@user-cw4tn9jx6n]

Спасибо, огнище.

[@UPROCK]

Пожалуйста☺️ очень рад)

[@ilowash]

Какая ловкая работа в фигме!

[@UPROCK]

Спасибо🙏

[@podhod5]

Спасибо 🙏🏾

[@UPROCK]

Пожалуйста☺️

[@sitebuy]

Спасибо за наглядный пример создания UI кита

[@UPROCK]

Пожалуйста👍

[@yuliatropnikova6958]

Большое спасибо за урок! Дизайн супер. Голосую за второй вариант как ближайший по стилю к той эпохе. Лев Еремеев делал макеты из глины, какая прелесть 😊

[@UPROCK]

Юлия, пожалуйста! Отличный вариант 😉 Да, конечно, полноразмерные макеты) До начала использования компьютерных моделей, такие штуки были неотъемлемой частью разработки дизайна чего бы то ни было

[@Akopyan_s]

Большое спасибо ,👏 в этих бесплатных уроках ценности гораздо больше , чем на прочих платных курсах. На месте других школ я бы самоликвидировался

[@UPROCK]

Спасибо🙏 Очень классно, что Вы видите эту ценность в уроках⚡️ Со временем так и произойдёт😉 не со всеми но со многими

[@user-zn8ch3cc5g]

Здорово получилось!)) Очень понравился 2 и 3 дизайн👍, такие простые и понятные решения, но продуманные до мелочей, круто! Еще подметила для себя, как дисциплинированно проходит рабочий процесс, сразу создаете ui-кит, что в дальнейшем облегчает работу и экономит время, теперь знаю, что нужно прокачивать☺️. Благодарю вас за это видео и за ваш труд🙏🙏🙏

[@UPROCK]

Спасибо большое за тёплые слова и развёрнутый отзыв☺️ Дисциплина и аккуратность - очень важны для профессионала в вебе, Вы молодец, что обратили на них внимание👍

[@user-zn8ch3cc5g]

@@UPROCK и вам спасибо за это🙏

[@hattorihanzo7624]

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

[@UPROCK]

Спасибо! Да, буду продолжать публикации и стараться в дальнейшем развивать этот формат)

[@user-kg1oc1ez3c]

Я бы ещё больше на этом акцент поставил. Делать UIкит сразу!!! Иначе после всей работы UIкит будет по времени тоже много отнимать, а так всё делается по чуть-чуть сразу и не получиться случайно другие шрифты или цвета в макете.

[@antonyusik5371]

Go, Bro!!

[@UPROCK]

✊🙏

[@maxmoovi]

Супер, эстетично и необычно👍🔥🔥🔥 побольше таких полезных видосов😅

[@UPROCK]

Спасибо🙏

[@qambrosyeva5662]

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

[@UPROCK]

Спасибо большое за отзыв, рад, что формат зашёл👍

[@m7280]

Спасибо, очень интересная тема занятия! Только я не нашла ссылку на изображение автомобиля.

[@UPROCK]

Пожалуйста, очень рад👍 Уточните пожалуйста, о какой ссылке речь?

[@Tanatopraktik]

Привет и спасибо

[@UPROCK]

Привет! Всегда пожалуйста👍

[@mfwidk]

Подскажите пожалуйста, что за сайт с рефами на 1:01

[@UPROCK]

Салют, Александр! Это pinterest

[@georgybakharev4645]

Очень сбалансированное сочетание графического и UX/UI дизайна. Жень, есть вопросы: 1) Заметил, что ты ставить крупные заголовки на сетку не по их контейнеру, а по фактическому началу текста. Всё-таки как правильнее с точки зрения вёрстки? Принципиально ли это верстальщику? 2) Во второй обложке контейнер Волги пересекается с контейнерами текстов. Словно влезают в их пространство. Это критично для верстальщика? 3) Эти обложки они для веба или ближе к баннерам и плакатам? 4) Для чего минусовой трекинг у основного текста? Вижу, что часто так делают. Не понимаю зачем.

[@UPROCK]

Салют, Георгий! Спасибо за вопросы, с твоего позволения, отвечу тоже по пунктам: 1) Для верстальщика должен быть принципиален классный результат. Для классного результата правильно и принципиально, чтобы верстальщик сделал пиксель пёрфект того, что нарисовал дизайнер. Для дизайнера принципиально поставить заголовок по буквам, а не по текстовому контейнеру) 2) Хороший верстальщик может по факту реализовать любое решение, вопрос в ценности данных решений и целесообразности их применения 3) Для веба 4) Для большей плотности текста: при использовании некоторых шрифтов в заголовках это необходимо, так как трекинг бросается в глаза

[@StudioSerious1]

Мне не совсем нравятся дыры которые образовались в двух текстовых блоках в третьем макете из за выравниванию по ширине. Слова можно ведь делить на слоги и переносить на нижнюю строку.

[@UPROCK]

Да, конечно, это видео про поиск композиционных решений. По желанию Вы можете доводить детали так, как посчитаете нужным

[@paulfomin6292]

Аааа, и здесь третья серия с оленем !))

[@UPROCK]

Салют! Без пояснительной бригады тут не обойтись😉

[@paulfomin6292]

@@UPROCK попробую пояснить в чем суть ) я фанат авто старины, немного владею материалом. Волга газ 21 выпускалась с тремя "рестайлингами" как сейчас модно говорить, которые условно зовут сериями) так вот олень на капоте ставился на все машины первых серий 1956-1959 гг, затем частично на модели второй серии 1960-1963, затем в рамках второй серии же их заменили на хромированный орнамент в форме капли ( это первые зачатки пассивной безопасности при наезде на пешехода, так как олень на капоте с большой вероятностью мог нанести фатальные травмы пешеходу) и на ВСЕХ машинах третьей серии (1962-1970 ) олень не ставился на заводе изготовителе) Но образ Волги с этим декором на капоте так запомнился советским людям, что владельцы этих автомобилей скупали эти маскоты и ставили на капоты. От этого пошло заблуждение что все автомобили этой модели имели такое украшение сразу с выезда с конвейера. Ну и сейчас, в наше время, в среде почитателей старинных автомобилей это явление ( а именно третья серия 21 Волги с оленем) сформировалось как локальный мем, как элемент дурного вкуса, как моветон что ли ) Как-то так. И ещё немножко данных - сняли с производства эту машину в 1970 году, но на разных смежных авторемонтных и таксомоторных предприятиях эти автомобили делали небольшими партиями аж до середины 1970-х, точное количество выпущенных экземпляров установить невозможно)

[@constantin1693]

во втором макете нижняя часть круга не отцентрирована, сидел ждал до конца, так и не дождался😢

[@UPROCK]

Константин, лайк за наблюдательность, твоя правда, мой косяк😔 Надеюсь только, что на понимание основной идеи видео, основ композиции и типографики, этот момент оказал не критическое влияние

[@dormidonttoucan]

Во втором макете в заголовке ВОЛГА ГАЗ, сочетание букв Г и А. Большие дыры возле коварной буквы А. Такой шрифт. ...ГА ГА.. Это нормально? Или это лучше шатать? В заголовках

[@UPROCK]

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

[@khrustalev_creative]

Утомляет смотреть создание ui-китов, стилей..

[@UPROCK]

Спасибо за замечание, будем работать над этим моментом👍

[@Ivan_Kostrov]

мне норм было, наоборот считаю плюсом

[@Chihuahua-du5zx]

Так это важный этап. Потом гораздо удобнее что-то править в макете или верстать. Лучше сразу правильно учиться делать чем потом сидеть тупить на работе.

[@khrustalev_creative]

@@Chihuahua-du5zx это понятно, можно обозначить, что это важный момент, но постоянно смотреть утомительно

[@UPROCK]

@@khrustalev_creative такие видео ориентированы на начинающих, думаю правильно закреплять для них сразу нужный механизм. Повторение мать учения!)