Пікірлер
@kraucifer
@kraucifer Ай бұрын
Очень круто пасибо, надеюсь я всё потихоньку запомню, принадлежность каждого уровня и как её пушить на компонент.
@marochka007
@marochka007 Ай бұрын
Спасибо!!!!
@Константин-ч8к9к
@Константин-ч8к9к Ай бұрын
Проведите плиз воркшоп по типографике. У вас там я вижу интересно она собрана, хотелось бы понять почему именно так
@nosikalena
@nosikalena Ай бұрын
Пипец как сложно.. я запуталась 😐
@dobryikot7920
@dobryikot7920 2 ай бұрын
А типографику тоже через переменные заносите?
@НиколайЛапушко-й2п
@НиколайЛапушко-й2п 2 ай бұрын
чаще всего дев тим использует фреймворк где ховеры и экшены отрабатываются на уровне кода, на примере Material Design токен у них есть в фигме, но он отрабатывается системой не так как задан в фигме, а через наложение слоя функцией фреймворка. то что на белом фоне ховер отрабатывает как 4% черного большая часть разработчиков не знает и им это не нужно. так что вот так просто выбирать цвета для ховеров и экшенов у вас не получится.
@polina-x2f
@polina-x2f 2 ай бұрын
Спасибо за видео! Супер полезное, буду использовать в работе!
@tumb1ew2ed99
@tumb1ew2ed99 2 ай бұрын
Кайф, спасибо!
@noname-b9v5l
@noname-b9v5l 2 ай бұрын
Спасибо за крутые воркшопы. Подскажи, пожалуйста, будут ли ещё видео?
@Marevo13
@Marevo13 2 ай бұрын
Просто клад нашла) спасибо большое!!!
@user-ey5wn
@user-ey5wn 3 ай бұрын
Привет. Спасибо за видео. Подскажи, как делается такой шаблон, о котором ты говоришь на 12:40? Реализовано ли уже где-то подобное? Если да, то где? Очень хочется посмотреть :)
@eldanielleee
@eldanielleee 3 ай бұрын
привет, не, я так до него и не дошел
@ВладаНовицкас
@ВладаНовицкас 4 ай бұрын
Спасибо за видео и пример размерной линейки! Не поняла один момент: зачем создавать токены для цифр? То есть [4] = 4. Почему не [spacing-4x] = 16, a [spacing-4x] = [16] = 16. Разве может быть такая ситуация, что [4]= 8 ?
@angelikapetrova
@angelikapetrova 4 ай бұрын
Большое спасибо! Смотрю вторую часть уже и очень довольна структурой и подачей. Нашла для себя новый подход, потому что раньше сразу заводила на светлую и темную тему без составления коллекции цветов/отступов/etc P.S. Было бы здорово приложить ссылку тг именно на пост с материалами, потому что тем, кто смотрит только сейчас это видео немножко сложно найти в канале
@eldanielleee
@eldanielleee 4 ай бұрын
@@angelikapetrova спасибо! Добавим
@katyakovaa
@katyakovaa 4 ай бұрын
Хочется ещё увидеть воркшоп по организации стилей типографики 🙏
@AzaMurra
@AzaMurra 5 ай бұрын
Ебейше крутая инфа, спасибо!
@oprotonoo
@oprotonoo 5 ай бұрын
Не понимаю, почему для space-x1 не установить числовое значение - 4 px ? тот 1-й уровень токенов (0 = 0, 4 = 4, 8 = 8..) - он ведь, во-первых, нигде больше не используется, а значит никакой гибкости не дает; а во-вторых - токены в названии содержат свое значение (вернее название=значению), и в чем тогда смысл этих токенов, в сравнении просто с числовыми значениями?
@VADIM-CHERNYAEV
@VADIM-CHERNYAEV 5 ай бұрын
Огонь!!!
@paveln9296
@paveln9296 5 ай бұрын
Прям очень круто, доступно, понятно. Спасибо!
@Waldemart
@Waldemart 5 ай бұрын
Какая связь между цифрой 600 и прозрачностью в 88% 🤔 не могу понять логику именования в white-600, 500 тд. Как глядя на такое название понять содержимое?
@AlexStram1nsky
@AlexStram1nsky 5 ай бұрын
Текст ты организуешь именно через стили, не через переменные? И не мог бы ты показать как именно организуешь текстовые стили?
@So_dna_postuchali
@So_dna_postuchali 5 ай бұрын
Отличный урок! спасибо огромное🤩
@IlyuksaSan-Francisco
@IlyuksaSan-Francisco 5 ай бұрын
очень крутые у тебя видосы!
@alexander_stark
@alexander_stark 5 ай бұрын
Я просмотрел множество видео, посвящённых этой теме, но с цветом всё равно возникают сложности. Жёсткая привязка к цвету ограничивает возможности для творчества. Мне кажется, лучше сначала разработать дизайн, а потом уже подбирать варианты. С кнопками тоже есть свои особенности. В обучающих материалах обычно не рассматривают, что в кнопке на хедере может быть изображение телефона, каталога и так далее. К тому же, прошёл уже год с момента выхода системы, и намедни вышло новое обновление, а она до сих пор не научилась сохранять градиенты. Тс шарит за фигму -вопросов 0... Такая система больше подходит для разработки приложений и дашбордов, нежели для дизайна сайта: лендинг, магазин.
@arisha8109
@arisha8109 6 ай бұрын
Спасибо за воркшоп 😍 на повтор ушли сутки (такой вот я чайник), натыкалась на косяки, переделывала все несколько раз заново, но все получилось👍🏻
@eldanielleee
@eldanielleee 5 ай бұрын
Супер!)
@arietts
@arietts 6 ай бұрын
очень полезные воркшопы! пожалуйста, делай еще)))
@andreypotey949
@andreypotey949 6 ай бұрын
Привет, тебе нужно обязательно настроить программу которая показывает что ты нажимаешь. 🥲
@давнопора
@давнопора 6 ай бұрын
Как я понял ты разбил основную палитру на суб-оттенки, но ведь это альфа-каналы, почему ты сделал именно так? Разве не лучше разбивать цвета без изменений прозрачности? Это ведь сыграет злую шутку. А вообще видео топ, буду рад если ответишь в каких случаях применяются альфа-каналы и почему ты сделал именно таким образом
@ArtemKobyakov
@ArtemKobyakov 6 ай бұрын
Спасибо. Очень полезно
@НиколайЛеухин-ф5ь
@НиколайЛеухин-ф5ь 6 ай бұрын
Мужик, спасибо тебе за токены!
@НиколайЛеухин-ф5ь
@НиколайЛеухин-ф5ь 6 ай бұрын
Это очень круто =
@polyansky_design
@polyansky_design 6 ай бұрын
Занимаюсь сейчас созданием универсального UI Kit для своей компании, который потом будет основой проектов и presale'ов. Решил посмотреть "bestpractice" по теме цветов и просто открыл для себя новый мир! Раньше тащил за собой устаревший, как оказалось, подход в оформлении цветов от своего наставника в прошлой компании (наставник, кстати, очень крутой, но видимо до реорганизации цвета не дошел). В общем спасибо!
@nick_yahodin
@nick_yahodin 7 ай бұрын
супеер! уложилось в голове, как родное 🙂 жду еще и еще
@evgnsprmn
@evgnsprmn 7 ай бұрын
Посмотрел все видосы, годнота просто. Сам дизайнер, не новичок, но и мне глянуть лишний раз прям полезно
@ankappp333
@ankappp333 7 ай бұрын
Еще раз спасибо, спасибо, спасибо!!!!!!!!!!!!!!
@ankappp333
@ankappp333 7 ай бұрын
Спасибо огромное за урок, соглашусь с другими - лучший на русскоязычном ютубе!
@ИванЮлкин
@ИванЮлкин 7 ай бұрын
Так приятно слушать горящим своим делом классного профессионала!) 10:40 Меня мучает один вопрос про инстант свайп и изменение цвета иконок. Кейс такой: когда сделал компонент тега или кнопки с иконкой, потом используешь ее в проекте и через инстант свап переключаешь на разные иконки. Затем приходит заказчик и говорит, что нужно изменить в кнопке цвет иконки. Меняю его в компоненте, но там, где были переключены иконки на другие, цвет не меняется и нужно сидеть и менять их самому 😢 Может есть какой-то способ, как это обойти?
@eldanielleee
@eldanielleee 7 ай бұрын
Привет! Напиши на ютубе: пуленепробиваемые иконки
@ИванЮлкин
@ИванЮлкин 7 ай бұрын
@@eldanielleee Привет! Спасибо, да, я подписан на Виктора и пользуюсь фишками из его видео) По его способу иконки прекрасно переключаются в компонентах через instance swap, но тут проблема в том, что те иконки, которые переключил в дочернем компоненте (например, в кнопке), уже не поменяют цвет на новый, который я выберу в мейн компоненте у иконки. Поменяет цвет только стандартная иконка из мейна. И пока только два способа нашел - смориться или городить для каждого компонента свой пак покрашенных обернутых иконок, которые будут ссылаться на родительскую иконку, но это кажется слишком)) Других решений пока не смог найти, может у тебя есть мысли по этому поводу?
@eldanielleee
@eldanielleee 7 ай бұрын
@@ИванЮлкин закинь в наш чатик свой вопрос с примером в фигме. Ребята подскажут
@nick_yahodin
@nick_yahodin 7 ай бұрын
спасибо тебе! супер полезно, понятно и ты прямо закрыл много вопросов + прокачал еще лучше Фигма скилы :)
@ekaterinabrenner847
@ekaterinabrenner847 7 ай бұрын
Спасибо большое за уроки - очень полезно и ценно! Жду следующих видео. ❤
@alexeyilin1
@alexeyilin1 7 ай бұрын
Спасибо, офигенный урок!
@catriarchiv
@catriarchiv 7 ай бұрын
Топовый контент. Самый полезный по ДС
@katerinak5933
@katerinak5933 7 ай бұрын
супер полезный урок, начала собирать свой собственный UI-Kit на основе полученных знаний. Жду не дождусь новое видео ☺
@eldanielleee
@eldanielleee 7 ай бұрын
Спасибо 🫶
@Madvito
@Madvito 7 ай бұрын
минус такого решения с индикатором онлайн, что аватарку можно располагать только на белом фоне. Обводку у кругляха лучше маской сделать
@lizavolokhova7483
@lizavolokhova7483 7 ай бұрын
Очень информативно. Спасибо большое❤
@valeriiia_because
@valeriiia_because 7 ай бұрын
Здравствуйте, было бы очень интересно посмотреть ролик как правильно дизайнеру сотрудничать с разработчиком, как правильно передавать дизайн в разработку и т.д.
@maxbeztalanta4221
@maxbeztalanta4221 7 ай бұрын
Даня, а го видос с логотипами. Как их масштабировать в компонентах и в системе в целом, если они разного соотношения/размера Было бы круто увидеть как ты это организуешь и отдаешь в разработку
@eldanielleee
@eldanielleee 7 ай бұрын
Забрал 😎
@veramarshalova1510
@veramarshalova1510 8 ай бұрын
Благодарю за вокршоп, в нем прекрасно всё! У меня вопрос: какой плагин используете / можете порекомендовать для автоматизированного описания созданной палитры и токенов?
@eldanielleee
@eldanielleee 8 ай бұрын
Спасибо! Честно говоря, у меня нет такого плагина, потому что нет потока проектов, где я могу его применять) работаю в продукте. У нас есть чатик про компоненты, там больше 300 человек, можно спросить там) ссылка в описании к роликам
@by42naa
@by42naa 8 ай бұрын
Спасибо большое за такую подробную информацию, это максимально полезное видео! Годный контент - подписка и лайк однозначно!!!!!
@sergeyfoxy
@sergeyfoxy 8 ай бұрын
Спасибо! Как всегда мега польза🤟
@yomercury
@yomercury 8 ай бұрын
спасибо-спасибо-спасибо! после ваших воркшопов наконец-то всё уложилось в голове
@tarque_
@tarque_ 8 ай бұрын
Вот это реально круто, записывай больше роликов! Крутые подходы, только сделай ещё, чтобы кнопки показывались, какие ты нажимаешь, очень важно, а то хочется это все запоминать
@eldanielleee
@eldanielleee 8 ай бұрын
Блин, точно. Спасибо! Я и так стараюсь мышкой все нажимать, без хоткеев, чтобы видно было.