Figma українською | Сітки. Для чого вони потрібні і як з ними працювати

Поделиться
HTML-код
  • Опубликовано: 29 дек 2024

Комментарии • 65

  • @maybevarvara
    @maybevarvara Год назад +21

    декілька місяців тому, коли я лише починала вчити фігму, не було жодного толковго відео українською. дякую за вашу роботу, це дуже цінно, особливо зараз💙

    • @juli.and.design
      @juli.and.design  Год назад +1

      дякую за такий зворотній зв'язок! тішусь, що мій канал знаходять люди, яким це потрібно :)

  • @alyonushka8718
    @alyonushka8718 4 месяца назад +1

    Дуже цікаво дивитись, все доступно і максимально зрозуміло для початківців. Дякую за вашу роботу

  • @irynapolitovska8482
    @irynapolitovska8482 Год назад +2

    Так структуровано, чітко, зрозуміло, ще й з прикладами. Ви - скарб! У Вас явно є дар до викладання, все зрозуміло, без «води» і перескакування з теми на тему. Не втомлюсь дякувати!

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

    Дуже корисний матеріал, дякую!

  • @МаринаНитченко-в2ч
    @МаринаНитченко-в2ч 6 месяцев назад

    Дуже корисне відео, величезне дякую

  • @yuliyasiromakha7840
    @yuliyasiromakha7840 2 года назад +5

    Доброго дня, дякую Вам, дуже класні відео, просто супер, в мене немає слів!! Я просто "залипла" і за день продивилася всі відео! Чекаю з нетерпінням наступне! Ви молодчинка, так тримати! ще раз величезне спасибі!🌹🌹🌹❤❤❤

    • @juli.and.design
      @juli.and.design  2 года назад +1

      рада читати такі коментарі! наступні відео вже в процесі 🤫

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

    Просто Богиня фігми))) Все зрозуміло і все по порядку)))) супер! Я у захваті)))

  • @la_clare
    @la_clare Год назад +2

    Дякую) Це така база, дуже цікаво було послухати

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

    Стільки прикладів, коментарів, все легко та зрозуміло😍 Дуже круто, дякую!🫶🏻

    • @juli.and.design
      @juli.and.design  Год назад

      оу єа 💫💫💫
      дякую-дякую 🥹

  • @КатяБарановская-ф4э

    Дякую за гарне пояснення так ще і українською!

  • @МиколаПроцюк-ы8ж

    продовжуйте знімати відео, дуже якісний україномовний контент

  • @droneclip1059
    @droneclip1059 Год назад +1

    Окрема дяка за посилання.
    Наразі я в ньому потонув. І не відомо, чи моя плата и процесор потягне (це метафора замість старої голови). Мушу зізнатись, що до цього контенту (ролику), мій потяг до нотатків був щиро як "зіроу".
    Але все тиче, як вода з гори вниз і сподіваюсь не мине колись (ТНК). Поки що, це спільний нотатник з вивченням польської.
    Папка на головному монітору вже палає від скринів).
    Для зворотного "спічу" - для мене корисно знати
    - що 360(мобильника) - рекомендовано 4 стовбці і оступи як внутрішні так і зовнішні однаково невеликі 16 точок
    - що 600(це формат планшетного виміру) - і тут вже 8 стовбців, де внутрішні 24 (зразкові показники) і зовнішні можуть різнитися в бік збільшення.
    - де розміщення окремих полів на загальному буде візуально сприйматись як щось цільне якщо простір мінімізований до 8 точок між деталями(зображенням чи блоком). І навпаки - збільшення проміжків буде віддаляти спостерігача від взаємозв'язку між "віконцями"
    Вибачте, але мої вади лентюха не допомогли цей текст ще спростити!
    В підсумку, моє розуміння дефіциту знань наполягає рекомендувати більш змістовний допис під цим роликом від автора.
    Але цей час ще може прийде, у вигляді більш вмотивованому.
    Наснаги Вам. Щиро вірю в стійкість ваших намірів. Це не прощання)

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

    вам дякую! не треба коротших відосів

  • @anya8298
    @anya8298 2 года назад +2

    Відоси супер, чекаю на нові випуски!

    • @juli.and.design
      @juli.and.design  2 года назад

      оу єєа, вони вже в процесі 🦾

  • @БогданГамалія
    @БогданГамалія 6 месяцев назад

    Дякую за крутий урок!

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

    Мені дуже добре заходять ваші відео по Фігмі, просто любов💙 Чи не могли б порадити курс по основам веб дизайну? Хочеться знати основні правила правила проектування

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

    Дуже дякую вам

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

    Дуже дякую! Дуже корисне відео!

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

    Доброго дня! Щиро вам дякую за таке пізнавальне відео❤❤❤дуже корисно, все детально і зрозуміло❤️❤️❤️

  • @allache
    @allache Год назад +1

    Дякую за корисні і цікаві уроки!

    • @juli.and.design
      @juli.and.design  Год назад +1

      тішусь, що все це приносить користь 🐸🔥

  • @olgakolesnichenko7927
    @olgakolesnichenko7927 2 года назад +2

    Дякую за змістовне відео! Чекаємо на нові🔥🔥🔥

    • @juli.and.design
      @juli.and.design  2 года назад +1

      кайф, дякую! ситуація зі світлом по-трошки покращується, то маю надію на те, що скоро зможу відмонтувати і закинути ще декілька відео, які вже відзняті 🤭

    • @olgakolesnichenko7927
      @olgakolesnichenko7927 2 года назад

      @@juli.and.designДякуємо! Ми навчаємося на курсах, та Ваші відео, це просто супер!!! Багато прикладів і все стає зрозумілим! Насправді, дуже приємно, навчатися українською!

    • @juli.and.design
      @juli.and.design  2 года назад

      @@olgakolesnichenko7927 клааас! а які курси проходите, якщо не секрет?)

    • @olgakolesnichenko7927
      @olgakolesnichenko7927 2 года назад

      @@juli.and.design Sourse it, від It Generation. Скинула в групу нашу посилання на Ваш канал, давно шукаємо такий контент.

    • @olgakolesnichenko7927
      @olgakolesnichenko7927 2 года назад

      @@juli.and.designЮля, було б дуже цікаво подивитися про адаптивний та респонсивний дизайн і взагалі Ваш особистий шлях, як дизайнера. Може якісь поради)

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

    Юлічка!!!! Дякую!!!!!!!!!!!!!!!!!!!!!!!!!!!

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

    Дуже дякую за україномовний сучасний контент. Скажіть будь ласка, чи існують якісь правила, стандарти, поради щодо відступів між окремими блоками, текстом і заголовком, тощо?

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

    класно і зрозуміло, дякую!

  • @sea-lana
    @sea-lana 8 месяцев назад

    дуже-дуже дякую!!!

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

    Йой дякую дякую ❤

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

    Дуже вам дякую за вашу роботу. все зрозуміло і дуже якісно подана інформація 💛💙

    • @juli.and.design
      @juli.and.design  Год назад

      клааас, дякую, шо дивитесь 🥰

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

    Дякуууююю! )

  • @anikaopatska8741
    @anikaopatska8741 Год назад +1

    Дякую! Все зрозуміло 👍

  • @maxxxis2222
    @maxxxis2222 2 года назад +2

    Дякую

  • @irinlio
    @irinlio 2 года назад +2

    Дуже доступне пояснюэте. Супер Величезне вам дякую. Може у вас можна купити курс???

    • @juli.and.design
      @juli.and.design  2 года назад +1

      дякуюю :) я не планую робити ніяких курсів, ідея цього каналу в тому, щоб людям не треба було йти ні на які курси, щоб вивчити фігму))
      я вірю, що фігму можна опанувати самостійно, мої відео лиш трошки допомагають людям)
      тому все що треба знати про фігму я планую покрити на цьому каналі. якщо комусь хочеться підтримати мене фінансово - є номер банки під кожним відео, але я все одно робитиму цей контент безкоштовним для усіх)

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

    Адаптивні сайти - круто!

  • @LAriannaaa
    @LAriannaaa 10 месяцев назад

    І навіщо купувати якісь курси якщо існує такий скарб як ваші відео😍😍😍. Неймовірна дяка🫶🏻

  • @marie.ruzhytska
    @marie.ruzhytska 2 года назад +3

    Дякую, дуже гарне пояснення! Виникло таке питання цікаве. В яких випадках можна відходити від сітки чи завжди строго по сітці має бути?

    • @juli.and.design
      @juli.and.design  2 года назад +2

      привіт, дякую за такий коментар і питання, насправді дуже важливе і класне питання!
      Ні, не завжди все повинно бути по сітці, але хорошою ідеєю буде відходити від неї свідомо і для якоїсь причини. Наприклад, в онлайн-магазинах сітка дуууже важлива (користувачі не вдивляються в товари, а сканують їх і зручніше все сканувати, коли карточки товару організовані в колонки і рядки, а не хаотично розкидані по екрану), але якщо дизайнеру треба виділити якись один товар і привернути на нього більше уваги, він може це зробити різними методами: розміром (карточка-гігант, яка буде в умовні 4 рази більша за усі інші), кольором, обводкою, стрілочками або, зокрема, вибити цей елемент з сітки.
      Якщо воно відрізняється від загального паттерну -> воно привертає більше уваги.
      Або, наприклад, порушенням правил сітки ви будете комунікувати те, що ваш бренд супер бунтарний, має out of the box підхід і плює на усі правила)
      Але якщо ви робите інтерфесне рішення для стереотипних бухгалтерів чи адвокатів, це може зіграти проти вас)) (хоча бачила супер креативні сайти для бухгалтерів хаха, тут все впирається в контекст і позиціонування компанії)
      лонг сторі шорт: можна робити все, насправді можна навіть дизайн без сітки і він теж може бути крутим, але це все повинно бути осмислено, а не тому, що дизайнер просто не шарить в сітках)))

    • @juli.and.design
      @juli.and.design  2 года назад +3

      згадала класний приклад сайту, де це поєднано цікаво: wakawaka.world/ рекомендую заглянути у вкладку index (wakawaka.world/catalogue) і ви побачите спочатку 4 колонки з інфою, а при наведенні на текст, на екрані з'являтимуться зображення меблів в рандомних місцях, які тооочно не лежать ні в якій сітці і може навіть спочатку трохи збивають з толку, але це явно було продумано дизайнерами)
      це досить крейзі варіант, але сподіваюсь, я донесла ідею про доцільне порушення правил сітки :))

    • @marie.ruzhytska
      @marie.ruzhytska 2 года назад +1

      @@juli.and.design ваааааау, дякую за таку розгорнуту відповідь ❤ тепер зрозуміло !)))

    • @juli.and.design
      @juli.and.design  2 года назад +2

      @@marie.ruzhytska клас, рада, що все тепер зрозуміло :)

  • @flesh3041
    @flesh3041 2 года назад +2

    Юля, в мене таке питання до тебе. Який краще всього робити відступ по бокам якщо розмір екрану стоїть 1920х1080?

    • @juli.and.design
      @juli.and.design  2 года назад +2

      Привіт! На жаль, нема універсальних правил і все дуже залежить від сайту. Можна робити взагалі без відступів і сайт буде розтягуватись до країв екрану, а можна робити весь контент зібраним "в купку" по центру і вже відштовхуючись від кількості контенту і обраного леяуту, виставяти марджини)
      Якби було одне-єдине правило, скоріш за все було б не так цікаво розглядати сайти, бо усі вони були б ідентичні :)

    • @flesh3041
      @flesh3041 2 года назад

      @@juli.and.design Дуже дякую)))

    • @flesh3041
      @flesh3041 2 года назад

      @@juli.and.design краще використовувати стреч чи центр коли робиш колонки?

  • @Smorodina-Ch
    @Smorodina-Ch Год назад

    Але якщо Layer зʼявився але сама сітка не зʼявилась

  • @НикБро-ш5р
    @НикБро-ш5р Год назад

    Як ви зробили так, щоб червоні лінії з'являлись ще й відстань між об'єктами показувало?

    • @juli.and.design
      @juli.and.design  Год назад +2

      з виділеним об‘єктом натисла альт і навела мишку на об‘єкт, до якого хочу подивитись відстань)

    • @НикБро-ш5р
      @НикБро-ш5р Год назад

      @@juli.and.design Дякую, це дуже гарна річ у використанні данного інструменту! У мене ще таке питання - як зробити відступи не тільки для тексту а й для об'єктів наприклад у форматі А4 де зліва та права буде 1 см, а знизу та зверху 2 см))

  • @амебка-к6у
    @амебка-к6у 8 месяцев назад

    Після першого прикладу я випала на декілька хвилин з реальності

  • @svitlana.khokhlova
    @svitlana.khokhlova Год назад

    таймапси не з'явилися))))))))))))

    • @juli.and.design
      @juli.and.design  Год назад +2

      всяке буває, я не люблю їх робити)))