This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Не так давно я начала вести свой файлик в фигме со скринами и ссылками референсов (очень удобно кстати). Там как проекты целиком, так и их части. И вот что поняла: я фанатик раскрывающихся меню 😅
Больше всего собрано именно их, и мне нереально нравятся интересные механики и решения, крупная типографика пунктов и анимация 🤍
Делюсь некоторыми:
1. https://makepill.com/
2. https://awsmd.com/
3. https://www.mimcocapital.com/
4. https://www.yard.me/
5. https://carboculture.com/
6. https://www.vntnr.co/
7. https://www.sanfelice.com/en
8. https://lusion.co/
Даже просто стоит посмотреть целиком, вдохновиться)
На втором месте в моих подборках по количеству стоят футеры) Тоже особая любовь, как-нибудь сделаю пост😏
Больше всего собрано именно их, и мне нереально нравятся интересные механики и решения, крупная типографика пунктов и анимация 🤍
Делюсь некоторыми:
1. https://makepill.com/
2. https://awsmd.com/
3. https://www.mimcocapital.com/
4. https://www.yard.me/
5. https://carboculture.com/
6. https://www.vntnr.co/
7. https://www.sanfelice.com/en
8. https://lusion.co/
Даже просто стоит посмотреть целиком, вдохновиться)
На втором месте в моих подборках по количеству стоят футеры) Тоже особая любовь, как-нибудь сделаю пост
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥15❤7👍5
Media is too big
VIEW IN TELEGRAM
Начала сегодня верстать проект по коттеджному поселку на Кипре 😐
Несколько часов уместились в трех минутах 🤪
Расскажу некоторые моменты, как сейчас верстаю (если выбираем автоскейл). Каждый работает по-своему, но мне так пока удобнее всего:
1. Отрисовываю макет во фрейме 1920px (был бы монитор меньше, взяла бы под размер монитора)
2. Затем скейлю его до 960px (первый экран отдельно оставляю 1200px, если он планируется под 100%)
3. Округляю значения через плагин Round All
4. Мобилку рисую во фрейме 390px, потом скейлю до 320px
5. Брейкпоинты в Тильде беру 320, 640 и 960 (+1200 для первого блока)
6. Автоперенос реально помогает, но не во всех блоках, чаще всего вначале и где много текстов. Изображения лучше переносить вручную
7. Использую alias-блоки для отступов
Завтра самое сложное: анимации, модификации и тд.😥 А в среду нужно сдать)
Проект в партнерстве с @stylizedpro 🤍
Несколько часов уместились в трех минутах 🤪
Расскажу некоторые моменты, как сейчас верстаю (если выбираем автоскейл). Каждый работает по-своему, но мне так пока удобнее всего:
1. Отрисовываю макет во фрейме 1920px (был бы монитор меньше, взяла бы под размер монитора)
2. Затем скейлю его до 960px (первый экран отдельно оставляю 1200px, если он планируется под 100%)
3. Округляю значения через плагин Round All
4. Мобилку рисую во фрейме 390px, потом скейлю до 320px
5. Брейкпоинты в Тильде беру 320, 640 и 960 (+1200 для первого блока)
6. Автоперенос реально помогает, но не во всех блоках, чаще всего вначале и где много текстов. Изображения лучше переносить вручную
7. Использую alias-блоки для отступов
Завтра самое сложное: анимации, модификации и тд.
Проект в партнерстве с @stylizedpro 🤍
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍6
Media is too big
VIEW IN TELEGRAM
Казалось бы, такая мелочь, а насколько упрощает жизнь) Модификация ANX821 — Покраска и анимирование SVG от ANNEXX. Пользуюсь ей довольно часто, а раньше тот же ховер на иконках делала через sbs 🤦♀️
Вдруг еще есть те, кто тоже не знал…
Помимо того, что можно просто настроить смену цвета при наведении, есть возможность задать триггер на эту смену, что очень помогает, если нужно сделать интересный ховер на кнопках со стрелкой без css, например.
Вдруг еще есть те, кто тоже не знал…
Помимо того, что можно просто настроить смену цвета при наведении, есть возможность задать триггер на эту смену, что очень помогает, если нужно сделать интересный ховер на кнопках со стрелкой без css, например.
❤18🔥8
С таким контентом работать одно удовольствие 🤤
Лендинг для Tree’s – закрытого поселка на Кипре. Важно было донести настроение, понятно и удобно показать объекты.
Ссылка: tree-s.tilda.ws
Проект в партнерстве с @stylizedpro 🤍
Лендинг для Tree’s – закрытого поселка на Кипре. Важно было донести настроение, понятно и удобно показать объекты.
Ссылка: tree-s.tilda.ws
Проект в партнерстве с @stylizedpro 🤍
😍12🔥7❤4
Скоро будет год, как я пошла на курс Tilda Pro, и наконец, как мне кажется, нашла себя 😌
Год назад понимала только одно: то, чем я занимаюсь сейчас (маркетинг, таргет) мне не приносит удовольствия, а куда идти и где реализовываться – фиг знает.
Перебирала варианты, из того, что умею, и из того, что потенциально интересно:
• Фронтенд (покупала курс, попала на инфоцыгана, да и в целом не зашло)
• Онлайн-школы на Геткурсе (создавала и настраивала школы с нуля)
• Углублялась в Яндекс.Директ (думала только в контексте остаться)
• Граф дизайн (разрабатывала лого и фирм стиль, полиграфию, но никогда не любила это)
• Сайты на Тильде (создавала время от времени)
И тут пришло осознание, что именно с сайтами все всегда складывалось наилучшим образом: кайфовала от процесса, было легко разбираться самой. Да, нигде не обучалась и знаний явно не хватало, все было по наитию и как вижу.
Вот только как профессию веб-дизайн, почему-то, я не рассматривала никогда…
🥺 Во вложении мои сайты, созданные +- год-полтора назад. (Средний ценник за лендинг был 15-20 000. Спустя год вырос в 5 раз) Все ссылки есть на стене в группе Вк. С нее и начала тогда.
Вроде бы даже неплохо получалось, но есть нюансы 😄
• С референсами не умела работать
• Про правила типографики не слышала и про ровные отступы тоже
• С резиновой версткой не была знакома, только грид (какой автоскейл, вы о чем 🤪)
• С анимацией тоже практически
• Делала сразу в Тильде, не понимала, зачем вообще нужна Фигма
• Каждый блок рассматривала как отдельный объект
Сейчас, реально бесит только одно: что времени так мало. Хочется развиваться быстрее, разбираться в большем, повышать уровень, делиться с другими. И все это в сопровождении ощущения, что все время не дотягиваю и так мало еще знаю.
Год назад понимала только одно: то, чем я занимаюсь сейчас (маркетинг, таргет) мне не приносит удовольствия, а куда идти и где реализовываться – фиг знает.
Перебирала варианты, из того, что умею, и из того, что потенциально интересно:
• Фронтенд (покупала курс, попала на инфоцыгана, да и в целом не зашло)
• Онлайн-школы на Геткурсе (создавала и настраивала школы с нуля)
• Углублялась в Яндекс.Директ (думала только в контексте остаться)
• Граф дизайн (разрабатывала лого и фирм стиль, полиграфию, но никогда не любила это)
• Сайты на Тильде (создавала время от времени)
И тут пришло осознание, что именно с сайтами все всегда складывалось наилучшим образом: кайфовала от процесса, было легко разбираться самой. Да, нигде не обучалась и знаний явно не хватало, все было по наитию и как вижу.
Вот только как профессию веб-дизайн, почему-то, я не рассматривала никогда…
Вроде бы даже неплохо получалось, но есть нюансы 😄
• С референсами не умела работать
• Про правила типографики не слышала и про ровные отступы тоже
• С резиновой версткой не была знакома, только грид (какой автоскейл, вы о чем 🤪)
• С анимацией тоже практически
• Делала сразу в Тильде, не понимала, зачем вообще нужна Фигма
• Каждый блок рассматривала как отдельный объект
Сейчас, реально бесит только одно: что времени так мало. Хочется развиваться быстрее, разбираться в большем, повышать уровень, делиться с другими. И все это в сопровождении ощущения, что все время не дотягиваю и так мало еще знаю.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
Quick Tracing
Потеряла недавно этот плагин, пусть лучше останется здесь еще и вдруг пригодится кому-то 😌
На мой взгляд, самый простой, удобный и при этом бесплатный для отрисовки растра в вектор. Не всегда 100% идеально, зато быстро) С иконками часто спасает.
Ссылка
Потеряла недавно этот плагин, пусть лучше останется здесь еще и вдруг пригодится кому-то 😌
На мой взгляд, самый простой, удобный и при этом бесплатный для отрисовки растра в вектор. Не всегда 100% идеально, зато быстро) С иконками часто спасает.
Ссылка
🔥12❤4