Evgeny Peshinsky (ikstro)
Evgeny Peshinsky (ikstro)
  • Видео 30
  • Просмотров 125 867
Figma. Делаем карточку товара
Решил попробовать новый вид роликов "Процесс".
В нём я буду показывать процесс создания чего-либо. В данный момент Карточка товара для Магазина.
Подозреваю что процесс будет довольно нудный :)
Но именно подглядывая, что как делают другие можно многому научиться.
Цель Процесса не повторить что-то, а сделать с нуля. По факту ролик писался без сценария и подготовки. Этим Процесс полезен даже мне, т.к. вижу свои косяки со стороны. Можно потом запилить разбор своего же процесса. Шутка.
Из реальных косяков что было допущено:
1. Полный хаос в названиях и организации слоёв.
2. Некоторые элементы забывал делать на компонентах.
3. Надо было больше внимания уделить стилям, компонентам.
4. И ещё немало по мел...
Просмотров: 6 743

Видео

Figma. Нулевые фреймы в Auto Layout (дополнение к прошлому)
Просмотров 4822 года назад
Дополнение у прошлому ролику про Auto Layout ruclips.net/video/FQ8EbG8JUqE/видео.html 00:00 О нулевых фреймах 02:57 Проблема с дробными числами 05:36 Небольшой хак с переворотами Виде с Фигма-хака ruclips.net/video/hnPIpkvDxjc/видео.html Behance: www.behance.net/ikstro Instagram: ikstro
Правильные кнопки в Фигме
Просмотров 1,4 тыс.2 года назад
Создаём правильные кнопки на вариантах. 00:00 Предыстория 01:45 Создаём основу 05:03 Компоненты 08:45 Делаем вариант 13:43 Добавляем остальные свойства 17:58 Что мы получили 18:43 Главный косяк и его решение 22:34 Послесловие) Ссылка на макет: www.figma.com/file/BfU789qiVhRR44ltjNyqAx/Buttons-for-RUclips?node-id=0:1 Behance: www.behance.net/ikstro Instagram: ikstro
Notion. Создаём систему управления проектами
Просмотров 28 тыс.2 года назад
Если вы фрилансер или работаете без менеджера, вам нужно как-то организовывать проекты и управлять задачами. И такого софта сейчас больше, чем разновидностей тетриса. Я пробовал бесплатные и платные варианты. Был без ума от Wrike, пытался организовать работу на сервисах Гугл, но для меня самым крутым решением стал Notion. Причём бесплатным. 00:00 Вступелние 01:09 Мои хотелки к системе управлени...
Figma Color Space
Просмотров 8592 года назад
Color Space в Figma и для чего он нужен. Для чего sRGB? Для чего Unmanagement? Почем один проект у всех выглядит по разному? Как контролировать картинку, чтобы на всех девайсах было хорошо. Ролик больше для тех, кто работает в Figma на девайсах с цветовым охватом выше sRGB. Больше внимания уделяется проблемам на Windows 10, но и для Mac тоже будет интересно. 00:00 Вступление 00:44 Немного теори...
Адекватные иконки в Фигме.
Просмотров 4992 года назад
Если в вашем проекте иконки используются в компонентах, то вы явно сталкивались, что при замене иконки в компоненте, слетают оверрайды. Сегодня как раз о том как сделать правильные иконки что они сохраняли цвет при любой замене. Решение частично подсмотрено у Виктора Теплова. У него один из самых толковых каналов по дизайну и продуктивити. ruclips.net/user/vannirvan Behance: www.behance.net/iks...
Figma. Всё о Copy/Paste. Объекты, текст, стили, свойства
Просмотров 1,3 тыс.2 года назад
Новый и старый Copy/Paste в Фигме. Обнова была ещё 2 недели назад, и я хотел записать видео ещё тогда, но разрабы сильно намудрили с горячими клавишами. Сейчас все косяки исправлены и новый копи-пейст очень радует. 00:00 Вступление и предыстория 01:20 Обыкновенный Copy/Paste 02:37 Вставка поверх выделенного объекта 03:04 Копирование с заменой 03:53 Мульти-вставка 05:12 Мульти-вставка с заменой ...
Монитор для веб-дизайна
Просмотров 9 тыс.3 года назад
Хоть и бытует мнение, что на всех веб девайсах разный цвет и каждый видит своё, то с цветом можно не заморачиваться. Я с этим не согласен. Я считаю что было бы неплохо видеть свой результат уже на этапе разработки как могут видеть другие. Постарался подробно упаковать свои требования к монитору.
Можно ли дизайнить на пляже? Опыт работы как на красивой картинке.
Просмотров 1653 года назад
Не собирался на отдыхе пилить ролики, но один всё же пришлось записать. Многие спрашивают, какого ты не уедешь в Тай и там в гамаке не работаешь? Все же фрилансеры так работают. Люди, а вы пробовали работать за монитором который развёрнут к окну? Так вот за ноутом, который даже спрятан в тень, как бы ты его не развернул не лучше) Ноут Lenovo Legion 5 (2021) / 17" / 100% sRGB (95 на самом деле) ...
ShareX. Программа для записи и захвата экрана.
Просмотров 25 тыс.3 года назад
Одна из лучших программ для создания скриншотов и записи экрана. Опыт моего использования. getsharex.com/ Behance: www.behance.net/ikstro Instagram: ikstro
Слайдер
Просмотров 1,3 тыс.3 года назад
Делаем зацикленный слайдер аля Карусель в Фигме. 00:00 Предыстория 01:37 Карусель Ссылка на Фигму: www.figma.com/file/mNyh6S3zQ7klNHWrxyaMDE/Слайдер-карусель-Copy P.s. Как обычно налажал с настройками микрофона( Сорян за голос из подводной лодки. Behance: www.behance.net/ikstro Instagram: ikstro
Курс UX Design от Skillbox. Или как я диплом получал :)
Просмотров 9223 года назад
О 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 | Анимация раскрывающегося меню
Просмотров 14 тыс.3 года назад
Делал для проекта прототип меню Аккордеон. Надеюсь кому-то поможет. 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,1 тыс.3 года назад
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...
Мышь или планшет? Что лучше для веб-дизайна?
Просмотров 1,1 тыс.3 года назад
Нужен ли планшет веб-дизайнеру? Это наверное один из самых частых вопросов и споров. Я расскажу о своём опыте использования Wacom-ом. Плюсы и минусы. Сделаю тест на чём быстрее обтравить картинку. Загляну ненадолго в настройки. И смертельный номер - шлифовка поверхности) 00:00 Вступление 01:00 Как я перешёл на планшет 02:15 Плюсы и минусы 06:35 Тест на обтравку картинки 08:24 Какой должен быть ...
Сетки в Figma
Просмотров 2 тыс.3 года назад
Сетки в Figma
Сетки в Веб-дизайне. Теория.
Просмотров 3,1 тыс.3 года назад
Сетки в Веб-дизайне. Теория.
О себе и про канал.
Просмотров 3673 года назад
О себе и про канал.
Где брать, как хранить шрифты. Поиск, управление и FontExpert
Просмотров 3,7 тыс.3 года назад
Где брать, как хранить шрифты. Поиск, управление и FontExpert
Хитрые заливки. Свечения, mesh и градиенты в Фигме.
Просмотров 7 тыс.3 года назад
Хитрые заливки. Свечения, mesh и градиенты в Фигме.
Компоненты
Просмотров 4183 года назад
Компоненты
Auto Layout. Растянуть всё за 50 минут
Просмотров 1,4 тыс.3 года назад
Auto Layout. Растянуть всё за 50 минут
Из полиграфии в Web
Просмотров 1993 года назад
Из полиграфии в Web
Как придумать дизайн. Рожаем дизайн лендинга
Просмотров 1,6 тыс.3 года назад
Как придумать дизайн. Рожаем дизайн лендинга
Помогают ли шаблоны. Лендинг по чужому шаблону.
Просмотров 4563 года назад
Помогают ли шаблоны. Лендинг по чужому шаблону.
Лендинги. Аналитика и прототип.
Просмотров 1,2 тыс.3 года назад
Лендинги. Аналитика и прототип.
Мифы веб-дизайна. Послание начинающему дизайнеру.
Просмотров 7143 года назад
Мифы веб-дизайна. Послание начинающему дизайнеру.
Туда-сюда. Обмен графикой между Figma, Photoshop, Illustrator
Просмотров 10 тыс.3 года назад
Туда-сюда. Обмен графикой между Figma, Photoshop, Illustrator
Figma Что внутри?
Просмотров 1 тыс.3 года назад
Figma Что внутри?
Веб-дизайн, который приносит деньги
Просмотров 5673 года назад
Веб-дизайн, который приносит деньги

Комментарии

  • @Umkauskas
    @Umkauskas 17 дней назад

    не очень полезное видео, просто показал, что есть такое.

  • @ДенисТимошков-ъ3ю
    @ДенисТимошков-ъ3ю Месяц назад

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

  • @BodrovR
    @BodrovR Месяц назад

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

  • @olaFro
    @olaFro Месяц назад

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

  • @creativelive9016
    @creativelive9016 Месяц назад

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

  • @alionadanchenko579
    @alionadanchenko579 2 месяца назад

    Спасибо!

  • @beshkekart3909
    @beshkekart3909 2 месяца назад

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

  • @yoallisvart4278
    @yoallisvart4278 2 месяца назад

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

  • @Alexa-oo1kr
    @Alexa-oo1kr 3 месяца назад

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

  • @valeryfilatov5640
    @valeryfilatov5640 3 месяца назад

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

  • @zxcHuTuk
    @zxcHuTuk 4 месяца назад

    ЛАЙК

  • @ЮлияМельникова-о6ь
    @ЮлияМельникова-о6ь 4 месяца назад

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

  • @sabr1324
    @sabr1324 6 месяцев назад

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

  • @siergiejs.8070
    @siergiejs.8070 6 месяцев назад

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

  • @llizza
    @llizza 7 месяцев назад

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

  • @JamesBond-jf4ni
    @JamesBond-jf4ni 7 месяцев назад

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

  • @Sandboxer47
    @Sandboxer47 7 месяцев назад

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

  • @dabaryaev
    @dabaryaev 7 месяцев назад

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

  • @Svetlana_Murenets
    @Svetlana_Murenets 8 месяцев назад

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

  • @VAMPIRE-o5y
    @VAMPIRE-o5y 8 месяцев назад

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

  • @VAMPIRE-o5y
    @VAMPIRE-o5y 8 месяцев назад

    Ти крутий

  • @Pavlo-SP
    @Pavlo-SP 8 месяцев назад

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

  • @sdfaasf7574
    @sdfaasf7574 8 месяцев назад

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

    • @TheKarsonE
      @TheKarsonE 6 месяцев назад

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

    • @MCKazachenka
      @MCKazachenka 4 месяца назад

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

  • @alexandrfomin2069
    @alexandrfomin2069 9 месяцев назад

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

  • @Елена-ютб
    @Елена-ютб 9 месяцев назад

    Благодарю!

  • @ОльгаЯковец-и5п
    @ОльгаЯковец-и5п 10 месяцев назад

    Спасибо!!!

  • @Designer-Makeeva
    @Designer-Makeeva 10 месяцев назад

    🔥🔥🔥

  • @ІгорГойда
    @ІгорГойда 10 месяцев назад

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

  • @MunaraIbraeva
    @MunaraIbraeva 11 месяцев назад

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

  • @santagrim
    @santagrim 11 месяцев назад

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

  • @bertshev6800
    @bertshev6800 11 месяцев назад

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

  • @MrDenai
    @MrDenai 11 месяцев назад

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

  • @user-vt5zm8fn3d
    @user-vt5zm8fn3d Год назад

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

  • @Nklvsk
    @Nklvsk Год назад

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

  • @nicknadym
    @nicknadym Год назад

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

  • @ilnurnlpsy
    @ilnurnlpsy Год назад

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

  • @tylergosh3193
    @tylergosh3193 Год назад

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

  • @alexandergrents3653
    @alexandergrents3653 Год назад

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

    • @hook_off
      @hook_off 6 месяцев назад

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

  • @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, проте я про них не чула, піду вивчати більше інформації)

  • @AlenaObuhova-g4m
    @AlenaObuhova-g4m Год назад

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

  • @Дмитрий-о9т8б
    @Дмитрий-о9т8б Год назад

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

  • @strawberryjam4492
    @strawberryjam4492 Год назад

    СПАСИБА

  • @МонаЛил
    @МонаЛил Год назад

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

  • @Xankey1337
    @Xankey1337 Год назад

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

  • @МонаЛил
    @МонаЛил Год назад

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

  • @bonzo-69
    @bonzo-69 Год назад

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

  • @said7108
    @said7108 Год назад

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