В сегодняшнем уроке наш ведущий разработчик расскажет, как сделать простой стильный, но очень красивый эффект в фигма. Это занятие будем проводить на примере банковской карточки.
1. Создаем обычный фрейм размером W343 H200 и закругление углов 24
2. Заполняем frame геометрическими фигурами, желательно мягкими типа кругов и овалов. Идеальный круг можно сделать с помощью сочетания кнопок O+Shift.
3. Добавляем большой прямоугольник #FFFFF, прозрачность 10% поверх всех фигур с эффектом background blur - 40. Я использую плагин Noise для придания небольшой текстуры карточке.
4. Заполняем карточку всеми необходимым атрибутами: номер, банковская система, дата окончания итд. Я использую шрифт Inconsolata, по моему мнению он достаточно официальный, чтобы мог находиться на карточке, при этом намного более приятный и инновационный чем Roboto и Arial, которые используют некоторые банковские системы, не говоря уже об исторических фонтах такие как OCR-A, OCR-B и Farrington 7B
5. Готово! Ты большой молодец. Сделал себе новый кейс всего за несколько минут.
Присылай нам свой результат, мы его оценим и в дальнейшем будем хвастаться тем, какие у нас классные читатели
ssites.spb.ru
