Evgeny Peshinsky (ikstro)
Evgeny Peshinsky (ikstro)
  • 30
  • 120 714
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 647

Відео

Figma. Нулевые фреймы в Auto Layout (дополнение к прошлому)
Переглядів 4672 роки тому
Дополнение у прошлому ролику про Auto Layout ua-cam.com/video/FQ8EbG8JUqE/v-deo.html 00:00 О нулевых фреймах 02:57 Проблема с дробными числами 05:36 Небольшой хак с переворотами Виде с Фигма-хака ua-cam.com/video/hnPIpkvDxjc/v-deo.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-UA-cam?node-id=0:1 Behance: www.behance.net/ikstro Instagram: ikstro
Notion. Создаём систему управления проектами
Переглядів 27 тис.2 роки тому
Если вы фрилансер или работаете без менеджера, вам нужно как-то организовывать проекты и управлять задачами. И такого софта сейчас больше, чем разновидностей тетриса. Я пробовал бесплатные и платные варианты. Был без ума от Wrike, пытался организовать работу на сервисах Гугл, но для меня самым крутым решением стал Notion. Причём бесплатным. 00:00 Вступелние 01:09 Мои хотелки к системе управлени...
Figma Color Space
Переглядів 8342 роки тому
Color Space в Figma и для чего он нужен. Для чего sRGB? Для чего Unmanagement? Почем один проект у всех выглядит по разному? Как контролировать картинку, чтобы на всех девайсах было хорошо. Ролик больше для тех, кто работает в Figma на девайсах с цветовым охватом выше sRGB. Больше внимания уделяется проблемам на Windows 10, но и для Mac тоже будет интересно. 00:00 Вступление 00:44 Немного теори...
Адекватные иконки в Фигме.
Переглядів 4962 роки тому
Если в вашем проекте иконки используются в компонентах, то вы явно сталкивались, что при замене иконки в компоненте, слетают оверрайды. Сегодня как раз о том как сделать правильные иконки что они сохраняли цвет при любой замене. Решение частично подсмотрено у Виктора Теплова. У него один из самых толковых каналов по дизайну и продуктивити. ua-cam.com/users/vannirvan Behance: www.behance.net/iks...
Figma. Всё о Copy/Paste. Объекты, текст, стили, свойства
Переглядів 1,2 тис.2 роки тому
Новый и старый Copy/Paste в Фигме. Обнова была ещё 2 недели назад, и я хотел записать видео ещё тогда, но разрабы сильно намудрили с горячими клавишами. Сейчас все косяки исправлены и новый копи-пейст очень радует. 00:00 Вступление и предыстория 01:20 Обыкновенный Copy/Paste 02:37 Вставка поверх выделенного объекта 03:04 Копирование с заменой 03:53 Мульти-вставка 05:12 Мульти-вставка с заменой ...
Монитор для веб-дизайна
Переглядів 8 тис.2 роки тому
Хоть и бытует мнение, что на всех веб девайсах разный цвет и каждый видит своё, то с цветом можно не заморачиваться. Я с этим не согласен. Я считаю что было бы неплохо видеть свой результат уже на этапе разработки как могут видеть другие. Постарался подробно упаковать свои требования к монитору.
Можно ли дизайнить на пляже? Опыт работы как на красивой картинке.
Переглядів 1622 роки тому
Не собирался на отдыхе пилить ролики, но один всё же пришлось записать. Многие спрашивают, какого ты не уедешь в Тай и там в гамаке не работаешь? Все же фрилансеры так работают. Люди, а вы пробовали работать за монитором который развёрнут к окну? Так вот за ноутом, который даже спрятан в тень, как бы ты его не развернул не лучше) Ноут Lenovo Legion 5 (2021) / 17" / 100% sRGB (95 на самом деле) ...
ShareX. Программа для записи и захвата экрана.
Переглядів 23 тис.2 роки тому
Одна из лучших программ для создания скриншотов и записи экрана. Опыт моего использования. getsharex.com/ Behance: www.behance.net/ikstro Instagram: ikstro
Слайдер
Переглядів 1,3 тис.2 роки тому
Делаем зацикленный слайдер аля Карусель в Фигме. 00:00 Предыстория 01:37 Карусель Ссылка на Фигму: www.figma.com/file/mNyh6S3zQ7klNHWrxyaMDE/Слайдер-карусель-Copy P.s. Как обычно налажал с настройками микрофона( Сорян за голос из подводной лодки. Behance: www.behance.net/ikstro Instagram: ikstro
Курс UX Design от Skillbox. Или как я диплом получал :)
Переглядів 9102 роки тому
О 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 тис.2 роки тому
Делал для проекта прототип меню Аккордеон. Надеюсь кому-то поможет. 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 тис.2 роки тому
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 тис.2 роки тому
Нужен ли планшет веб-дизайнеру? Это наверное один из самых частых вопросов и споров. Я расскажу о своём опыте использования Wacom-ом. Плюсы и минусы. Сделаю тест на чём быстрее обтравить картинку. Загляну ненадолго в настройки. И смертельный номер - шлифовка поверхности) 00:00 Вступление 01:00 Как я перешёл на планшет 02:15 Плюсы и минусы 06:35 Тест на обтравку картинки 08:24 Какой должен быть ...
Сетки в Figma
Переглядів 1,9 тис.3 роки тому
Сетки в Figma
Сетки в Веб-дизайне. Теория.
Переглядів 2,9 тис.3 роки тому
Сетки в Веб-дизайне. Теория.
О себе и про канал.
Переглядів 3663 роки тому
О себе и про канал.
Где брать, как хранить шрифты. Поиск, управление и FontExpert
Переглядів 3,6 тис.3 роки тому
Где брать, как хранить шрифты. Поиск, управление и FontExpert
Хитрые заливки. Свечения, mesh и градиенты в Фигме.
Переглядів 7 тис.3 роки тому
Хитрые заливки. Свечения, mesh и градиенты в Фигме.
Компоненты
Переглядів 4163 роки тому
Компоненты
Auto Layout. Растянуть всё за 50 минут
Переглядів 1,4 тис.3 роки тому
Auto Layout. Растянуть всё за 50 минут
Из полиграфии в Web
Переглядів 1943 роки тому
Из полиграфии в Web
Как придумать дизайн. Рожаем дизайн лендинга
Переглядів 1,6 тис.3 роки тому
Как придумать дизайн. Рожаем дизайн лендинга
Помогают ли шаблоны. Лендинг по чужому шаблону.
Переглядів 4343 роки тому
Помогают ли шаблоны. Лендинг по чужому шаблону.
Лендинги. Аналитика и прототип.
Переглядів 1,2 тис.3 роки тому
Лендинги. Аналитика и прототип.
Мифы веб-дизайна. Послание начинающему дизайнеру.
Переглядів 7083 роки тому
Мифы веб-дизайна. Послание начинающему дизайнеру.
Туда-сюда. Обмен графикой между Figma, Photoshop, Illustrator
Переглядів 9 тис.3 роки тому
Туда-сюда. Обмен графикой между Figma, Photoshop, Illustrator
Figma Что внутри?
Переглядів 1 тис.3 роки тому
Figma Что внутри?
Веб-дизайн, который приносит деньги
Переглядів 5623 роки тому
Веб-дизайн, который приносит деньги

КОМЕНТАРІ

  • @alionadanchenko579
    @alionadanchenko579 3 дні тому

    Спасибо!

  • @beshkekart3909
    @beshkekart3909 5 днів тому

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

  • @yoallisvart4278
    @yoallisvart4278 6 днів тому

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

  • @Alexa-oo1kr
    @Alexa-oo1kr 22 дні тому

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

  • @valeryfilatov5640
    @valeryfilatov5640 Місяць тому

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

  • @zxcHuTuk
    @zxcHuTuk 2 місяці тому

    ЛАЙК

  • @user-db8nz5cu7e
    @user-db8nz5cu7e 2 місяці тому

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

  • @sabr1324
    @sabr1324 3 місяці тому

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

  • @siergiejs.8070
    @siergiejs.8070 4 місяці тому

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

  • @llizza
    @llizza 4 місяці тому

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

  • @JamesBond-jf4ni
    @JamesBond-jf4ni 4 місяці тому

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

  • @Sandboxer47
    @Sandboxer47 5 місяців тому

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

  • @dabaryaev
    @dabaryaev 5 місяців тому

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

  • @Svetlana_Murenets
    @Svetlana_Murenets 5 місяців тому

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

  • @user-rm9oh2lc1m
    @user-rm9oh2lc1m 6 місяців тому

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

  • @user-rm9oh2lc1m
    @user-rm9oh2lc1m 6 місяців тому

    Ти крутий

  • @Pavlo-SP
    @Pavlo-SP 6 місяців тому

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

  • @sdfaasf7574
    @sdfaasf7574 6 місяців тому

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

    • @TheKarsonE
      @TheKarsonE 4 місяці тому

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

    • @MCKazachenka
      @MCKazachenka 2 місяці тому

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

  • @alexandrfomin2069
    @alexandrfomin2069 6 місяців тому

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

  • @user-ey9ym4rh5o
    @user-ey9ym4rh5o 7 місяців тому

    Благодарю!

  • @user-iv3xp3ml2v
    @user-iv3xp3ml2v 7 місяців тому

    Спасибо!!!

  • @Designer-Makeeva
    @Designer-Makeeva 7 місяців тому

    🔥🔥🔥

  • @user-ns8tq6zd7o
    @user-ns8tq6zd7o 8 місяців тому

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

  • @user-gi4pn1rs8k
    @user-gi4pn1rs8k 8 місяців тому

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

  • @santagrim
    @santagrim 8 місяців тому

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

  • @bertshev6800
    @bertshev6800 9 місяців тому

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

  • @MrDenai
    @MrDenai 9 місяців тому

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

  • @user-vt5zm8fn3d
    @user-vt5zm8fn3d 10 місяців тому

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

  • @Nklvsk
    @Nklvsk 10 місяців тому

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

  • @nicknadym
    @nicknadym 11 місяців тому

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

    • @TVmustDIEEE
      @TVmustDIEEE 10 місяців тому

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

  • @ilnurnlpsy
    @ilnurnlpsy 11 місяців тому

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

  • @tylergosh3193
    @tylergosh3193 11 місяців тому

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

  • @alexandergrents3653
    @alexandergrents3653 Рік тому

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

    • @hook_off
      @hook_off 4 місяці тому

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

  • @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 Рік тому

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

  • @VARTUS
    @VARTUS Рік тому

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

  • @user-pw8ns4uv1w
    @user-pw8ns4uv1w Рік тому

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

  • @bonzo-69
    @bonzo-69 Рік тому

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

  • @said7108
    @said7108 Рік тому

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

  • @GOT691
    @GOT691 Рік тому

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

  • @GrednevStory
    @GrednevStory Рік тому

    В канбан доске невозможно поменять статусы - нажимал десятки раз по разному, аналогично и с другими полями. Похоже Россию опять заблокировали...

    • @ekaterinaklimova6450
      @ekaterinaklimova6450 Рік тому

      Не думаю, что в этом причина, за пределами тоже нельзя поменять( и добавить другой статус тоже

    • @yuritian8830
      @yuritian8830 5 місяців тому

      Может по подпиське? 🤔

    • @yuritian8830
      @yuritian8830 5 місяців тому

      В общем создав board, я всё по удалял, и только потом появилась возможность создавать столбцы, редактировать и устанавливать цвет текста.

  • @user-th6wh6hh7l
    @user-th6wh6hh7l Рік тому

    Здравствуйте. Скажите пожалуйста, в ситуации, когда дизайнер делает логотип или макет чего-либо клиенту, кто должен покупать шрифт и нести ответственность за использование: дизайнер или заказчик?

  • @FanToGenessis
    @FanToGenessis Рік тому

    можно ли как-то поменять место сохранения скриншотов?

  • @YoroKk
    @YoroKk Рік тому

    Спасибо тебе! Помог прямо хорошо!