Очень быстро записала туториал, чтобы было максимально понятно, как создать такой эффект 😍
Текстом (подробнее в видео):
1. Создаем Frame горячей клавишей F на клавиатуре, выбираем размер 1024*1440 (можно вообще любой)
2. Создаем Rectangle внутри Frame горячей клавишей R на клавиатуре. Размер тоже произвольный, у меня 60*1440
3. В разделе Fill добавляем заливку типа Linear от 000000 до FFFFFF, задаем направление градиенту
4. Дублируем получившуюся фигуру с помощью зажатой клавиши Alt (Windows) или Option (Mac). После чего можно быстро создать дубликаты с помощью Ctrl(Cmd)+D
5. Экспортируем на 2х
6. Добавляем в Figma любое изображение
7. Выделяем его и переходим в раздел «Plugins», вводим название Photopea
8. Файл — открыть и поместить
9. Растягиваем эффект на всю ширину изображения и скрываем на «глазик» в слоях
10. Выбираем слой «Background»
11. Фильтр — исказить — заменить
12. Вводим любые значения и применяем
13. Файл — сохранить (или Ctrl/Cmd+S)
Для того, чтобы познакомиться с базовым интерфейсом Figma — переходите в моего бесплатного бота @yanadlx_bot 🫶🏼 Там все очень подробно
Все, кайфуем! И пишем комментарии еще❤️
Текстом (подробнее в видео):
1. Создаем Frame горячей клавишей F на клавиатуре, выбираем размер 1024*1440 (можно вообще любой)
2. Создаем Rectangle внутри Frame горячей клавишей R на клавиатуре. Размер тоже произвольный, у меня 60*1440
3. В разделе Fill добавляем заливку типа Linear от 000000 до FFFFFF, задаем направление градиенту
4. Дублируем получившуюся фигуру с помощью зажатой клавиши Alt (Windows) или Option (Mac). После чего можно быстро создать дубликаты с помощью Ctrl(Cmd)+D
5. Экспортируем на 2х
6. Добавляем в Figma любое изображение
7. Выделяем его и переходим в раздел «Plugins», вводим название Photopea
8. Файл — открыть и поместить
9. Растягиваем эффект на всю ширину изображения и скрываем на «глазик» в слоях
10. Выбираем слой «Background»
11. Фильтр — исказить — заменить
12. Вводим любые значения и применяем
13. Файл — сохранить (или Ctrl/Cmd+S)
Для того, чтобы познакомиться с базовым интерфейсом Figma — переходите в моего бесплатного бота @yanadlx_bot 🫶🏼 Там все очень подробно
Все, кайфуем! И пишем комментарии еще❤️
🔥58❤17😍5
Топ-20 обещанных книг, которые я рекомендую к прочтению!
По дизайну:
1. Дон Норман – Дизайн привычных вещей
2. Расс Унгер – UX дизайн, проектирование опыта взаимодействия
3. Adam Wathan – Refactoring UI
4. Итан Маркотт – Отзывчивый веб-дизайн
5. Стив Круг – Не заставляйте меня думать
6. Аарон Уолтер – Эмоциональный веб-дизайн
7. Алан Купер – Алан Купер об интерфейсе. Основы проектирования взаимодействия
8. Остин Клеон – Кради как художник
9. Эрин Киссейн – Основы контентной стратегии
10. Люк Вроблевски – Сначала мобильные!
По продажам:
1. Гарри Беквит – Продавая незримое
2. Стивен Шиффман – Золотые правила продаж
3. Максим Батырев – 45 татуировок продавана
4. Джордан Белфорт – Метод Волка с Уолл-Стрит
5. Дэн Кеннеди – Жесткие продажи
6. Дональд Миллер – Воронки продаж по методу StoryBrand: Пошаговое руководство
7. Пиньятаро Карло – Продажи со стилем. Секреты продаж от экспертов премиум-сегмента
8. Гребенюк Михаил – Гениальные скрипты продаж
9. Калимуллин Камиль – Путь клиента. Как построить воронку онлайн-продаж
10. Солодар Мария – Воронка продаж в интернете. Инструмент автоматизации продаж и повышения среднего чека в бизнесе
По дизайну:
1. Дон Норман – Дизайн привычных вещей
2. Расс Унгер – UX дизайн, проектирование опыта взаимодействия
3. Adam Wathan – Refactoring UI
4. Итан Маркотт – Отзывчивый веб-дизайн
5. Стив Круг – Не заставляйте меня думать
6. Аарон Уолтер – Эмоциональный веб-дизайн
7. Алан Купер – Алан Купер об интерфейсе. Основы проектирования взаимодействия
8. Остин Клеон – Кради как художник
9. Эрин Киссейн – Основы контентной стратегии
10. Люк Вроблевски – Сначала мобильные!
По продажам:
1. Гарри Беквит – Продавая незримое
2. Стивен Шиффман – Золотые правила продаж
3. Максим Батырев – 45 татуировок продавана
4. Джордан Белфорт – Метод Волка с Уолл-Стрит
5. Дэн Кеннеди – Жесткие продажи
6. Дональд Миллер – Воронки продаж по методу StoryBrand: Пошаговое руководство
7. Пиньятаро Карло – Продажи со стилем. Секреты продаж от экспертов премиум-сегмента
8. Гребенюк Михаил – Гениальные скрипты продаж
9. Калимуллин Камиль – Путь клиента. Как построить воронку онлайн-продаж
10. Солодар Мария – Воронка продаж в интернете. Инструмент автоматизации продаж и повышения среднего чека в бизнесе
❤77👍7🔥6
Интересна вам тема самообразования? Фишки и лайфхаки и вообще его эффективность?
Anonymous Poll
98%
Да
2%
Нет
👍6🔥3❤🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Сервис, в котором собраны сотни готовых решений – кнопки, чекбоксы, карточки, лоадеры, формы и многое другое
Можно копировать код и использовать в своих проектах, а еще есть возможность открывать макеты в Figma (после авторизации по кнопке "Copy to Figma")
Название: uiverse.io 🙌🏼
Можно копировать код и использовать в своих проектах, а еще есть возможность открывать макеты в Figma (после авторизации по кнопке "Copy to Figma")
Название: uiverse.io 🙌🏼
❤55🔥6👍5
This media is not supported in your browser
VIEW IN TELEGRAM
2 часть трендов 2024 года, которые помогут привлечь больше клиентов
(Здесь собрала фишки для портфолио и идеи для ваших будущих коммерческих проектов, которые цепляют взгляд и вызывают больше эмоций)
1. 3D-элементы
Мне всегда нравится, как минималистично выглядят простые формы, в которых заложены смыслы (ассоциации, отсылки или помощь в визуальной иерархии). Примеров таких работ можно найти очень много, особенно в разделе «Лучшие» на Behance. А сами 3D-элементы можно искать в Figma Community (по запросу 3d / 3d items / 3d elements etc.) и на сайтах по типу Shapefest
2. Анимированные переходы
Наверное, это будет актуально всегда (😁 ), потому что когда заказчики видят, что что-то куда-то поехало – сразу возникает эффект «ВАУ, мне давайте такое же». Делать базовые анимации можно в разделе Prototype прямо в Figma, а экспортировать всю эту красоту теперь можно легко и быстро с помощью плагина Export to GIF/Vedeo. Передаю привет всем программистам, которым приходится воплощать задумки дизайнеров! Вам сил и терпения
3. Ликвид эффект
Есть одно очень классное приложение, которое помогает генерировать абсолютно любые блобсы (разные формы, цвета, частота движений и другие гибкие настройки)
4. Эффект падения
Взлета, вакуума и прочие эффекты, которые повторяют физику привычных вещей – это прикольно (как минимум). Реализовать визуальную часть легко можно в Figma/Prototype, а пример кода на JavaScript есть на этом сайте
(Здесь собрала фишки для портфолио и идеи для ваших будущих коммерческих проектов, которые цепляют взгляд и вызывают больше эмоций)
1. 3D-элементы
Мне всегда нравится, как минималистично выглядят простые формы, в которых заложены смыслы (ассоциации, отсылки или помощь в визуальной иерархии). Примеров таких работ можно найти очень много, особенно в разделе «Лучшие» на Behance. А сами 3D-элементы можно искать в Figma Community (по запросу 3d / 3d items / 3d elements etc.) и на сайтах по типу Shapefest
2. Анимированные переходы
Наверное, это будет актуально всегда (
3. Ликвид эффект
Есть одно очень классное приложение, которое помогает генерировать абсолютно любые блобсы (разные формы, цвета, частота движений и другие гибкие настройки)
4. Эффект падения
Взлета, вакуума и прочие эффекты, которые повторяют физику привычных вещей – это прикольно (как минимум). Реализовать визуальную часть легко можно в Figma/Prototype, а пример кода на JavaScript есть на этом сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27🔥9🙏2
И, конечно, хочу четко отметить, что анимации и спецэффекты на вашем сайте (или в приложении) – это лишь "приправа" к блюду! Нельзя ими наесться, в большом количестве – можно отравиться, без них – мир не рухнет, можно выжить 😁
Они могут быть довольно сложны в технической реализации, особенно заставляет попотеть момент оптимизации, чтобы даже на мобильном устройстве все грузилось хорошо (со слабым Интернетом или режимом энергосбережения на телефоне). Чаще от них попросту отказываются, оставляя только на десктопе (я даже не буду рассказывать про то, что в разных браузерах это может отображаться по-разному😅)
В общем, приемы выше – это классные идеи именно для привлечения клиентов и создания концептов в портфолио. Работает такое безотказно, проверено!)
А так – будьте внимательны, рациональны и осторожны. Дизайн – это не только красивая картинка! Эту истину должен усвоить каждый, кто хочет научиться проектировать работающие системы, которые можно продавать дорого
Они могут быть довольно сложны в технической реализации, особенно заставляет попотеть момент оптимизации, чтобы даже на мобильном устройстве все грузилось хорошо (со слабым Интернетом или режимом энергосбережения на телефоне). Чаще от них попросту отказываются, оставляя только на десктопе (я даже не буду рассказывать про то, что в разных браузерах это может отображаться по-разному😅)
В общем, приемы выше – это классные идеи именно для привлечения клиентов и создания концептов в портфолио. Работает такое безотказно, проверено!)
А так – будьте внимательны, рациональны и осторожны. Дизайн – это не только красивая картинка! Эту истину должен усвоить каждый, кто хочет научиться проектировать работающие системы, которые можно продавать дорого
Please open Telegram to view this post
VIEW IN TELEGRAM
👏16❤7🍓4
Новогодние шрифты.zip
1.1 MB
Подборка Новогодних шрифтов из этого рилс (бесплатные для личного использования)
❤11🔥7❤🔥3
Друзья! Всех поздравляю с Новым годом! Надеюсь, что вы встретили его ярко и насыщенно, тем самым задав себе вектор для развития на все 12 месяцев
Вы знаете, что быть веб-дизайнером в 2024 году – это полная свобода во всем: сам выбираешь, с кем работать, сам строишь свой график, путешествуешь, не привязываешься к месту и так далее. Довольно часто мы слышим именно эти заголовки, которые манят попробовать себя в классной профессии🥰
Но так ли все гладко? И почему тогда не каждый первый дизайнер можем похвастаться таким раскладом?🧐
Все, на самом деле, очень просто, ведь существует базовый «набор проблем», который не позволяет активно развиваться на фрилансе:
— Непонимание того, как грамотно вести коммуникацию с клиентом;
— Отсутствие системы и структурности в работе;
— Отсутствие знаний по продвижению и поиску клиентов.
Делаешь кейсы, стараешься искать клиентов, но результата все нет… Такой исход событий может привести к выгоранию и стрессу, ведь ты прикладываешь много усилий, а ощутить плоды своего труда не можешь🥹 Но когда ты знаешь, в чем твоя проблема – это, как говорится, уже 50% решения!
Именно по этим запросам я создала недельный Новогодний ИНТЕНСИВ, на котором мы зададим правильный вектор развития на годы вперед! Что мы сделаем?
📍1. Пройдем весь путь разработки проекта, чтобы структурировать свою работу или научиться правильному подходу, если вы пришли с полного нуля
📍2. Научимся создавать не обычные сайты, а те, что будут приносить реальную пользу нашим клиентам
📍3. Самое топовое — выдам все фишки по общению с клиентами на фрилансе: где искать, как выстраивать грамотную коммуникацию, как продавать сайты на 100к и выше!
После индивидуальной плотной работы с абсолютно разными клиентами на фрилансе (и клиентами моих учеников) и появилась система, которая решит все вышеперечисленные проблемы
Мы стартуем уже завтра, и осталось всего пару мест (извините, что я вам пишу в последний момент, основные места объявляла в сторис🥲 )
Буду рада вас видеть! Давайте начнем год продуктивно вместе 💖🎄
Узнать больше и забрать место можно на этом сайте
Вы знаете, что быть веб-дизайнером в 2024 году – это полная свобода во всем: сам выбираешь, с кем работать, сам строишь свой график, путешествуешь, не привязываешься к месту и так далее. Довольно часто мы слышим именно эти заголовки, которые манят попробовать себя в классной профессии
Но так ли все гладко? И почему тогда не каждый первый дизайнер можем похвастаться таким раскладом?
Все, на самом деле, очень просто, ведь существует базовый «набор проблем», который не позволяет активно развиваться на фрилансе:
— Непонимание того, как грамотно вести коммуникацию с клиентом;
— Отсутствие системы и структурности в работе;
— Отсутствие знаний по продвижению и поиску клиентов.
Делаешь кейсы, стараешься искать клиентов, но результата все нет… Такой исход событий может привести к выгоранию и стрессу, ведь ты прикладываешь много усилий, а ощутить плоды своего труда не можешь🥹 Но когда ты знаешь, в чем твоя проблема – это, как говорится, уже 50% решения!
Именно по этим запросам я создала недельный Новогодний ИНТЕНСИВ, на котором мы зададим правильный вектор развития на годы вперед! Что мы сделаем?
📍1. Пройдем весь путь разработки проекта, чтобы структурировать свою работу или научиться правильному подходу, если вы пришли с полного нуля
📍2. Научимся создавать не обычные сайты, а те, что будут приносить реальную пользу нашим клиентам
📍3. Самое топовое — выдам все фишки по общению с клиентами на фрилансе: где искать, как выстраивать грамотную коммуникацию, как продавать сайты на 100к и выше!
После индивидуальной плотной работы с абсолютно разными клиентами на фрилансе (и клиентами моих учеников) и появилась система, которая решит все вышеперечисленные проблемы
Мы стартуем уже завтра, и осталось всего пару мест (извините, что я вам пишу в последний момент, основные места объявляла в сторис
Буду рада вас видеть! Давайте начнем год продуктивно вместе 💖🎄
Узнать больше и забрать место можно на этом сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Yanadlx
ProDesign — курс веб-дизайна
Курс веб-дизайна от yanadlx
🎉15❤7😍2
Сегодня на одной из консультаций ученица спросила: «Как не бояться? Искать клиентов, работать с ними, вести проекты»
Я понимаю, что эти вопросы довольно актуальны, причем не только для новичков, но и для тех, кто уже имеет опыт на фрилансе
Проблема в том, что если с этими страхами своевременно не бороться, то вероятность стагнации, выгорания и апатии сильно возрастает. Поэтому давайте думать, как можно побороть этот недуг
Есть два источника страха – это неуверенность в себе и неизвестность. Спросите себя: «Я боюсь, потому что я не уверен, что смогу? Или все-таки я боюсь, потому что не знаю, что буду делать с поставленными задачами?»
Как бороться с неуверенностью? Мне хочется сказать: «Все просто – верь в себя»😂
На самом деле, здесь все именно так и работает) Нужно быть в меру наглым, твердым и даже агрессивным, если речь идет о продвижении на фрилансе.
Но давайте по пунктам:
1. Уверенность приходит тогда, когда мы видим результаты своих трудов. Работайте над твердыми навыками, чтобы у вас была возможность реализовать дизайн любой сложности
2. Окружите себя людьми, которые будут поддерживать, искренне восхищаться вашими работами и дарить вам больше мотивации. Я считаю, что это очень важный пункт, который нельзя игнорировать. Если рядом есть родные или близкие, которые подшучивают над вами или проявляют прочую негативную «заботу», то пытаться что-то доказывать не нужно, нужно искать благоприятную почву для роста (захотелось целый пост написать про свой опыт в таких ситуациях)
3. Ставьте цели! И прописывайте четкие пути к их достижению. «Хочу заработать 100к, как я могу это сделать? Взять 2 проекта по 50к, окей. Где я могу их найти и сколько мне потребуется времени?». Вы должны знать, куда вы идете, чтобы не думать о том, что скажет Машка из соседнего подъезда, когда увидит ваш пост в инстаграме)
4. Просто делайте. У каждого есть свои причины неуверенности в себе, это лучше прорабатывать с психологом, чтобы себя понимать) Но в любом случае, не стойте на месте! Глаза боятся – руки делают. Ничего не изменится, если вы останетесь в своем темном углу, двигайтесь навстречу своему будущему
И тесно связанная с неуверенностью неизвестность! Здесь все гораздо проще, так как она упирается в поверхностные моменты, которые можно легко поправить:
1. Структурируйте свою работу: выпишите все этапы взаимодействия с заказчиком от первого сообщения до сдачи проекта. Вы должны знать, что входит в ваши услуги, а что нет, как разговаривать, что спрашивать, как себя вести. Когда вы будете четко видеть, что из себя представляет ваша работа, вам будет совсем не страшно за нее браться (конечно, вы должны знать, что сможете осилить каждый ее этап)
2. А для того, чтобы осиливать этапы, нужно их делать) Да, просто опыт, насмотренность, терпение и усидчивость. Попробуйте повести хотя бы 1 проект полностью от и до для себя (представляя, что работаете с заказчиком)
Вот так все просто, на самом-то деле. Знать, что делаешь, и делать это без страхов и отговорок:) Продолжаем серию постов на такую тему? Интересно? Жду реакции❤️
Я понимаю, что эти вопросы довольно актуальны, причем не только для новичков, но и для тех, кто уже имеет опыт на фрилансе
Проблема в том, что если с этими страхами своевременно не бороться, то вероятность стагнации, выгорания и апатии сильно возрастает. Поэтому давайте думать, как можно побороть этот недуг
Есть два источника страха – это неуверенность в себе и неизвестность. Спросите себя: «Я боюсь, потому что я не уверен, что смогу? Или все-таки я боюсь, потому что не знаю, что буду делать с поставленными задачами?»
Как бороться с неуверенностью? Мне хочется сказать: «Все просто – верь в себя»😂
На самом деле, здесь все именно так и работает) Нужно быть в меру наглым, твердым и даже агрессивным, если речь идет о продвижении на фрилансе.
Но давайте по пунктам:
1. Уверенность приходит тогда, когда мы видим результаты своих трудов. Работайте над твердыми навыками, чтобы у вас была возможность реализовать дизайн любой сложности
2. Окружите себя людьми, которые будут поддерживать, искренне восхищаться вашими работами и дарить вам больше мотивации. Я считаю, что это очень важный пункт, который нельзя игнорировать. Если рядом есть родные или близкие, которые подшучивают над вами или проявляют прочую негативную «заботу», то пытаться что-то доказывать не нужно, нужно искать благоприятную почву для роста (захотелось целый пост написать про свой опыт в таких ситуациях)
3. Ставьте цели! И прописывайте четкие пути к их достижению. «Хочу заработать 100к, как я могу это сделать? Взять 2 проекта по 50к, окей. Где я могу их найти и сколько мне потребуется времени?». Вы должны знать, куда вы идете, чтобы не думать о том, что скажет Машка из соседнего подъезда, когда увидит ваш пост в инстаграме)
4. Просто делайте. У каждого есть свои причины неуверенности в себе, это лучше прорабатывать с психологом, чтобы себя понимать) Но в любом случае, не стойте на месте! Глаза боятся – руки делают. Ничего не изменится, если вы останетесь в своем темном углу, двигайтесь навстречу своему будущему
И тесно связанная с неуверенностью неизвестность! Здесь все гораздо проще, так как она упирается в поверхностные моменты, которые можно легко поправить:
1. Структурируйте свою работу: выпишите все этапы взаимодействия с заказчиком от первого сообщения до сдачи проекта. Вы должны знать, что входит в ваши услуги, а что нет, как разговаривать, что спрашивать, как себя вести. Когда вы будете четко видеть, что из себя представляет ваша работа, вам будет совсем не страшно за нее браться (конечно, вы должны знать, что сможете осилить каждый ее этап)
2. А для того, чтобы осиливать этапы, нужно их делать) Да, просто опыт, насмотренность, терпение и усидчивость. Попробуйте повести хотя бы 1 проект полностью от и до для себя (представляя, что работаете с заказчиком)
Вот так все просто, на самом-то деле. Знать, что делаешь, и делать это без страхов и отговорок:) Продолжаем серию постов на такую тему? Интересно? Жду реакции❤️
❤90🔥8🥰3
10 сервисов, где можно скачать или разработать свои собственные 3D иконки или иллюстрации 🔥
1. 44 elements mega pack
44 бесплатных 3D объекта для твоих проектов или блога
2. Abstract 3d shapes (Прикрепляю ниже)
16 бесплатных 3D иконок кораллов для твоих проектов или блога
3. endlesstools.io
Дает возможность разрабатывать свои иконки (редактировать форму, материал, цвет, угол падения света и многое другое)
4. peeps.ui8.net
Дает возможность собрать своего персонажа из составных элементов
5. Y2K Holo - 3D Shapes (Прикрепляю ниже)
50 бесплатных 3D иконок для твоих проектов или блога
6. 3dicons - Open source 3D icon library
Больше 120 бесплатных 3D иконок для твоих проектов или блога
7. 3D icons pack
30 бесплатных 3D иконок для твоих проектов или блога
8. 3D Shapes | 27 Free 3D Icons | Abstract Shapes | 3D Objects
27 бесплатных 3D иконок для твоих проектов или блога
9. L.Star free 3D geometric objects(Community)
3D иллюстрации абстрактных объектов
10. SALY - 3D Illustration Pack
Большая коллекция качественных 3D иллюстраций
1. 44 elements mega pack
44 бесплатных 3D объекта для твоих проектов или блога
2. Abstract 3d shapes (Прикрепляю ниже)
16 бесплатных 3D иконок кораллов для твоих проектов или блога
3. endlesstools.io
Дает возможность разрабатывать свои иконки (редактировать форму, материал, цвет, угол падения света и многое другое)
4. peeps.ui8.net
Дает возможность собрать своего персонажа из составных элементов
5. Y2K Holo - 3D Shapes (Прикрепляю ниже)
50 бесплатных 3D иконок для твоих проектов или блога
6. 3dicons - Open source 3D icon library
Больше 120 бесплатных 3D иконок для твоих проектов или блога
7. 3D icons pack
30 бесплатных 3D иконок для твоих проектов или блога
8. 3D Shapes | 27 Free 3D Icons | Abstract Shapes | 3D Objects
27 бесплатных 3D иконок для твоих проектов или блога
9. L.Star free 3D geometric objects(Community)
3D иллюстрации абстрактных объектов
10. SALY - 3D Illustration Pack
Большая коллекция качественных 3D иллюстраций
❤64🔥10❤🔥5