Evgeny Peshinsky (ikstro)
Evgeny Peshinsky (ikstro)
  • 30
  • 124 477
Figma. Делаем карточку товара
Решил попробовать новый вид роликов "Процесс".
В нём я буду показывать процесс создания чего-либо. В данный момент Карточка товара для Магазина.
Подозреваю что процесс будет довольно нудный :)
Но именно подглядывая, что как делают другие можно многому научиться.
Цель Процесса не повторить что-то, а сделать с нуля. По факту ролик писался без сценария и подготовки. Этим Процесс полезен даже мне, т.к. вижу свои косяки со стороны. Можно потом запилить разбор своего же процесса. Шутка.
Из реальных косяков что было допущено:
1. Полный хаос в названиях и организации слоёв.
2. Некоторые элементы забывал делать на компонентах.
3. Надо было больше внимания уделить стилям, компонентам.
4. И ещё немало по мелочам))
Чего не хватает. Было бы интересно запилить мобильную версию карточки. Может как-то и сделаю.
Ссылка на то что вышло (после отснятого видео ничего не правил)
www.figma.com/file/Uf9U64kfbW5F9YJRXYesqM/%D0%9A%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B0-(Copy)
Behance: www.behance.net/ikstro
Instagram: ikstro
มุมมอง: 6 717

วีดีโอ

Figma. Нулевые фреймы в Auto Layout (дополнение к прошлому)
มุมมอง 4802 ปีที่แล้ว
Дополнение у прошлому ролику про Auto Layout th-cam.com/video/FQ8EbG8JUqE/w-d-xo.html 00:00 О нулевых фреймах 02:57 Проблема с дробными числами 05:36 Небольшой хак с переворотами Виде с Фигма-хака th-cam.com/video/hnPIpkvDxjc/w-d-xo.html Behance: www.behance.net/ikstro Instagram: ikstro
Правильные кнопки в Фигме
มุมมอง 1.4K2 ปีที่แล้ว
Создаём правильные кнопки на вариантах. 00:00 Предыстория 01:45 Создаём основу 05:03 Компоненты 08:45 Делаем вариант 13:43 Добавляем остальные свойства 17:58 Что мы получили 18:43 Главный косяк и его решение 22:34 Послесловие) Ссылка на макет: www.figma.com/file/BfU789qiVhRR44ltjNyqAx/Buttons-for-TH-cam?node-id=0:1 Behance: www.behance.net/ikstro Instagram: ikstro
Notion. Создаём систему управления проектами
มุมมอง 27K2 ปีที่แล้ว
Если вы фрилансер или работаете без менеджера, вам нужно как-то организовывать проекты и управлять задачами. И такого софта сейчас больше, чем разновидностей тетриса. Я пробовал бесплатные и платные варианты. Был без ума от Wrike, пытался организовать работу на сервисах Гугл, но для меня самым крутым решением стал Notion. Причём бесплатным. 00:00 Вступелние 01:09 Мои хотелки к системе управлени...
Figma Color Space
มุมมอง 8532 ปีที่แล้ว
Color Space в Figma и для чего он нужен. Для чего sRGB? Для чего Unmanagement? Почем один проект у всех выглядит по разному? Как контролировать картинку, чтобы на всех девайсах было хорошо. Ролик больше для тех, кто работает в Figma на девайсах с цветовым охватом выше sRGB. Больше внимания уделяется проблемам на Windows 10, но и для Mac тоже будет интересно. 00:00 Вступление 00:44 Немного теори...
Адекватные иконки в Фигме.
มุมมอง 4982 ปีที่แล้ว
Если в вашем проекте иконки используются в компонентах, то вы явно сталкивались, что при замене иконки в компоненте, слетают оверрайды. Сегодня как раз о том как сделать правильные иконки что они сохраняли цвет при любой замене. Решение частично подсмотрено у Виктора Теплова. У него один из самых толковых каналов по дизайну и продуктивити. th-cam.com/users/vannirvan Behance: www.behance.net/iks...
Figma. Всё о Copy/Paste. Объекты, текст, стили, свойства
มุมมอง 1.3K2 ปีที่แล้ว
Новый и старый Copy/Paste в Фигме. Обнова была ещё 2 недели назад, и я хотел записать видео ещё тогда, но разрабы сильно намудрили с горячими клавишами. Сейчас все косяки исправлены и новый копи-пейст очень радует. 00:00 Вступление и предыстория 01:20 Обыкновенный Copy/Paste 02:37 Вставка поверх выделенного объекта 03:04 Копирование с заменой 03:53 Мульти-вставка 05:12 Мульти-вставка с заменой ...
Монитор для веб-дизайна
มุมมอง 9K2 ปีที่แล้ว
Хоть и бытует мнение, что на всех веб девайсах разный цвет и каждый видит своё, то с цветом можно не заморачиваться. Я с этим не согласен. Я считаю что было бы неплохо видеть свой результат уже на этапе разработки как могут видеть другие. Постарался подробно упаковать свои требования к монитору.
Можно ли дизайнить на пляже? Опыт работы как на красивой картинке.
มุมมอง 1642 ปีที่แล้ว
Не собирался на отдыхе пилить ролики, но один всё же пришлось записать. Многие спрашивают, какого ты не уедешь в Тай и там в гамаке не работаешь? Все же фрилансеры так работают. Люди, а вы пробовали работать за монитором который развёрнут к окну? Так вот за ноутом, который даже спрятан в тень, как бы ты его не развернул не лучше) Ноут Lenovo Legion 5 (2021) / 17" / 100% sRGB (95 на самом деле) ...
ShareX. Программа для записи и захвата экрана.
มุมมอง 24K3 ปีที่แล้ว
Одна из лучших программ для создания скриншотов и записи экрана. Опыт моего использования. getsharex.com/ Behance: www.behance.net/ikstro Instagram: ikstro
Слайдер
มุมมอง 1.3K3 ปีที่แล้ว
Делаем зацикленный слайдер аля Карусель в Фигме. 00:00 Предыстория 01:37 Карусель Ссылка на Фигму: www.figma.com/file/mNyh6S3zQ7klNHWrxyaMDE/Слайдер-карусель-Copy P.s. Как обычно налажал с настройками микрофона( Сорян за голос из подводной лодки. Behance: www.behance.net/ikstro Instagram: ikstro
Курс UX Design от Skillbox. Или как я диплом получал :)
มุมมอง 9183 ปีที่แล้ว
О Skillbox, их курсе по UX и моём дипломе. Это не хейт и не пропаганда. Это личный опыт, можно ли за 500 баксов познать UX. 00:00 Вступление 00:43 Как я купил курс 05:28 С какими знаниями я попал на курс 06:16 Чего я ожидал от курса? 06:38 Качество курса 11:17 Наполнение курса 12:24 Домашние задания 14:08 Диплом 18:23 Трудоустройство 19:24 Что мне дал этот курс 21:12 Стоит ли покупать этот курс...
Figma | Анимация раскрывающегося меню
มุมมอง 14K3 ปีที่แล้ว
Делал для проекта прототип меню Аккордеон. Надеюсь кому-то поможет. Upd! В видео не указал, что для такого прототипа, нужно активировать Интерактивные компоненты: help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants Они пока в статусе Беты. Ссылка на заявку: docs.google.com/forms/d/e/1FAIpQLSctELo9clvK0uP-0zDAxMqrgtCNyK0OB2hff6O7SnK9y4jo5g/viewform Прототип:...
Figma. 4 плагина для работы с компонентами и дизайн-системами
มุมมอง 2.1K3 ปีที่แล้ว
4 супер-плагина для работы с компонентами упрощающих и ускоряющих работу в Фигме. Master | Design System Organizer | Component Cloner | Instance Finder Или как я объединял несколько дизайн-систем. 00:00 Вступление 00:59 Master 06:49 Design System Organizer 13:31 Component Cloner 17:17 Instance Finder Ссылки на плагины: Master: www.figma.com/community/plugin/767721682134156281/Master Design Syst...
Мышь или планшет? Что лучше для веб-дизайна?
มุมมอง 1K3 ปีที่แล้ว
Нужен ли планшет веб-дизайнеру? Это наверное один из самых частых вопросов и споров. Я расскажу о своём опыте использования Wacom-ом. Плюсы и минусы. Сделаю тест на чём быстрее обтравить картинку. Загляну ненадолго в настройки. И смертельный номер - шлифовка поверхности) 00:00 Вступление 01:00 Как я перешёл на планшет 02:15 Плюсы и минусы 06:35 Тест на обтравку картинки 08:24 Какой должен быть ...
Сетки в Figma
มุมมอง 2K3 ปีที่แล้ว
Сетки в Figma
Сетки в Веб-дизайне. Теория.
มุมมอง 3.1K3 ปีที่แล้ว
Сетки в Веб-дизайне. Теория.
О себе и про канал.
มุมมอง 3663 ปีที่แล้ว
О себе и про канал.
Где брать, как хранить шрифты. Поиск, управление и FontExpert
มุมมอง 3.7K3 ปีที่แล้ว
Где брать, как хранить шрифты. Поиск, управление и FontExpert
Хитрые заливки. Свечения, mesh и градиенты в Фигме.
มุมมอง 7K3 ปีที่แล้ว
Хитрые заливки. Свечения, mesh и градиенты в Фигме.
Компоненты
มุมมอง 4183 ปีที่แล้ว
Компоненты
Auto Layout. Растянуть всё за 50 минут
มุมมอง 1.4K3 ปีที่แล้ว
Auto Layout. Растянуть всё за 50 минут
Из полиграфии в Web
มุมมอง 1973 ปีที่แล้ว
Из полиграфии в Web
Как придумать дизайн. Рожаем дизайн лендинга
มุมมอง 1.6K3 ปีที่แล้ว
Как придумать дизайн. Рожаем дизайн лендинга
Помогают ли шаблоны. Лендинг по чужому шаблону.
มุมมอง 4553 ปีที่แล้ว
Помогают ли шаблоны. Лендинг по чужому шаблону.
Лендинги. Аналитика и прототип.
มุมมอง 1.2K3 ปีที่แล้ว
Лендинги. Аналитика и прототип.
Мифы веб-дизайна. Послание начинающему дизайнеру.
มุมมอง 7143 ปีที่แล้ว
Мифы веб-дизайна. Послание начинающему дизайнеру.
Туда-сюда. Обмен графикой между Figma, Photoshop, Illustrator
มุมมอง 10K3 ปีที่แล้ว
Туда-сюда. Обмен графикой между Figma, Photoshop, Illustrator
Figma Что внутри?
มุมมอง 1K3 ปีที่แล้ว
Figma Что внутри?
Веб-дизайн, который приносит деньги
มุมมอง 5673 ปีที่แล้ว
Веб-дизайн, который приносит деньги

ความคิดเห็น

  • @user-fi6co1gh2f
    @user-fi6co1gh2f 13 วันที่ผ่านมา

    Огромное Вам спасибо! Как давно я искал такое видео. 🔥

  • @BodrovR
    @BodrovR 20 วันที่ผ่านมา

    Не ожидал, но очень информативно, грац!

  • @olaFro
    @olaFro 22 วันที่ผ่านมา

    как удалить скриншот с history в ShareX? спасибо

  • @creativelive9016
    @creativelive9016 23 วันที่ผ่านมา

    Если делать анимаировнный баннер из того, что вы насвинячили в Фигме, то надо через жопу пролезть, чтобы извлечь файлы из вашей гребаной скотской фигмы

  • @alionadanchenko579
    @alionadanchenko579 หลายเดือนก่อน

    Спасибо!

  • @beshkekart3909
    @beshkekart3909 หลายเดือนก่อน

    Отличный материал, мне нравится Ваша подача!

  • @yoallisvart4278
    @yoallisvart4278 หลายเดือนก่อน

    О да, макеты каталогов в Фигме и журнальная верстка от веб-дизайнеров на 9 колонок - лютый треш 😂😂

  • @Alexa-oo1kr
    @Alexa-oo1kr 2 หลายเดือนก่อน

    Очень крутой материал! База, о которой мало, кто говорит. Спасибо! Лайк и подписка)

  • @valeryfilatov5640
    @valeryfilatov5640 2 หลายเดือนก่อน

    Огонь, спксибо

  • @zxcHuTuk
    @zxcHuTuk 3 หลายเดือนก่อน

    ЛАЙК

  • @user-db8nz5cu7e
    @user-db8nz5cu7e 3 หลายเดือนก่อน

    Вообще непонятно, зачем такие видео выкладывать?

  • @sabr1324
    @sabr1324 5 หลายเดือนก่อน

    Я так зрозмів прога змінилась? тому що коли створю борд, то взагалі не то виходить)

  • @siergiejs.8070
    @siergiejs.8070 5 หลายเดือนก่อน

    Здравствуйте, подкажите как сейчас сделать, что бы карточки открывались по умолчанию всегда по середине? Бо они справа выезжают, бесят) Спасибо.

  • @llizza
    @llizza 6 หลายเดือนก่อน

    Спасибо за видео! Подскажите пожалуйста, правильно ли я поняла, чтобы сохранить тени/свечение объекта (при переносе из фигмы в иллюстратор) нужно экспортировать в формате пнг?

  • @JamesBond-jf4ni
    @JamesBond-jf4ni 6 หลายเดือนก่อน

    У меня нет такого пункта в фигме в меню колор спейс и хули делать? у меня на винде комп

  • @Sandboxer47
    @Sandboxer47 6 หลายเดือนก่อน

    А как сделать так чтобы он еще и звук записывал?

  • @dabaryaev
    @dabaryaev 6 หลายเดือนก่อน

    перехожу по ссылке, просит войти, вхожу и уже нет шаблона. Что делать?

  • @Svetlana_Murenets
    @Svetlana_Murenets 7 หลายเดือนก่อน

    Как поменять папку для сохранения

  • @VAMPIRE-o5y
    @VAMPIRE-o5y 7 หลายเดือนก่อน

    как монтиривать

  • @VAMPIRE-o5y
    @VAMPIRE-o5y 7 หลายเดือนก่อน

    Ти крутий

  • @Pavlo-SP
    @Pavlo-SP 8 หลายเดือนก่อน

    Жаль, что перестал выкладывать контент из-за войны на нашей земле. Сподіваюсь, прийде мир та почнеш знову викладатися. Дуже корисний урок

  • @sdfaasf7574
    @sdfaasf7574 8 หลายเดือนก่อน

    потому что ты не шаришь в принципах алгоритма обработки изображений (инормации) в Figma.

    • @TheKarsonE
      @TheKarsonE 5 หลายเดือนก่อน

      Пиши видос раз ты шаришь.

    • @MCKazachenka
      @MCKazachenka 4 หลายเดือนก่อน

      Это ты скажи Адобу, чтобы они шарили "в принципах алгоритма обработки изображений в Figma". А человек сделал полезнейший видос для пользователей

  • @alexandrfomin2069
    @alexandrfomin2069 8 หลายเดือนก่อน

    👍 Спасибо! Очень классная подача информации, смотрю с удовольствием.

  • @user-ey9ym4rh5o
    @user-ey9ym4rh5o 8 หลายเดือนก่อน

    Благодарю!

  • @user-iv3xp3ml2v
    @user-iv3xp3ml2v 9 หลายเดือนก่อน

    Спасибо!!!

  • @Designer-Makeeva
    @Designer-Makeeva 9 หลายเดือนก่อน

    🔥🔥🔥

  • @ІгорГойда
    @ІгорГойда 9 หลายเดือนก่อน

    Найкраща інформаційна подача! Огляд супер! Без води!

  • @MunaraIbraeva
    @MunaraIbraeva 10 หลายเดือนก่อน

    он у вас до сих пор остается самым годным приложением? в целом огонь! спасибо

  • @santagrim
    @santagrim 10 หลายเดือนก่อน

    Спасибо за видео в реальном времени без нарезки

  • @bertshev6800
    @bertshev6800 10 หลายเดือนก่อน

    Здравый туториал. Спасибо 🤝🏻

  • @MrDenai
    @MrDenai 10 หลายเดือนก่อน

    Интеграции ж есть со всем вообще. Если что-то не обросло интеграциями, можно свою замутить через хуки

  • @user-vt5zm8fn3d
    @user-vt5zm8fn3d ปีที่แล้ว

    Покажи свои настройки или можно ли их как то экспортнуть?

  • @Nklvsk
    @Nklvsk ปีที่แล้ว

    огромное спасибо за видео! подробно и все по делу рассказал)

  • @nicknadym
    @nicknadym ปีที่แล้ว

    У ShareX самые запутанные настройки. И это стремное окно которое выскакивает при открытии программы.

    • @TVmustDIEEE
      @TVmustDIEEE ปีที่แล้ว

      не для тупых, да

  • @ilnurnlpsy
    @ilnurnlpsy ปีที่แล้ว

    Отличное видео. Большой ЛАЙК! К сожалению ссылка перестала работать. Автор может обновить? Спасибо.

  • @tylergosh3193
    @tylergosh3193 ปีที่แล้ว

    из иллюстратора в фотошоп, я выбираю пиксели и у меня реально вставляется пикселями(

  • @alexandergrents3653
    @alexandergrents3653 ปีที่แล้ว

    все круто, только все сотрудники видят задачи друг друга. всё перерыл и сделать чтобы каждый имел доступ только к своим задачам, не нашел(( можно фильтр конечно настроить, но его легко может сотрудник изменить, чтобы посмотреть задачи своего руководителя например

    • @hook_off
      @hook_off 5 หลายเดือนก่อน

      Там вроде есть функция, которая из общей БД может на отдельный лист выносить инфу по заданным критериям. А дальше можно расшерить сотруднику только этот лист. Но могу ошибаться, еще только разбираюсь сам)

  • @urmiladina
    @urmiladina ปีที่แล้ว

    спасибо

  • @cosmojin
    @cosmojin ปีที่แล้ว

    игры лучше не записывать, на помойку значит гавнософт

  • @retoucher_msk
    @retoucher_msk ปีที่แล้ว

    1:43 Color Space

  • @TheNastya344
    @TheNastya344 ปีที่แล้ว

    Добрий день, бачу що відео не нове, проте маю проблему у виборі зараз і не знаю до кого звернутися) Чи можете ви підказати, який краще обрати монітор (я розглядала Dell, але в моделях загубилася) для підключення до ноутбука, бо не маю можливості замінити залізо взагалі зараз, і монітор треба бюджетний ≈ 100-200$. Бо я маю поганий екран ноута - у нього жахлива передача кольору, і коли я обробляла фото на ньому, мала купу складностей з цим, і зараз як дизайнер інтерфейсів і веб-дизайнер розвиваюсь, і все ще маю роботу з кольорами і фото, і це дуже заважає. Але досвіду у виборі моніторів взагалі не маю. Підкажіть можливо на які моделі варто звернути увагу, або навіть обрати інакшого виробника 😥

    • @ikstro.design
      @ikstro.design ปีที่แล้ว

      Доброго! Важко сказати яку модель. Бюджет у вас не найкращий( Але я б глянув на Розетці щось по фильтрам IPS матрица, 2560x1440 px. Думаю до 8000 грн, щось можна знайти.

    • @TheNastya344
      @TheNastya344 ปีที่แล้ว

      Дуже дякую за відповідь, там є варіанти AOC, проте я про них не чула, піду вивчати більше інформації)

  • @user-fm9qq2sf5y
    @user-fm9qq2sf5y ปีที่แล้ว

    Пользуюсь и нотион, и аспро.agile..хорошие сервисы.

  • @user-nh3ub4ek2t
    @user-nh3ub4ek2t ปีที่แล้ว

    0:58 Подскажи, пожалуйста, как у тебя английский текст на русский сразу заменился?

  • @strawberryjam4492
    @strawberryjam4492 ปีที่แล้ว

    СПАСИБА

  • @user-pw8ns4uv1w
    @user-pw8ns4uv1w ปีที่แล้ว

    очень полезная инфа, спасибо! уже как полгода пользуюсь ноушн, но всех возможностей не знала, а благодаря тебе смогу!

  • @Xankey1337
    @Xankey1337 ปีที่แล้ว

    а что делать если при записи экрана не слышно что в экране происходит ?

  • @user-pw8ns4uv1w
    @user-pw8ns4uv1w ปีที่แล้ว

    Очень помогло, спасибо! Когда видишь эту рутину вживую, еще не работавши на настоящем проекте, легче учиться

  • @bonzo-69
    @bonzo-69 ปีที่แล้ว

    Добрый день. 120-144 герц или 60? Замечаете ли вы мерцание на 60 гц? Был 27" Benq 4k 60 Hz для дизайнеров, мерцание было очень заметное.

  • @said7108
    @said7108 ปีที่แล้ว

    Здравствуйте. Открываю настройки записи экрана. А там в поле нет ссылки или путь для скачивания. И даже самой кнопки скачивания нет. Что делать?

  • @GOT691
    @GOT691 ปีที่แล้ว

    почему когда хочу записать игру то запись записивает не игру а рабочий стол ?????