⚡️ Как подружить углы в формах, если высота элементов разная?

Поділитися
Вставка
  • Опубліковано 18 тра 2023
  • #shorts #figma #shortsvideo
    ⚡️ Как подружить углы в формах, если высота элементов разная?
    Карта канала - start.video
    Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
    UA-cam - / @alexeybychkov_
    ТикТок - / alexeybychkov_
    Rutube - rutube.ru/channel/24298564/
    Дзен - zen.yandex.ru/alexeybychkov
    Инстаграм - / alexeybychkov_
    Телеграм - t.me/a1exeybychkov
    Вконтакте - alexeybychkov
    Обучение - alexeybychkov.study/
    Мои цитаты - zapi.si/
    Мои 404 - www.404.gallery/
    Хелп по Фигме - figma.help/
    💰❤️ Поддержать канал:
    / @alexeybychkov_
    бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
    патреон - / alexeybychkov - английский, доллары
    •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
    Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
    Подробнее обо мне - alexeybychkov.com/about/
    17 лет опыта - alexeybychkov.com/experience/
    Пишу - alexeybychkov.com/blog/
    Дизайню - alexeybychkov.com/cases/
    Отзывы - clck.ru/K5Mcc
    Мои книги:
    «Дизайн и фриланс. Начало» - clck.ru/JE8ku
    «Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
    Хелп по Фигме: уроки, видео, советы, фишки - figma.help
    Мир фейсов: faces.world/
    #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

КОМЕНТАРІ • 188

  • @k_a_ivaschenko
    @k_a_ivaschenko Рік тому +242

    Сколько же ты знаешь нюансов и работы в фигма и просто по дизайну. Спасибо за науку. Сохранил =)

  • @evgen2172
    @evgen2172 5 місяців тому +64

    Всё очень просто! Надо сделать их квадратными!

    • @alexeybychkov_
      @alexeybychkov_  5 місяців тому +1

      👍

    • @miroslavbondarev2604
      @miroslavbondarev2604 4 місяці тому +1

      дизайн windows phone 8

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

      Когда зашла в Фигму после Адобе, столько вопросов было. Главный - почему нужно столько костылей и плагинов для самых простых вещей?

  • @HZ4ever
    @HZ4ever 10 місяців тому +18

    То что очевидно для тебя- может быть неочевидно для других, говорил мне один мой начальник. Даже такие вещи, могут быть неочевидны оказывается... Дивный мир, спасибо за контент

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

      Спасибо за просмотр)

  • @bivalyer
    @bivalyer Рік тому +12

    Кайфую с шортсов с полезной инфой! Больше шортсов!

  • @Juliya_dzh
    @Juliya_dzh Рік тому +11

    Если пересмотреть все твои видео и рилсы - то уже можно стать отличным дизайнером! Ты очень много даешь всего бесплатно) спасибо ❤

  • @loki-505
    @loki-505 Рік тому +94

    Это моя вечная проблема, поэтому не пользую такие формы 🙈🙈🙈спасибо за контент👍👍👍

    • @alexeybychkov_
      @alexeybychkov_  Рік тому +5

      теперь больше не проблема)

    • @loki-505
      @loki-505 Рік тому +4

      Да, теперь можно вычеркнуть из блокнота с проблемами 😅 и придумать новые...

  • @akuladon1488
    @akuladon1488 5 місяців тому +1

    Я, как инженер, не понимаю кому может пригодится это видео
    Тут советы уровня "чтобы не умереть от жажды, попейте воду"

    • @alexeybychkov_
      @alexeybychkov_  5 місяців тому +1

      ну не все же такие крутые как ты

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

      @@alexeybychkov_ Я идентифицирую себя как дегенерат
      Но не допереть самостоятельно, как радиус круга посчитать - это наверное уже какие-то отклонения идут у людей

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

      @@akuladon1488 не у всех технический склад ума, кто-то стихи хорошо пишет, а в углы скруглить - проблема

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

    Спасибо) такой крутой формат коротких заметок 🔥

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Рік тому +1

    Вопрос, который волновал многих. Максимально понятное объяснение. Спасибо огромное!!!

  • @vanyabro777
    @vanyabro777 5 місяців тому +2

    Если бы создатели проги не шепелявили то люди бы работали в сигме)

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

    Я конечно ее дизайнер, но не проще выставить все скругления по самому маленькому элементу в высоту? Или скргления в местах, где плашки соседствуют сделать с минимальным скруглением, а внешние скругления увеличить?

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

      Да внешние надо делать больше внутренних

  • @alexeybychkov_
    @alexeybychkov_  Рік тому +10

    теперь и ваши углы будут дружить!

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

      Было бы славно еще субтитры и вашу речь подружить😅

    • @alexeybychkov_
      @alexeybychkov_  6 місяців тому +1

      @@MrsKal8nin ну это же слишком скучно

  • @dmanprohere
    @dmanprohere Рік тому +51

    Жаль людей, которые не могут этого делать без совета

    • @alexeybychkov_
      @alexeybychkov_  Рік тому +20

      Душно))

    • @XStape1
      @XStape1 11 місяців тому +20

      @@alexeybychkov_кринжово))
      Поддерживаю душного

    • @zenhee
      @zenhee 5 місяців тому +6

      поддерживаю тех, кто считает нормальным чего-то не понимать или не знать. есть кому и не к чему знать это. это база - да, но не все погружаются до базы. не погружаться до "логической базы" - право каждого.
      а смысл комментария явно не про сочувствие всем людям, которым нет дела до тонкостей некоторых вещей)

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

      ​@@zenheeно это даже базой касаемо дизайна назвать нельзя)
      Это математика начальных классов.
      Что радиус закругления угла (с учётом что все закругления углов равны) будет максимально равен половине наименьшей стороны четырехугольника.
      И правда жалко тех людей, которые не смогли отучиться в школе..

    • @zenhee
      @zenhee 4 місяці тому +2

      @@xephosbot никто не говорил, что это "база касаемо дизайна". как же людям нравится говорить "жаль тех людей"🤩
      что ж, ваша потребность ставить себя выше других людей за счёт жалких попыток унижений наверное восполняется очень эффективно

  • @user-yq4xw2ky9x
    @user-yq4xw2ky9x 2 місяці тому +1

    А говорили, математика в жизни не пригодится

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

    Повсюду у вас на канале полезные ролики! 😊

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

      полезного много не бывает)

  • @MariaPakhnits
    @MariaPakhnits 16 днів тому

    Действительно очень просто, спасибо!)))

  • @polly.procenko
    @polly.procenko Рік тому

    Ураа! Спасибо! Такая простая формула украсит мой дизайн🎉

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

    Это, скорее, не прошаренный дизайнер, а ленивый.

  • @Vlada_piupiu
    @Vlada_piupiu Рік тому +1

    Спасибо за ваши видео! Я только начинаю путь в figma и ваши видео помогают!

  • @nata_nativ
    @nata_nativ Рік тому +1

    Спасибо! Обалденный лайфхак!

  • @user-yi7nq5gl2h
    @user-yi7nq5gl2h 10 місяців тому +2

    А говорят дизайнерам не нужен вышмат )

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

      Ну)

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

      вроде про окружность и радиус узнают не на вышмате обычно)

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

    Всё гениальное просто🪄 Спасибо за лайфхаки👍🏻👍🏻👍🏻

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

    Урааа - я так ждала инфу по этому поводу и уже хотела бежать барабанить вопрос в директ, но ты меня опередил!😺😺
    Спасибо, надеюсь, мои уголки теперь точно будут дружить🙏

  • @Gaia-SL
    @Gaia-SL 7 місяців тому

    Круто! Очень полезная информация!

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

    До чего же крутой лайфхак🔥

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

    А ещë углы можно задать через формулу относительно углов других форм, через тот же джава скрипт, чтобы при растяжении экрана углы поля всë равно были закруглены так же как и у кнопок.

  • @lidiya.pilguy
    @lidiya.pilguy 6 місяців тому

    Оо, интересненько 😊 спасибо, возьму на заметку

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

    Настала цифровая эпоха - про лекало все забыли.

  • @anastasyayakushenko4377
    @anastasyayakushenko4377 Рік тому +1

    Да, видела такие угловые недоразумения, хорошо, что все твои подписчики теперь будут знать, как сделать правильно😊

  • @youtubeNat
    @youtubeNat 7 місяців тому

    Спасибо за супер-лайфхак! 😎 Иду исправлять своё поле для сообщения

  • @AndrewSadin
    @AndrewSadin 5 місяців тому +4

    Сколько полезной инфы! А всего то надо было в школе учиться...

  • @user-ck7ix8wn6d
    @user-ck7ix8wn6d 4 місяці тому

    Зачем тогда делать высоту с запасом, если радиус области текста становится фиксированным, смысл как будто теряется в этом

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

    Класс!Все гениальное просто! Спасибо❤

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

    Все гениальное - просто!

  • @gravizapa888
    @gravizapa888 11 місяців тому +2

    Т.е. реально простейшей математики не понимают люди??

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

      зато в другом чем-то хорошо разбираются)

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

      @@alexeybychkov_ ну это 7-8 класс... При чем тут разбираются.

    • @alexeybychkov_
      @alexeybychkov_  11 місяців тому +2

      @@gravizapa888 людям свойственно забывать инфу, это нормально. Не всем же быть таким супер-героем с хорошей памятью и скверным характером, чтобы ржать потом надо остальными

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

      ​@@gravizapa888 строго докажите, почему это работает, и объясните, пожалуйста

  • @michaelkamko
    @michaelkamko 11 місяців тому +1

    Спасибо КЭП!)

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

    Жаль нельзя в плейлист шортсы сохранять ;(

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

      Они в понравившихся сохраняются, от туда можно добавить

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

      к себе в плейлист? на канале вроде в отдельном плей-листе лежат ua-cam.com/video/0B5WL3AfLgc/v-deo.html

  • @MrYbs-ie1jj
    @MrYbs-ie1jj 5 місяців тому

    Это даже для бекендера база

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

    вау, спасибо за полезную инфу)

  • @user-dh7sk8bk9i
    @user-dh7sk8bk9i 5 місяців тому

    Спасибо!❤
    Сделал как ты и говорил!
    Всё получилось, словил глазной орг@зм, это просто рай для глаз.

  • @GeknForever
    @GeknForever Рік тому +4

    Дизайнеры не знают математику для первого класса. Смешно. Спасибо!

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

      Спасибо за просмотр)

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

      @@alexeybychkov_ у вас лучший контент на тему фигмы. Еще и бесплатный. Топ.

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

      ​@@GeknForeverобъясните, как это работает, пожалуйста

    • @batonhleba2.072
      @batonhleba2.072 5 місяців тому +1

      @@mndtr0 радиус окружности, вписаной в квадрат, равен половине длины стороны данного квадрата. Если мы возьмем квадрат со сторонами 4см, то радиус вписаной окружности будет равен 2см. Можете сами нарисовать квадрат любой величины, нарисовать в его центре круг, который будет касаться сторон квадрата, и линейкой померить чему будет равен радиус.

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

      @@batonhleba2.072 спасибо!

  • @nadyavalin
    @nadyavalin Рік тому +3

    Вот это да! Не задумывалась об этом ни разу. Наобум делала) а теперь буду делать с умом 😅

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

    Плюс ещё один ДайфХак в копилочку❤❤❤❤❤Великая Благодарность 🙏🙏🙏🙏🙏🙏🙏🙏

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

    Теперь главное, чтобы у полей и у кнопок была одинаковая высота, иначе будет кровь из глаз)))

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

      Спасибо за просмотр)

  • @user-gu2ud6ky3h
    @user-gu2ud6ky3h 4 місяці тому

    Неужели такую элементарную вещь надо объяснять?

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

    Если бы не этот ролик, я бы о значении углов никогда бы не узнала.

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

    А потом те, кто воплощают дизайн матерятся на таких как ты. То, что в фигме скругление с запасом отображается хорошо, не значит что и в коде это будет так. Например в UIKit и SwiftUI для iOS это так не работает, и вместо того что бы просто взять значение cornerRadius приходится самому считать его значение для каждого компонента.

  • @yuriit.7947
    @yuriit.7947 Рік тому +2

    Круто! Следующий давай "как супер-просто сделать элементы одинаковой высоты, если высота разная"

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

      Спасибо за просмотр)

    • @user-xd6zq9ld3k
      @user-xd6zq9ld3k Рік тому +2

      @@alexeybychkov_ вы же понимаете, что людям, которым такие откровения приходятся кстати, не способны к проектированию чего либо априори? Быть может стоит качественно поднять свою целевую аудиторию? Или дело исключительно в количестве просмотров?

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

    ??? кто будет как-то выкручивать скругление, если проще везде сделать одно и то же.
    Компоненты мы не слышали, конечено.

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

      какая же ты душила 😆 Там же про одинаковые углы и рассказывают

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

    Ого, интересно) 👍

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

    там еще надо на корень из пи умножить.

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

    Ты в Figma работаешь?

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

    Не знала, что скругления у кнопок нужно делать
    по-максимуму. А почему?

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

      ну чтобы с запасом было

  • @jendose.archive
    @jendose.archive 5 місяців тому

    Я фронтендер, всегда думал что это очевидно)))

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

      не у всех технический склад ума)

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

    А нельзя сразу относительное закругление в интерфейсе сделать? Зачем оно такое нужно вообще?

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

    Не испольшовать скругление

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

    Огонь!

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

    Спасибо ❤

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

    визуально, конечная часть отвратительная - первая часть была хорошей, потом все испртили. Глупые рекомендации

    • @alexeybychkov_
      @alexeybychkov_  10 місяців тому +1

      делать все поля разными скруглениями, чтобы смотрелось на отвали, и верстальщики увидев макет сказали в один голос, что заняты на 3 года - отличный план. Пусть будет криво-косо и каждый раз по-разному. Ага, записал

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

    Полезная инфа, но я как то на глаз всегда делал, и у меня выходило 26 пикселей)

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

    Все эти мыльные формы просто вымораживают. Чё их везде пихают не понимаю. Максимум пару пикселей и ок.

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

      Ты про скругления? Ну это на вкус и цвет. Кому-то вообще. Только острые углы нравятся

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

    Что это за сайт или програма

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

      Figma называется

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

      @@alexeybychkov_ спс

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

    Что за программа?

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

    Наконец-то 😊

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

    красивее и проще делать квадратные интерфейсы

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

      не всем нравятся острые углы

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

      @@alexeybychkov_ но и не всем нравятся и закругления. Как по мне разработчикам браузеров надо как-то собраться и выпустить универсальный api для интерфейсов сайтов, чтобы сайты имели некую одинаковую структуру, и чтобы пользователи могли сами настроить себе дизайн который нравится именно им, например тёмную тему врубать чтобы она везде работала отлично, поменять стандартный шрифт, и самому регулировать радиусы этих закруглений и не зависить от того как дизайнеры сделают сайт.

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

    Щас бы делить высоту и получать угол

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

    простая математика

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

    странно, а где алгоритмы, теоремы, тригонометрия?😂

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

    А если использовать em ?? Не будет проще?

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

      Суть про одинаковые визуально скругления, а в каких единицах - уже другой вопрос)

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

    🔥🔥🔥

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

    Хз никогда с этим сложностей не было и редко вообще скругляю углы

  • @oreocookie3379
    @oreocookie3379 Рік тому +1

    ничего не изменилось 😂

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

    Жесть ты орёшь мэн

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

      стандартный уровень громкости для роликов 9-12дцб

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

    Спасибо Вааамм❤

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

    ✌️🤓

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

    А теперь главный пиздак под зад: Фигма платная, так ещё и пользователей в России блокает. Взломки с торрента нету (так как серверная программа), а пиксо говно

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

      В бесплатной фигме можно прекрасно работать

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

    Офигеть, насколько бесполезное видео. Это же просто очевидный способ - все знают что максимальный возможный радиус это половина высоты, всегда можно посчитать и задать нужный радиус вручную.
    Я думал ты какой-то способ предложишь, чтобы автоматом все высчитывалось, на случай если высота изменится...

    • @alexeybychkov_
      @alexeybychkov_  5 місяців тому +1

      Ну не все же такие дартаньяны как ты, ну

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

      @@alexeybychkov_ только дартаньяны умеют делить на два? Не знал. Что еще интересного расскажешь?)))

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

      а так ты еще и душный дарьтаньян @@iKorewBro

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

    Фигма? 😊

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

    Файно є

  • @ShurupVideo-se2hr
    @ShurupVideo-se2hr 10 місяців тому

    Все инженеры, а чё так можно было