Animacja na wiele sposobów w Figmie.
Cześć! W dzisiejszym tutorialu poznasz kilka sposobów na animację w Figmie. Co więcej, dowiesz się, jak korzystać z funkcji Smart Animate. Zaczynamy! Na początek krótko o Figmie. Na pierwszy rzut oka wszystko wygląda całkiem znajomo – program jest dość zbliżony do Sketcha czy Adobe XD, więc jeśli pracujesz na którymś z nich, bez problemu odnajdziesz Czytaj więcej
ABC animacji w Adobe XD
Cześć! W tym tutorialu opiszę, jak działa animacja w adobe XD, w jaki sposób się po niej poruszać i dlaczego warto z niej korzystać. A wszystko to na przykładzie aplikacji do obserwowania faz księżyca – stworzymy w programie efekt wczytywania się aplikacji oraz przejścia do ekranu głównego. Słowem wstępu: czym jest animacja? Najprościej ujmując, Czytaj więcej
Wideo & lottie w Adobe XD.
Cześć! W końcu się doczekaliśmy: Adobe postanowiło dodać jedną z najbardziej wyczekiwanych funkcji – dodawania do prototypów elementów wideo oraz animacji. Możemy nareszcie nadać prototypom, dzięki nowym interakcjom, zupełnie nowe życie. Pokażę krok po kroku, jak to zrobić, oraz powiem trochę więcej o dość ciekawym formacie animacji, którym jest lottie. Ale zacznijmy od Ta treść ...Czytaj więcej
Transformacja elementów i wyrównywanie obiektów w AdobeXD
Ciężko jest pracować w Adobe XD i ignorować dostarczane przez aplikację udogodnienia dla projektantów. Jednak czasem może nam to przysporzyć kłopotów. W poniższym tutorialu opiszę, jak korzystam z dwóch takich narzędzi, tj. Content-Aware Layout oraz Transform. Są to tak naprawdę małe udogodnienia, będące częścią panelu, który znajduje się po prawej stronie. Pierwsze pomoże nam ogarnąć ...Czytaj więcej
Plugin Zeplin dla Adobe XD, czyli płynne handoff
Poziom trudności: Łatwy (1/6) Platforma: PC/MAC Pobierz Assety Praca z deweloperami…. Cóż można o niej powiedzieć? Często bywa tak, że nasi kochani mistrzowie kodu (szczególnie frontendowcy) marudzą na przekazane pliki. A to format nie ten, a to na ekranie czegoś nie widać… A gdzie kolor w hex? Ty kolejny raz się głowisz, jak sobie Czytaj więcej
Ramki, autolayout, komponenty w Figmie?
Poziom trudności: Łatwy (2/6) Platforma: MAC/PC Pobierz Assety Cześć! Być może są jeszcze na świecie designerzy, którzy tworzą strony internetowe w Photoshopie. Jeśli znasz taką osobę, każ jej przestać i pokaż jej poniższy tutorial. Trwa pełnia lata i każda minuta, którą będziesz mógł spędzić w parku czy w lesie zamiast przed komputerem jest na wagę złota. Czytaj więcej
Komponenty, overlay i glassmorphism w Adobe XD. Drobne elementy dla dużych efektów
Poziom trudności: Łatwy (2/6) Platforma: MAC/PC Pobierz Assety Tym razem chciałbym przygotować coś praktycznego – mały tutorial z Adobe XD. Pokażę Wam, czym są components, i wytłumaczę, jak działają oraz do czego można je wykorzystać. Powiem trochę o overlay, jako ciekawym rozwiązaniu na robienie czystych mocków. Wspomnę też o popularnym ostatnio terminie, jakim jest glassmorphism. Wszystko ...Czytaj więcej
Rysowanie w Figmie: ekran powitalny aplikacji mobilnej
Poziom trudności: Łatwy (1/6) Platforma: MAC/PC Pobierz Assety Cześć! Tym razem tutorial dotyczy zagadnień związanych z Figmą. Narzędzie pod wieloma kątami podobne jest do Sketcha czy Adobe XD, choć jest kilka różnic, które postaram się ukazać w tym poradniku na przykładzie projektu ekranu powitalnego aplikacji. Zaczynamy? Ale najpierw parę słów o Figmie – to aplikacja do projektowania ...Czytaj więcej
Jak przygotować własną bibliotekę UI do szybkiego prototypowania?
Poziom trudności: Łatwy (1/6) Platforma: MAC/PC Pobierz Assety Cześć! Dziś chciałabym Wam pokazać, w jaki sposób stworzyć i edytować podstawowe elementy biblioteki UI na potrzeby modelu szkieletowego ekranu logowania, a w konsekwencji przyszłej aplikacji w AdobeXD. Zapraszam! Na potrzeby tego tutorialu postanowiłam wybrać makietę dla iPad 12 i przygotować tutorial na przykładzie widoku logowa...Czytaj więcej