Figma i Auto Layout ✏️ Najlepszy tutorial po polsku
HTML-код
- Опубликовано: 24 май 2022
- 🔥 Najfajniejszy kurs UI/UX - LEPSZY PROJEKTANT. Sprawdź koniecznie!
➡️ lepszyprojektant.pl
🤙 Umów się ze mną na konsultacje - pogadamy o twojej karierze, portfolio i czym zechcesz:
➡️ app.zencal.io/u/ks/konsultacja
---
💌 Darmowy ebook o design systemach! Daj maila, to dostaniesz link. Do tego w przyszłości dostaniesz info o moich kolejnych projektach (np. jak zrobię kurs albo odpalę konsultacje):
➡️ projektowe.net
---
🔥 Szukasz pracy w UX? Sprawdź ogłoszenia od najlepszych firm z branży IT na Just Join IT:
➡️ justjoin.it/all/ux?tab=with-s...
---
🐸 Wesprzyj kanał na Patronite, są fajne nagrody! 🤘 patronite.pl/projektowe
---
Auto layout i Figma to fantastyczne narzędzia do budowania interfejsów aplikacji. Aplikacje mobilne, aplikacje webowe, strony, a nawet dokumenty i design choćby CV mogą być znacznie przyspieszone, jeśli projektujemy je za pomocą tych tooli.
---
Zapraszam na Discorda, gdzie gadamy sobie o projektowaniu na luzie. Jest miło! 👾
➡️ / discord
---
🙌 Dołącz do mnie:
LinkedIn: / karolstefanski
Instagram: / karol.ux
TikTok: / karol.ux
![Sean Rii, Karyon, Sharzkii - Taungule [My Love] (Official Music Video)](http://i.ytimg.com/vi/eJoMuypbSzQ/mqdefault.jpg)
Sprawdź mój kurs projektowania UI - LEPSZY PROJEKTANT. Warto, naprawdę!
➡ lepszyprojektant.pl
Bardzo rzeczowo i uczciwie wyjaśnione, bez pośpiechu, skrótów myślowych, które często stosują inni. Bardzo Dziękuję i oby tak dalej!
O bożu, ja chyba w życiu nie widziałam lepszego tutoriala. Jestem zachwycona.
super! ta opcja first i last on top jest super wazna się okazuje dla dropdownów, znalazłam w niej swoją odpowiedź, dzięki! :)
W końcu film, ktory naprawde pomógł skumać te auto layouty
Dzięki Karol!
Sztos. Fajnie objaśniłeś nowe możliwości autolayoutu ;D. Dzieki!
Oglądałem poradnik Gary Simon i za cholere nie ogarniałem tego, a teraz przychodzi Karol i wszystko jest jasne jak słońce
Piona byczq
Super! W końcu ktoś to dobrze wyjaśnił :)
*Super wyjaśniona aktualizacja Auto Layout* ❤️
Tego potrzebowałam
Mega dobry kontent, Dzięki
Dzięki wielkie. Fajnie wyjaśnione, tak po chłopsku :P
super 😍
Wracam do tego filmiku czas wziaść na poważnie za ten autolayout! Kurde jestem próżny, szkoda, że tutaj nie moge wrzucić fotki z siłowni bo bym to zrobił 🤷♂💻 Karol Wincyj filmików!
Damn! Wziął i mnie ubiegł!
5:44 Głupie pytanie może, ale z jakim klawiszem zaznaczyłeś same frame'y wewnątrz komponentów? Z ctrl można je pojedynczo przeklikać, ale na filmie widać, że robisz to jednym pociągnięciem. PS. fajnie by było dorzucić do wideo jednoczesne śledzenie Twojej klawiatury - ułatwisz naukę nowicjuszom (:
Słuszna uwaga, spróbuję to dorzucić przy kolejnych tutorialach. Trzymasz Cmd na Macu, na Windowsie podejrzewam Ctrl, ale nie mogę obiecać. ;)
@@projektowe sprawdzałem ctrl, alt i inne najbardziej oczywiste kombinacje i nie siadło, stąd pytanie
@@vandallomusic1059 hej, nie wim czy nadal dla Ciebie aktualne, ale teraz spróbowałam zaznaczyć same frame'y przytrzymując ctrl i udało się :) trzeba tylko zaczynać zaznaczenie od początku kółka (jak zaznaczysz jego część, to nie podświetli się).
a co jeśli w Auto layout nie mam opcji spacing mode? tylko mam strokes i canvas stacking? trzeba coś zmienić w ustawieniach aplikacji? mogę co prawda ustawić ,,auto" w miejscu gdzie ustawia się gap miedzy elementami i wydaje mi się, że jest to to samo tyle, że mamy inaczej ustawiony program? czy się mylę?
Hejka) Mam pytanie. 5:43 zaznaczasz tylko avatary, jak? U mnie awtomatom zaznacza wszyski fraimy
Hejka! Jaki skrót wpisałeś, żeby wyskoczyło content reel? Dzięki :)
w którymś materiale miałeś do rozdania książke i w nawiazaniu do tego mam pytanie, czytam Prawa UX od Jona, UX dla poczatkujacych od Joela, Design Thinking od Beaty i Piotra oraz Dizajn na codzień od Dona. Polecisz coś dodatkowego w formie książki fizycznej, gdzie znajde bardziej praktyczne przykłady badań UX na podstawie danych od użytkowników? Jakieś konkretne testy, metody, rozpiski z przykładami ? PL/ENG obojętnie.
Świetnie wyjaśniłeś zmiany! Cały czas mam jednak problem z autolayoutem. Staram się działać pixelperfect, ale właśnie to jak jest renderowany font, a zdjęcie czy bounding box, generuje dziwne wartości. Chcę zrobić grid 8x8 a w autolayoucie muszę np na dole ustawić 5 a u góry 6. Jak to wygląda z handoffem? Nie przejmować sie, byleby grid się zgadzał, czy jest na to jakieś rozwiązanie?
Do ideału warto dążyć, ale pamiętajmy, że strony są wyświetlane na różnych ekranach i z różnym contentem, więc nie ma co się pałować do zbędnej przesady. Po ostatnich zmianach dużym ułatwieniem jest stosowanie "include stroke" z ustawieniem "inside" dla obrysów, oraz oczywiście przy wdrożeniu box-sizing: border-box; w CSS.
🤙 Umów się ze mną na konsultacje - pogadamy o twojej karierze, portfolio i czym zechcesz:
➡ app.zencal.io/u/ks/konsultacja
D Z I E K I !
Szybkie pytanko Karol, Dlaczego używasz HSL a nie HSB w kolorach? Mógłbys tak w 2-3 zdaniach wytlumaczyć :) Ja zawsze używam HSB, a moze powinienem HSL jak chce być tak fajnym projektantem jak Ty? Dzięki
HSL jest obsługiwany przez CSS, a HSB nie.
@@projektoweI to jest odpowiedź godna fajnego projektanta! Dziękuję 😊
zajebisty tutorial, ale proszę nie moduluj więcej swojego głosu bo musiałem na trzy razy podchodzić do tego filmu bo mnie tak ta modulacja głosu irytowała. Nagraj jeden film bez tego naśladowania didzejapalasajda i zobaczysz ze bedzie lepszy odzew w wyswietleniach i komentarzach.
Dla czego wszystko zamykamy (gupujemy) w tych autolayout zamiast zostawić tak jak jest ?
Żeby mieć łatwą kontrolę nad paddingiem i żeby kontener sam dopasowywał rozmiar do treści i otoczenia.
@@projektowe Ok dzięki, czyli warto większość rzeczy grupować w ten sposób.