#2. Мыслить как веб дизайнер – Иконки, монограммы – подбор и адаптация, стили и компоненты в Figma

Практический онлайн курс по веб-дизайну от Тони Емельянова.

« Мыслить как веб дизайнер » (Урок 2): Иконки, монограммы – подбор и адаптация, настройка стилей и компонентов проекта в Figma

Буду рад вам в соц. сетях, добавляйтесь:

Начни изучать веб дизайн с нуля бесплатно на этом курсе и начинай мыслить как дизайнер. Мы разберемся в основных подходах к созданию профессионального дизайна трендового сайта на практике, подготовим яркий проект с классной UI анимацией в After Effects и оформим данный проект на behance.

Мой Behance:

Это новая часть бесплатного онлайн курса по веб дизайну для начинающих и не только. Курс состоит из подробных уроков в процессе которых вы сможете обучаться дизайну наблюдая за работой профессионального веб дизайнера, получать лайфхаки, изучить такие программы как Figma, Photoshop, After Effects, понять как оформить классное портфолио веб дизайнеру и в целом, узнаете все самое важное и необходимое для того чтобы стать веб дизайнером с нуля или прокачаться до отличного уровня если уже умеете делать дизайн.

Впереди на курсе тебя ждет много захватывающих уроков посвященных UI, UX, анимации интерфейса, оформлению дизайн портфолио. Поэтому подписывайся на канал, ставь лайки и становись профессиональным веб дизайнером с нуля бесплатно!

***

Все выпуски дизайн курса «Мыслить как веб-дизайнер»:

#1. Профессиональный дизайн сайта с нуля: Создаем первый экран в Figma

#2. Иконки, монограммы – подбор и адаптация,
стили и компоненты проекта в Figma:

#3 Иконки, монограммы – подбор и адаптация, стили и компоненты в Figma:

#6. Мыслить как веб дизайнер – Адаптивный дизайн сайта под мобильные устройства в Figma:

[Шухуа-хш]

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

[tpostolova]

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

[nikeponomarev]

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

[yanatrehubava]

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

[АняКучинская-гз]

очень круто все, Тони, спасибо за уроки.

[wildANGELOS]

Тони, ты как всегда на высоте!
Даже не знаю, кто мог поставить диз лайк. Просто шикарное видео. Очень полезное ^__^
(Знаю, что раскрытые папки за один раз можно еще свернуть с зажатым Alt, как в Photoshop)

[УМНОЕКИНО]

Вторая серия этого замечательного сериала про веб-дизайн была ничуть не менее интересна!) Не надо пожалуйста сокращать по времени уроки. Это очень ценно, что все так детально разложено по шагам. В этом весь кайф!) Ну и конечно, приятным бонусом такой харизматичный автор!))) Мне очень все нравится) Я рада, что случайно натолкнулась на такой интересный и полезный канал!)))

[Aleksbyart]

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

[SandmanReturn]

От всего сердца - спасибо! Не только по фигме круто объясняешь, но ещё попутно разжёвываешь кучу моментов, которые оч. полезны начинающим. Не понимаю тех, кто дизы поставил, они наверное просто по ошибке сюда попали. ) Ну, я ещё ни одного видео без диза не видел так что - ну, и хрен с ними. )) Очень нужное дело вершишь!

[ИринаШапошникова-ты]

Замечательные уроки! Спасибо Повторяю и учусь.

[КапіКап]

Привет Тони)

Есть просьба-предложение. Можешь записать видос как ты экспортируешь из АЕ, потом совмещаешь экраны. допустим когда человек скролит, у него что то анимировано что то нет. как и где ты совмещаешь анимированные экраны с обычными и как это все заливается на бихенс.

Думаю многим будет интересно. Ставь + если за!

Многие научились делать экраны и анимацию, а совмещать и красиво залить на бихенс - НЕТ )

[ОльгаБережная-об]

Как всегда - все круто) Спасибо) Буду догонять и смотреть, уроки дальше)

[luigichanel]

А что же верстальщику потом делать с такой иконкой где куча наложенных слоев и еще в разных режимах? Может лучше такие фишки делать в Фотошопе сохранять в ПНГ и потом отправлять в Фигму?

[Николай_Шилов]

Все отлично и прекрасно! Люблю подобные курсы, в них много чего можно нового и интересного узнать! Единственное только мне иконки вообще не понравились(( Страшные они какие-то... но это уже на вкус и цвет как говорится))) Есть вопрос! Почему вы (ты)) Не сделал вензель тоже иконкой SVG? Чтоб она не пикселилась при масштабировании? Да и по моему есть вообще шрифты со всякими такими шуками... и можно вставлять просто как текст. Или я чего-то путаю или не понимаю?)))


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

[yuliiakochurovski]

Кто-то покупал курс дизайнера у Тони? Я задумываюсь над покупкой. Расскажите кто купил курс дезигнера о результат ах

[КапіКап]

Может не совсем понятно объяснил. Напишу пример..

Когда мы закинули в АЕ весь макет длинный. сделали анимацию каких то элементов 1 экрана. Как потом ? Мы просто опускаем макет ниже делаем анимацию - ок, но при экспорте это же будет цельная гифка, а как сделать вот как у тебя на бихенс. что оно на автоплей показывает анимацию 1 экрана - потом пользователь сам скролит - потом анимируются какие то элементы 2 экрана и тд

Как и где это все собрать ? в каком формате сохранить и как закинуть на бихенс ? Заранее спасибо
Тема просто мега актуальна