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